/* =========================================================
   NULUYAFIT - DESIGN GLOBAL DES FORMULAIRES 2026
   Checkout + Mon Compte + Contact + Formulaires WooCommerce
   ========================================================= */

/* =========================================================
   NULUYAFIT - DESIGN GLOBAL DES FORMULAIRES 2026
   Checkout + Mon Compte + Contact + Elementor Forms
   Ne touche pas aux boutons produits / panier / mini-cart
   ========================================================= */

:root {
    --nuluya-form-bg: #FCFCFB;
    --nuluya-field-bg: #FFFFFF;
    --nuluya-border: #111111;
    --nuluya-text: #111111;
    --nuluya-muted: rgba(17, 17, 17, 0.48);
    --nuluya-form-radius: 18px;
    --nuluya-field-radius: 12px;
}

/* =========================================================
   1. CONTAINERS DE FORMULAIRES
   ========================================================= */

.woocommerce-checkout #customer_details,
.woocommerce-account form.woocommerce-form,
.woocommerce-account form.edit-account,
.woocommerce-account form.woocommerce-EditAccountForm,
.woocommerce-account form.woocommerce-address-fields,
.woocommerce-account .woocommerce-address-fields,
.woocommerce-account .woocommerce-MyAccount-content form,
form.wpcf7-form,
.elementor-form {
    background: var(--nuluya-form-bg) !important;
    padding: 42px !important;
    border-radius: var(--nuluya-form-radius) !important;
    border: 1.5px solid var(--nuluya-border) !important;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.035) !important;
    margin-bottom: 40px !important;
}

/* =========================================================
   2. TITRES DE FORMULAIRES
   ========================================================= */

.woocommerce-checkout #customer_details h3,
.woocommerce-account form h2,
.woocommerce-account form h3,
.woocommerce-account .woocommerce-Address-title h2,
.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3,
form.wpcf7-form h2,
form.wpcf7-form h3,
.elementor-form h2,
.elementor-form h3 {
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    padding-bottom: 16px !important;
    border-bottom: 1px solid rgba(17, 17, 17, 0.14) !important;
    font-size: 23px !important;
    font-weight: 600 !important;
    color: var(--nuluya-text) !important;
    line-height: 1.3 !important;
    letter-spacing: 0.01em !important;
}

/* =========================================================
   3. LABELS
   ========================================================= */

.woocommerce-checkout #customer_details .form-row label,
.woocommerce-account .form-row label,
.woocommerce-account form label,
.wpcf7-form label,
.elementor-form label {
    font-weight: 600 !important;
    color: var(--nuluya-text) !important;
    font-size: 13px !important;
    margin-bottom: 9px !important;
    text-transform: none !important;
    display: block !important;
    letter-spacing: 0.01em !important;
}

.woocommerce-checkout #customer_details .form-row label .required,
.woocommerce-account .form-row label .required,
.wpcf7-form .required,
.elementor-form .required {
    color: #D71920 !important;
    text-decoration: none !important;
}

/* =========================================================
   4. CHAMPS FORMULAIRES UNIQUEMENT
   ========================================================= */

.woocommerce-checkout #customer_details .form-row input[type="text"],
.woocommerce-checkout #customer_details .form-row input[type="email"],
.woocommerce-checkout #customer_details .form-row input[type="tel"],
.woocommerce-checkout #customer_details .form-row input[type="password"],
.woocommerce-checkout #customer_details .form-row input[type="number"],
.woocommerce-checkout #customer_details .form-row textarea,
.woocommerce-checkout #customer_details .form-row select,

.woocommerce-account form.woocommerce-form input[type="text"],
.woocommerce-account form.woocommerce-form input[type="email"],
.woocommerce-account form.woocommerce-form input[type="tel"],
.woocommerce-account form.woocommerce-form input[type="password"],
.woocommerce-account form.woocommerce-form input[type="number"],
.woocommerce-account form.woocommerce-form textarea,
.woocommerce-account form.woocommerce-form select,

.woocommerce-account form.edit-account input[type="text"],
.woocommerce-account form.edit-account input[type="email"],
.woocommerce-account form.edit-account input[type="tel"],
.woocommerce-account form.edit-account input[type="password"],
.woocommerce-account form.edit-account input[type="number"],
.woocommerce-account form.edit-account textarea,
.woocommerce-account form.edit-account select,

.woocommerce-account form.woocommerce-address-fields input[type="text"],
.woocommerce-account form.woocommerce-address-fields input[type="email"],
.woocommerce-account form.woocommerce-address-fields input[type="tel"],
.woocommerce-account form.woocommerce-address-fields input[type="password"],
.woocommerce-account form.woocommerce-address-fields input[type="number"],
.woocommerce-account form.woocommerce-address-fields textarea,
.woocommerce-account form.woocommerce-address-fields select,

