/**
 * TA Caisse : habillage de la page de paiement WooCommerce (/paiement/) à la DA
 * ---------------------------------------------------------------------------
 * Version : 1.0 (31/10/2026)
 * HABILLAGE SEULEMENT (zone interdite : la mécanique de paiement). Aucune règle ne masque ni ne déplace
 * un champ de paiement : polices, couleurs, arrondis, espacements, champs à 16 px, bouton vert.
 * Les repères du parcours (étape 6 sur 6, réassurance, sortie fiche gratuite) sont ajoutés par
 * inc/ta-wizard.php sur le crochet woocommerce_before_checkout_form.
 *
 * Changelog
 * 1.0 : première version.
 */

body.woocommerce-checkout{--ta-encre:#0f172a;--ta-navy:#1a2744;--ta-vert:#53C598;--ta-ligne:#e4e8ef;--ta-gris:#5b6575}
body.woocommerce-checkout .woocommerce{font-family:Figtree,Arial,sans-serif;color:var(--ta-encre)}
body.woocommerce-checkout .woocommerce h3,body.woocommerce-checkout #order_review_heading{font-family:Fraunces,Georgia,serif;font-weight:500;letter-spacing:-.01em}
body.woocommerce-checkout .woocommerce form .form-row input.input-text,body.woocommerce-checkout .woocommerce form .form-row select,
body.woocommerce-checkout .woocommerce form .form-row textarea{font-size:16px;min-height:48px;border:1.5px solid var(--ta-ligne);border-radius:12px;padding:10px 14px;background:#fff}
body.woocommerce-checkout .woocommerce form .form-row input.input-text:focus{border-color:var(--ta-navy);box-shadow:0 0 0 3px #1a274426;outline:none}
body.woocommerce-checkout .woocommerce form .form-row label{font-weight:650;font-size:14px}
body.woocommerce-checkout #order_review,body.woocommerce-checkout .woocommerce-checkout-review-order{background:#fff;border-radius:14px;box-shadow:0 6px 22px #0f172a12}
body.woocommerce-checkout #payment{background:#f1f3f8;border-radius:14px}
body.woocommerce-checkout #place_order{background:var(--ta-vert)!important;color:var(--ta-encre)!important;border:0!important;border-radius:12px!important;min-height:56px;font-weight:700!important;font-size:16px!important;width:100%}
body.woocommerce-checkout #place_order:hover{filter:brightness(.96)}

.ta-caisse-tete{max-width:1000px;margin-inline:auto!important;box-sizing:border-box;background:#fff;border-radius:14px;box-shadow:0 6px 22px #0f172a12;padding:22px 24px;margin:0 0 24px;font-family:Figtree,Arial,sans-serif;color:var(--ta-encre)}
.ta-caisse-etape{margin:0 0 6px;color:#7a6630;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.ta-caisse-tete h2{font-family:Fraunces,Georgia,serif;font-weight:500;font-size:26px;margin:0 0 12px;color:var(--ta-encre)!important}
.ta-caisse-tete ul{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:8px}
.ta-caisse-tete li{position:relative;padding-left:26px;font-size:15px}
.ta-caisse-tete li::before{content:"";position:absolute;left:0;top:4px;width:16px;height:16px;border-radius:50%;background:#e9f6f0;box-shadow:inset 0 0 0 5px var(--ta-vert)}
.ta-caisse-gratuit{margin:0;font-size:14px;color:var(--ta-gris)}
.ta-caisse-gratuit a{color:#175b43;font-weight:650}