/* ============================================
   COMPONENT: ADDRESS FORM
   Namespacing: .c-address-form
   ============================================ */

.c-address-form {
    width: 100%;
}

.c-address-form__grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 1.25rem 1rem;
}

/* Base columns (assumes 6-column grid base) */
.c-address-form__grid .col-1 { grid-column: span 1; }
.c-address-form__grid .col-2 { grid-column: span 2; }
.c-address-form__grid .col-3 { grid-column: span 3; }
.c-address-form__grid .col-4 { grid-column: span 4; }
.c-address-form__grid .col-5 { grid-column: span 5; }
.c-address-form__grid .col-6 { grid-column: span 6; }

/* Remove default margin from inputs when inside grid for better spacing control */
.c-address-form__grid .c-base-input {
    margin-bottom: 0;
}

/* Mobile Adjustments (matching CheckoutPage breakpoints) */
@media (max-width: 768px) {
    .c-address-form__grid {
        grid-template-columns: 1fr !important;
        gap: 1.25rem;
    }

    .c-address-form__grid [class*="col-"] {
        grid-column: span 1 !important;
    }
}