.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="password"],
.wpcf7-form input[type="number"],
.wpcf7-form textarea,
.wpcf7-form select,

.elementor-form input[type="text"],
.elementor-form input[type="email"],
.elementor-form input[type="tel"],
.elementor-form input[type="password"],
.elementor-form input[type="number"],
.elementor-form textarea,
.elementor-form select {
    background: var(--nuluya-field-bg) !important;
    border: 2px solid var(--nuluya-border) !important;
    border-radius: var(--nuluya-field-radius) !important;
    color: var(--nuluya-text) !important;
    padding: 15px 17px !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    box-shadow: none !important;
    width: 100% !important;
    min-height: 54px !important;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease !important;
}

.woocommerce-checkout #customer_details .form-row textarea,
.woocommerce-account form textarea,
.wpcf7-form textarea,
.elementor-form textarea {
    min-height: 130px !important;
    resize: vertical !important;
}

/* Placeholder */
.woocommerce-checkout #customer_details input::placeholder,
.woocommerce-checkout #customer_details textarea::placeholder,
.woocommerce-account form input::placeholder,
.woocommerce-account form textarea::placeholder,
.wpcf7-form input::placeholder,
.wpcf7-form textarea::placeholder,
.elementor-form input::placeholder,
.elementor-form textarea::placeholder {
    color: var(--nuluya-muted) !important;
}

/* =========================================================
   5. FOCUS DES CHAMPS
   ========================================================= */

.woocommerce-checkout #customer_details .form-row input[type="text"]:focus,
.woocommerce-checkout #customer_details .form-row input[type="email"]:focus,
.woocommerce-checkout #customer_details .form-row input[type="tel"]:focus,
.woocommerce-checkout #customer_details .form-row input[type="password"]:focus,
.woocommerce-checkout #customer_details .form-row input[type="number"]:focus,
.woocommerce-checkout #customer_details .form-row textarea:focus,
.woocommerce-checkout #customer_details .form-row select:focus,

.woocommerce-account form input[type="text"]:focus,
.woocommerce-account form input[type="email"]:focus,
.woocommerce-account form input[type="tel"]:focus,
.woocommerce-account form input[type="password"]:focus,
.woocommerce-account form input[type="number"]:focus,
.woocommerce-account form textarea:focus,
.woocommerce-account form select:focus,

.wpcf7-form input[type="text"]:focus,
.wpcf7-form input[type="email"]:focus,
.wpcf7-form input[type="tel"]:focus,
.wpcf7-form input[type="password"]:focus,
.wpcf7-form input[type="number"]:focus,
.wpcf7-form textarea:focus,
.wpcf7-form select:focus,

.elementor-form input[type="text"]:focus,
.elementor-form input[type="email"]:focus,
.elementor-form input[type="tel"]:focus,
.elementor-form input[type="password"]:focus,
.elementor-form input[type="number"]:focus,
.elementor-form textarea:focus,
.elementor-form select:focus {
    background: #ffffff !important;
    border-color: #000000 !important;
    box-shadow: 0 0 0 4px rgba(17, 17, 17, 0.08) !important;
    outline: none !important;
}



/* =========================================================
   6. SELECT2 WOOCOMMERCE
   Pays / Région / Département
   ========================================================= */

.woocommerce-checkout #customer_details .select2-container .select2-selection--single,
.woocommerce-account .select2-container .select2-selection--single {
    background: #ffffff !important;
    border: 2px solid var(--nuluya-border) !important;
    border-radius: var(--nuluya-field-radius) !important;
    height: 54px !important;
    transition: border-color 0.18s ease, box-shadow 0.18s ease !important;
    box-shadow: none !important;
}

.woocommerce-checkout #customer_details .select2-container .select2-selection--single .select2-selection__rendered,
.woocommerce-account .select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 52px !important;
    padding-left: 17px !important;
    color: var(--nuluya-text) !important;
    font-size: 15px !important;
    font-weight: 500 !important;
}

.woocommerce-checkout #customer_details .select2-container .select2-selection--single .select2-selection__arrow,
.woocommerce-account .select2-container .select2-selection--single .select2-selection__arrow {
    height: 52px !important;
    right: 14px !important;
}

.woocommerce-checkout #customer_details .select2-container--default.select2-container--open .select2-selection--single,
.woocommerce-account .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #000000 !important;
    box-shadow: 0 0 0 4px rgba(17, 17, 17, 0.08) !important;
}

