/* Organisation des champs */
.form-grid {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

/* Champs alignés sur une ligne */
.woocommerce-billing-fields__field-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 6px;
}

.woocommerce-billing-fields__field-wrapper > .form-row-wide {
    grid-column: span 2; /* Champs larges */
}

/* Ajustement spécifique pour Prénom et Nom */
#billing_first_name_field,
#billing_last_name_field {
    grid-column: span 1 !important;
    display: block !important; /* Pas de grid ici pour Prénom et Nom */
}

/* Numéro et nom de rue - pleine largeur */
#billing_address_1_field {
    grid-column: span 2 !important; /* Étend le champ sur les deux colonnes */
    display: grid !important; /* Applique grid */
}

/* Adresse, Code postal et Ville sur une ligne */
#billing_postcode_field,
#billing_city_field {
    grid-column: span 1 !important;
    display: grid !important; /* Applique grid */
}

/* Téléphone et E-mail côte à côte */
#billing_phone_field,
#billing_email_field {
    grid-column: span 1 !important;
    display: grid !important; /* Applique grid */
}

/* Champs d'entrée */
.woocommerce form.checkout input.input-text,
.woocommerce form.checkout select,
.woocommerce form.checkout textarea {
    width: 100% !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    font-size: 14px !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    box-sizing: border-box !important;
}

/* Responsive : une colonne sur mobile */
@media (max-width: 768px) {
    .woocommerce-billing-fields__field-wrapper {
        grid-template-columns: 1fr !important;
    }
}