/* =================================================================
   Layout Utilities - AuraMedi
   ================================================================= */

/* Form Controls */
.form-control {
    padding: 10px;
    border-radius: 0.5rem;
}

.form-group {
    margin-bottom: 0.5rem;
}

/* =================================================================
   Margin Utilities (large values not covered by Bootstrap)
   ================================================================= */
.my-100 {
    margin: 100px 0;
}

.my-50 {
    margin: 50px 0;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-100 {
    margin-bottom: 100px;
}

.mb-200 {
    margin-bottom: 200px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-100 {
    margin-top: 100px;
}

.mt-200 {
    margin-top: 200px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .my-100 {
        margin: 50px 0;
    }

    .my-50 {
        margin: 50px 0;
    }

    .mb-100 {
        margin-bottom: 50px;
    }

    .mb-200 {
        margin-bottom: 100px;
    }

    .mt-100 {
        margin-top: 50px;
    }

    .mt-200 {
        margin-top: 100px;
    }
}