/* =========================================================
   7. ESPACEMENT ENTRE LES LIGNES
   ========================================================= */

.woocommerce-checkout #customer_details .form-row,
.woocommerce-account .form-row,
.wpcf7-form p,
.elementor-form .elementor-field-group {
    margin-bottom: 24px !important;
}

/* =========================================================
   8. CHECKBOXES / RADIOS FORMULAIRES
   ========================================================= */

.woocommerce-checkout #customer_details input[type="checkbox"],
.woocommerce-checkout #customer_details input[type="radio"],
.woocommerce-account form input[type="checkbox"],
.woocommerce-account form input[type="radio"],
.wpcf7-form input[type="checkbox"],
.wpcf7-form input[type="radio"],
.elementor-form input[type="checkbox"],
.elementor-form input[type="radio"] {
    width: 20px !important;
    height: 20px !important;
    cursor: pointer !important;
    accent-color: #111111 !important;
}

#ship-to-different-address label {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #111111 !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin-top: 15px !important;
    margin-bottom: 20px !important;
    cursor: pointer;
}

#ship-to-different-address input[type="checkbox"] {
    width: 22px !important;
    height: 22px !important;
}

/* =========================================================
   9. BOUTONS DE FORMULAIRES UNIQUEMENT
   Ne touche pas aux boutons produits / cart / mini-cart
   ========================================================= */

.woocommerce-account form.woocommerce-form button[type="submit"],
.woocommerce-account form.woocommerce-form input[type="submit"],
.woocommerce-account form.edit-account button[type="submit"],
.woocommerce-account form.edit-account input[type="submit"],
.woocommerce-account form.woocommerce-address-fields button[type="submit"],
.woocommerce-account form.woocommerce-address-fields input[type="submit"],
.woocommerce-account .woocommerce-ResetPassword button[type="submit"],
.woocommerce-account .woocommerce-ResetPassword input[type="submit"],
.wpcf7-form input[type="submit"],
.wpcf7-form button[type="submit"],
.elementor-form button[type="submit"],
.elementor-form input[type="submit"] {
    border-radius: 12px !important;
    background: #111111 !important;
    color: #ffffff !important;
    border: 2px solid #111111 !important;
    min-height: 52px !important;
    padding: 14px 26px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: none !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.10) !important;
}

.woocommerce-account form.woocommerce-form button[type="submit"]:hover,
.woocommerce-account form.woocommerce-form input[type="submit"]:hover,
.woocommerce-account form.edit-account button[type="submit"]:hover,
.woocommerce-account form.edit-account input[type="submit"]:hover,
.woocommerce-account form.woocommerce-address-fields button[type="submit"]:hover,
.woocommerce-account form.woocommerce-address-fields input[type="submit"]:hover,
.woocommerce-account .woocommerce-ResetPassword button[type="submit"]:hover,
.woocommerce-account .woocommerce-ResetPassword input[type="submit"]:hover,
.wpcf7-form input[type="submit"]:hover,
.wpcf7-form button[type="submit"]:hover,
.elementor-form button[type="submit"]:hover,
.elementor-form input[type="submit"]:hover {
    background: #ffffff !important;
    color: #111111 !important;
    border-color: #111111 !important;
}

/* =========================================================
   10. MESSAGES FORMULAIRES
   ========================================================= */

.woocommerce-checkout .woocommerce-message,
.woocommerce-checkout .woocommerce-info,
.woocommerce-checkout .woocommerce-error,
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-error,
.wpcf7-response-output,
.elementor-message {
    border-radius: 12px !important;
    padding: 14px 18px !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}

/* =========================================================
   11. QUANTITÉS GLOBALES WOOCOMMERCE
   Sélecteur quantité compact premium
   ========================================================= */

.woocommerce div.quantity,
.single-product div.quantity,
.single-product-page div.quantity,
.woocommerce-cart div.quantity,
.woocommerce-checkout div.quantity,
.cart div.quantity,
.shop_table div.quantity,
.wd-checkout-prod div.quantity {
    display: inline-flex !important;
    align-items: stretch !important;
    justify-content: center !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 38px !important;
    min-height: 38px !important;
    overflow: hidden !important;
    border-radius: 6px !important;
    border: 1px solid #000000 !important;
    background: #ffffff !important;
    box-sizing: border-box !important;
}

