/* Mentor Theme Utility Classes */

/* Spacing */
.mt-10 { margin-top: 10px; }
.mt-20 { margin-top: 20px; }
.mt-40 { margin-top: 40px; }

.mb-10 { margin-bottom: 10px; }
.mb-20 { margin-bottom: 20px; }
.mb-40 { margin-bottom: 40px; }

.pt-20 { padding-top: 20px; }
.pb-20 { padding-bottom: 20px; }

/* Flexbox */
.flex { display: flex; }
.flex-center { display: flex; justify-content: center; align-items: center; }
.flex-between { display: flex; justify-content: space-between; }
.flex-column { display: flex; flex-direction: column; }

/* Width */
.w-100 { width: 100%; }
.w-50 { width: 50%; }
.w-auto { width: auto; }

/* Text */
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-bold { font-weight: 600; }

/* Buttons */
.btn {
    display: inline-block;
    padding: 12px 20px;
    border-radius: 6px;
    font-weight: 600;
    text-decoration: none;
}

.btn-primary {
    background: var(--mentor-primary);
    color: var(--mentor-white);
}

.btn-primary:hover {
    background: var(--mentor-primary-dark);
}