/* Champ numérique central */
.woocommerce div.quantity input.qty,
.woocommerce div.quantity input.input-text.qty,
.woocommerce input.qty,
.woocommerce input.input-text.qty,
.single-product div.quantity input.qty,
.single-product-page div.quantity input.qty,
.woocommerce-cart div.quantity input.qty,
.woocommerce-checkout div.quantity input.qty,
.cart div.quantity input.qty,
.shop_table div.quantity input.qty,
.wd-checkout-prod div.quantity input.qty {
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: center !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 38px !important;
    border-radius: 0 !important;
    border: none !important;
    background: #ffffff !important;
    color: #000000 !important;
    box-shadow: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: textfield !important;
}

/* Boutons moins et plus */
.woocommerce div.quantity .minus,
.woocommerce div.quantity .plus,
.woocommerce div.quantity button.minus,
.woocommerce div.quantity button.plus,
.woocommerce div.quantity input.minus,
.woocommerce div.quantity input.plus,
.single-product div.quantity .minus,
.single-product div.quantity .plus,
.single-product-page div.quantity .minus,
.single-product-page div.quantity .plus,
.woocommerce-cart div.quantity .minus,
.woocommerce-cart div.quantity .plus,
.woocommerce-checkout div.quantity .minus,
.woocommerce-checkout div.quantity .plus,
.shop_table div.quantity .minus,
.shop_table div.quantity .plus,
.wd-checkout-prod div.quantity .minus,
.wd-checkout-prod div.quantity .plus {
    width: 26px !important;
    min-width: 26px !important;
    max-width: 26px !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 38px !important;
    text-align: center !important;
    border-radius: 0 !important;
    border: none !important;
    background: #ffffff !important;
    color: #000000 !important;
    box-shadow: none !important;
    font-size: 13px !important;
    font-weight: 500 !important;
}

.woocommerce div.quantity .minus:hover,
.woocommerce div.quantity .plus:hover,
.woocommerce div.quantity button.minus:hover,
.woocommerce div.quantity button.plus:hover,
.woocommerce div.quantity input.minus:hover,
.woocommerce div.quantity input.plus:hover {
    background: #000000 !important;
    color: #ffffff !important;
}

/* Focus propre */
.woocommerce div.quantity input.qty:focus,
.woocommerce div.quantity input.input-text.qty:focus,
.woocommerce input.qty:focus,
.woocommerce input.input-text.qty:focus {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Quantités dans les tableaux panier / checkout */
.woocommerce table.shop_table input.qty,
.woocommerce-cart table.shop_table input.qty,
.woocommerce-checkout table.shop_table input.qty {
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
}
/* =========================================================
   12. RESPONSIVE MOBILE
   ========================================================= */

@media (max-width: 768px) {
    .woocommerce-checkout #customer_details,
    .woocommerce-account form.woocommerce-form,
    .woocommerce-account form.edit-account,
    .woocommerce-account form.woocommerce-EditAccountForm,
    .woocommerce-account form.woocommerce-address-fields,
    .woocommerce-account .woocommerce-address-fields,
    .woocommerce-account .woocommerce-MyAccount-content form,
    form.wpcf7-form,
    .elementor-form {
        padding: 20px 15px !important;
        border-radius: 14px !important;
    }

    .woocommerce-checkout #customer_details .form-row input[type="text"],
    .woocommerce-checkout #customer_details .form-row input[type="email"],
    .woocommerce-checkout #customer_details .form-row input[type="tel"],
    .woocommerce-checkout #customer_details .form-row input[type="password"],
    .woocommerce-checkout #customer_details .form-row input[type="number"],
    .woocommerce-checkout #customer_details .form-row textarea,
    .woocommerce-checkout #customer_details .form-row select,

    .woocommerce-account form.woocommerce-form input[type="text"],
    .woocommerce-account form.woocommerce-form input[type="email"],
    .woocommerce-account form.woocommerce-form input[type="tel"],
    .woocommerce-account form.woocommerce-form input[type="password"],
    .woocommerce-account form.woocommerce-form input[type="number"],
    .woocommerce-account form.woocommerce-form textarea,
    .woocommerce-account form.woocommerce-form select,

    .woocommerce-account form.edit-account input[type="text"],
    .woocommerce-account form.edit-account input[type="email"],
    .woocommerce-account form.edit-account input[type="tel"],
    .woocommerce-account form.edit-account input[type="password"],
    .woocommerce-account form.edit-account input[type="number"],
    .woocommerce-account form.edit-account textarea,
    .woocommerce-account form.edit-account select,

    .woocommerce-account form.woocommerce-address-fields input[type="text"],
    .woocommerce-account form.woocommerce-address-fields input[type="email"],
    .woocommerce-account form.woocommerce-address-fields input[type="tel"],
    .woocommerce-account form.woocommerce-address-fields input[type="password"],
    .woocommerce-account form.woocommerce-address-fields input[type="number"],
    .woocommerce-account form.woocommerce-address-fields textarea,
    .woocommerce-account form.woocommerce-address-fields select,

    .wpcf7-form input[type="text"],
    .wpcf7-form input[type="email"],
    .wpcf7-form input[type="tel"],
    .wpcf7-form input[type="password"],
    .wpcf7-form input[type="number"],
    .wpcf7-form textarea,
    .wpcf7-form select,

    .elementor-form input[type="text"],
    .elementor-form input[type="email"],
    .elementor-form input[type="tel"],
    .elementor-form input[type="password"],
    .elementor-form input[type="number"],
    .elementor-form textarea,
    .elementor-form select {
        padding: 13px 14px !important;
        font-size: 14px !important;
        min-height: 52px !important;
        border-radius: 10px !important;
    }

    .woocommerce div.quantity,
    .single-product div.quantity,
    .single-product-page div.quantity,
    .woocommerce-cart div.quantity,
    .woocommerce-checkout div.quantity,
    .cart div.quantity,
    .shop_table div.quantity,
    .wd-checkout-prod div.quantity {
        height: 36px !important;
        min-height: 36px !important;
    }

    .woocommerce div.quantity input.qty,
    .woocommerce div.quantity input.input-text.qty,
    .single-product div.quantity input.qty,
    .single-product-page div.quantity input.qty,
    .woocommerce-cart div.quantity input.qty,
    .woocommerce-checkout div.quantity input.qty,
    .cart div.quantity input.qty,
    .shop_table div.quantity input.qty,
    .wd-checkout-prod div.quantity input.qty {
        width: 28px !important;
        min-width: 28px !important;
        max-width: 28px !important;
        height: 36px !important;
        min-height: 36px !important;
        line-height: 36px !important;
        font-size: 13px !important;
        padding: 0 !important;
    }

    .woocommerce div.quantity .minus,
    .woocommerce div.quantity .plus,
    .woocommerce div.quantity button.minus,
    .woocommerce div.quantity button.plus,
    .woocommerce div.quantity input.minus,
    .woocommerce div.quantity input.plus,
    .single-product div.quantity .minus,
    .single-product div.quantity .plus,
    .single-product-page div.quantity .minus,
    .single-product-page div.quantity .plus,
    .woocommerce-cart div.quantity .minus,
    .woocommerce-cart div.quantity .plus,
    .woocommerce-checkout div.quantity .minus,
    .woocommerce-checkout div.quantity .plus,
    .shop_table div.quantity .minus,
    .shop_table div.quantity .plus,
    .wd-checkout-prod div.quantity .minus,
    .wd-checkout-prod div.quantity .plus {
        width: 24px !important;
        min-width: 24px !important;
        max-width: 24px !important;
        height: 36px !important;
        min-height: 36px !important;
        line-height: 36px !important;
    }
}

/* =========================================================
   13. FIX ADMIN BAR WORDPRESS
   Empêche le style global des formulaires d'impacter
   la barre admin WordPress visible uniquement connecté
   ========================================================= */

#wpadminbar input,
#wpadminbar input[type="text"],
#wpadminbar input[type="search"],
#wpadminbar .adminbar-input,
#wpadminbar #adminbar-search {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 8px !important;
    margin: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: inherit !important;
    box-shadow: none !important;
    font-size: 13px !important;
    line-height: normal !important;
}

#wpadminbar input:focus,
#wpadminbar input[type="text"]:focus,
#wpadminbar input[type="search"]:focus,
#wpadminbar .adminbar-input:focus,
#wpadminbar #adminbar-search:focus {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    background: transparent !important;
}



/* =========================================================
   FIX NUSC - Bouton Shopify "Procéder au paiement"
   Empêche le style global des formulaires WooCommerce
   d'écraser le bouton du plugin de cloaking
   ========================================================= */

.woocommerce-checkout .nusc-payment-section button#nusc-place-order-btn.nusc-checkout-main-btn {
    display: inline-block !important;
    background: #5a31f4 !important;
    color: #ffffff !important;
    padding: 15px 40px !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    border: none !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    transition: background 0.3s !important;
    text-decoration: none !important;
    min-height: 0 !important;
    text-transform: none !important;
}

.woocommerce-checkout .nusc-payment-section button#nusc-place-order-btn.nusc-checkout-main-btn:hover {
    background: #4a28d4 !important;
    color: #ffffff !important;
    border: none !important;
}

/* =========================================================
   CHECKOUT BUILDER WOODMART - Cadres + récap commande
   Spécifique validation commande
   ========================================================= */

/* Grands cadres : Détails de facturation + Votre commande + Paiement */
.woocommerce-checkout .elementor-element-9f5f474,
.woocommerce-checkout .elementor-element-68e31619,
.woocommerce-checkout .elementor-element-11377d2 {
    background: #FCFCFB !important;
    border: 1.5px solid #111111 !important;
    border-radius: 18px !important;
    padding: 42px !important;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.035) !important;
}

/* Récap commande : intégré directement dans le cadre */
.woocommerce-checkout .woocommerce-checkout-review-order-table,
.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
    box-shadow: none !important;
}

/* Séparateurs internes du récap */
.woocommerce-checkout .woocommerce-checkout-review-order-table th,
.woocommerce-checkout .woocommerce-checkout-review-order-table td,
.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table th,
.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table td {
    border-color: rgba(17, 17, 17, 0.12) !important;
}

/* Bloc paiement sécurisé */
.woocommerce-checkout #payment,
.woocommerce-checkout .woocommerce-checkout-payment {
    background: #ffffff !important;
    border: 2px solid #111111 !important;
    border-radius: 16px !important;
    padding: 28px !important;
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.04) !important;
}

/* Mobile checkout builder */
@media (max-width: 768px) {
    .woocommerce-checkout .elementor-element-9f5f474,
    .woocommerce-checkout .elementor-element-68e31619,
    .woocommerce-checkout .elementor-element-11377d2 {
        padding: 24px 18px !important;
        border-radius: 14px !important;
    }
}




/* =========================================================
   FIX CHECKOUT BUILDER WOODMART
   Réapplique le design formulaires aux champs de validation commande
   car cette page n'utilise pas #customer_details
   ========================================================= */

/* Titres checkout builder */
.woocommerce-checkout .wd-checkout-form .woocommerce-billing-fields > h3,
.woocommerce-checkout .wd-checkout-form .woocommerce-shipping-fields > h3,
.woocommerce-checkout .wd-checkout-form .woocommerce-additional-fields > h3 {
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    padding-bottom: 16px !important;
    border-bottom: 1px solid rgba(17, 17, 17, 0.14) !important;
    font-size: 23px !important;
    font-weight: 600 !important;
    color: var(--nuluya-text) !important;
    line-height: 1.3 !important;
    letter-spacing: 0.01em !important;
}

/* Labels checkout builder */
.woocommerce-checkout .wd-checkout-form .woocommerce-billing-fields .form-row label,
.woocommerce-checkout .wd-checkout-form .woocommerce-shipping-fields .form-row label,
.woocommerce-checkout .wd-checkout-form .woocommerce-additional-fields .form-row label {
    font-weight: 600 !important;
    color: var(--nuluya-text) !important;
    font-size: 13px !important;
    margin-bottom: 9px !important;
    text-transform: none !important;
    display: block !important;
    letter-spacing: 0.01em !important;
}

/* Champs checkout builder */
.woocommerce-checkout .wd-checkout-form .woocommerce-billing-fields .form-row input[type="text"],
.woocommerce-checkout .wd-checkout-form .woocommerce-billing-fields .form-row input[type="email"],
.woocommerce-checkout .wd-checkout-form .woocommerce-billing-fields .form-row input[type="tel"],
.woocommerce-checkout .wd-checkout-form .woocommerce-billing-fields .form-row input[type="password"],
.woocommerce-checkout .wd-checkout-form .woocommerce-billing-fields .form-row input[type="number"],
.woocommerce-checkout .wd-checkout-form .woocommerce-billing-fields .form-row textarea,
.woocommerce-checkout .wd-checkout-form .woocommerce-billing-fields .form-row select,

.woocommerce-checkout .wd-checkout-form .woocommerce-shipping-fields .form-row input[type="text"],
.woocommerce-checkout .wd-checkout-form .woocommerce-shipping-fields .form-row input[type="email"],
.woocommerce-checkout .wd-checkout-form .woocommerce-shipping-fields .form-row input[type="tel"],
.woocommerce-checkout .wd-checkout-form .woocommerce-shipping-fields .form-row input[type="password"],
.woocommerce-checkout .wd-checkout-form .woocommerce-shipping-fields .form-row input[type="number"],
.woocommerce-checkout .wd-checkout-form .woocommerce-shipping-fields .form-row textarea,
.woocommerce-checkout .wd-checkout-form .woocommerce-shipping-fields .form-row select,

.woocommerce-checkout .wd-checkout-form .woocommerce-additional-fields .form-row input[type="text"],
.woocommerce-checkout .wd-checkout-form .woocommerce-additional-fields .form-row input[type="email"],
.woocommerce-checkout .wd-checkout-form .woocommerce-additional-fields .form-row input[type="tel"],
.woocommerce-checkout .wd-checkout-form .woocommerce-additional-fields .form-row input[type="password"],
.woocommerce-checkout .wd-checkout-form .woocommerce-additional-fields .form-row input[type="number"],
.woocommerce-checkout .wd-checkout-form .woocommerce-additional-fields .form-row textarea,
.woocommerce-checkout .wd-checkout-form .woocommerce-additional-fields .form-row select {
    background: var(--nuluya-field-bg) !important;
    border: 2px solid var(--nuluya-border) !important;
    border-radius: var(--nuluya-field-radius) !important;
    color: var(--nuluya-text) !important;
    padding: 15px 17px !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    box-shadow: none !important;
    width: 100% !important;
    min-height: 54px !important;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease !important;
}

/* Textarea checkout builder */
.woocommerce-checkout .wd-checkout-form .woocommerce-additional-fields .form-row textarea,
.woocommerce-checkout .wd-checkout-form .woocommerce-billing-fields .form-row textarea,
.woocommerce-checkout .wd-checkout-form .woocommerce-shipping-fields .form-row textarea {
    min-height: 130px !important;
    resize: vertical !important;
}

/* Placeholder checkout builder */
.woocommerce-checkout .wd-checkout-form .woocommerce-billing-fields input::placeholder,
.woocommerce-checkout .wd-checkout-form .woocommerce-billing-fields textarea::placeholder,
.woocommerce-checkout .wd-checkout-form .woocommerce-shipping-fields input::placeholder,
.woocommerce-checkout .wd-checkout-form .woocommerce-shipping-fields textarea::placeholder,
.woocommerce-checkout .wd-checkout-form .woocommerce-additional-fields input::placeholder,
.woocommerce-checkout .wd-checkout-form .woocommerce-additional-fields textarea::placeholder {
    color: var(--nuluya-muted) !important;
}

/* Focus checkout builder */
.woocommerce-checkout .wd-checkout-form .woocommerce-billing-fields .form-row input[type="text"]:focus,
.woocommerce-checkout .wd-checkout-form .woocommerce-billing-fields .form-row input[type="email"]:focus,
.woocommerce-checkout .wd-checkout-form .woocommerce-billing-fields .form-row input[type="tel"]:focus,
.woocommerce-checkout .wd-checkout-form .woocommerce-billing-fields .form-row input[type="password"]:focus,
.woocommerce-checkout .wd-checkout-form .woocommerce-billing-fields .form-row input[type="number"]:focus,
.woocommerce-checkout .wd-checkout-form .woocommerce-billing-fields .form-row textarea:focus,
.woocommerce-checkout .wd-checkout-form .woocommerce-billing-fields .form-row select:focus,

.woocommerce-checkout .wd-checkout-form .woocommerce-shipping-fields .form-row input[type="text"]:focus,
.woocommerce-checkout .wd-checkout-form .woocommerce-shipping-fields .form-row input[type="email"]:focus,
.woocommerce-checkout .wd-checkout-form .woocommerce-shipping-fields .form-row input[type="tel"]:focus,
.woocommerce-checkout .wd-checkout-form .woocommerce-shipping-fields .form-row input[type="password"]:focus,
.woocommerce-checkout .wd-checkout-form .woocommerce-shipping-fields .form-row input[type="number"]:focus,
.woocommerce-checkout .wd-checkout-form .woocommerce-shipping-fields .form-row textarea:focus,
.woocommerce-checkout .wd-checkout-form .woocommerce-shipping-fields .form-row select:focus,

.woocommerce-checkout .wd-checkout-form .woocommerce-additional-fields .form-row input[type="text"]:focus,
.woocommerce-checkout .wd-checkout-form .woocommerce-additional-fields .form-row input[type="email"]:focus,
.woocommerce-checkout .wd-checkout-form .woocommerce-additional-fields .form-row input[type="tel"]:focus,
.woocommerce-checkout .wd-checkout-form .woocommerce-additional-fields .form-row input[type="password"]:focus,
.woocommerce-checkout .wd-checkout-form .woocommerce-additional-fields .form-row input[type="number"]:focus,
.woocommerce-checkout .wd-checkout-form .woocommerce-additional-fields .form-row textarea:focus,
.woocommerce-checkout .wd-checkout-form .woocommerce-additional-fields .form-row select:focus {
    background: #ffffff !important;
    border-color: #000000 !important;
    box-shadow: 0 0 0 4px rgba(17, 17, 17, 0.08) !important;
    outline: none !important;
}

/* Select2 checkout builder : pays/région */
.woocommerce-checkout .wd-checkout-form .woocommerce-billing-fields .select2-container .select2-selection--single,
.woocommerce-checkout .wd-checkout-form .woocommerce-shipping-fields .select2-container .select2-selection--single {
    background: #ffffff !important;
    border: 2px solid var(--nuluya-border) !important;
    border-radius: var(--nuluya-field-radius) !important;
    height: 54px !important;
    box-shadow: none !important;
}

.woocommerce-checkout .wd-checkout-form .woocommerce-billing-fields .select2-container .select2-selection--single .select2-selection__rendered,
.woocommerce-checkout .wd-checkout-form .woocommerce-shipping-fields .select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 52px !important;
    padding-left: 17px !important;
    color: var(--nuluya-text) !important;
    font-size: 15px !important;
    font-weight: 500 !important;
}

.woocommerce-checkout .wd-checkout-form .woocommerce-billing-fields .select2-container .select2-selection--single .select2-selection__arrow,
.woocommerce-checkout .wd-checkout-form .woocommerce-shipping-fields .select2-container .select2-selection--single .select2-selection__arrow {
    height: 52px !important;
    right: 14px !important;
}

/* Espacement champs checkout builder */
.woocommerce-checkout .wd-checkout-form .woocommerce-billing-fields .form-row,
.woocommerce-checkout .wd-checkout-form .woocommerce-shipping-fields .form-row,
.woocommerce-checkout .wd-checkout-form .woocommerce-additional-fields .form-row {
    margin-bottom: 24px !important;
}

/* Mobile checkout builder */
@media (max-width: 768px) {
    .woocommerce-checkout .wd-checkout-form .woocommerce-billing-fields .form-row input[type="text"],
    .woocommerce-checkout .wd-checkout-form .woocommerce-billing-fields .form-row input[type="email"],
    .woocommerce-checkout .wd-checkout-form .woocommerce-billing-fields .form-row input[type="tel"],
    .woocommerce-checkout .wd-checkout-form .woocommerce-billing-fields .form-row input[type="password"],
    .woocommerce-checkout .wd-checkout-form .woocommerce-billing-fields .form-row input[type="number"],
    .woocommerce-checkout .wd-checkout-form .woocommerce-billing-fields .form-row textarea,
    .woocommerce-checkout .wd-checkout-form .woocommerce-billing-fields .form-row select,

    .woocommerce-checkout .wd-checkout-form .woocommerce-shipping-fields .form-row input[type="text"],
    .woocommerce-checkout .wd-checkout-form .woocommerce-shipping-fields .form-row input[type="email"],
    .woocommerce-checkout .wd-checkout-form .woocommerce-shipping-fields .form-row input[type="tel"],
    .woocommerce-checkout .wd-checkout-form .woocommerce-shipping-fields .form-row input[type="password"],
    .woocommerce-checkout .wd-checkout-form .woocommerce-shipping-fields .form-row input[type="number"],
    .woocommerce-checkout .wd-checkout-form .woocommerce-shipping-fields .form-row textarea,
    .woocommerce-checkout .wd-checkout-form .woocommerce-shipping-fields .form-row select,

    .woocommerce-checkout .wd-checkout-form .woocommerce-additional-fields .form-row input[type="text"],
    .woocommerce-checkout .wd-checkout-form .woocommerce-additional-fields .form-row input[type="email"],
    .woocommerce-checkout .wd-checkout-form .woocommerce-additional-fields .form-row input[type="tel"],
    .woocommerce-checkout .wd-checkout-form .woocommerce-additional-fields .form-row input[type="password"],
    .woocommerce-checkout .wd-checkout-form .woocommerce-additional-fields .form-row input[type="number"],
    .woocommerce-checkout .wd-checkout-form .woocommerce-additional-fields .form-row textarea,
    .woocommerce-checkout .wd-checkout-form .woocommerce-additional-fields .form-row select {
        padding: 13px 14px !important;
        font-size: 14px !important;
        min-height: 52px !important;
        border-radius: 10px !important;
    }

    .woocommerce-checkout .wd-checkout-form .woocommerce-billing-fields .select2-container .select2-selection--single,
    .woocommerce-checkout .wd-checkout-form .woocommerce-shipping-fields .select2-container .select2-selection--single {
        height: 52px !important;
        border-radius: 10px !important;
    }

    .woocommerce-checkout .wd-checkout-form .woocommerce-billing-fields .select2-container .select2-selection--single .select2-selection__rendered,
    .woocommerce-checkout .wd-checkout-form .woocommerce-shipping-fields .select2-container .select2-selection--single .select2-selection__rendered {
        line-height: 50px !important;
    }
}