/* Golden Commande UI 0.1.14 : habillage de la page de commande FunnelKit (gabarit ShopCheckout), 13/10/2026.
   0.1.14 (recette iPhone du 13/10, section 19 en fin de fichier) : plus de bande noire vide sous l'en-tête sur téléphone. Le reste est celui de la 0.1.13.
   Ancienne en-tete : Golden Commande UI 0.1.13 : habillage de la page de commande FunnelKit (gabarit ShopCheckout), 12/10/2026.
   0.1.13 (verification du 12/10 au soir, section 18 en fin de fichier) : case « Creer mon compte » remise dans le flux sur ordinateur,
   alignee sur « Recevoir nos offres » ; icone du panier de la barre « Ta commande » (telephone) dans le flux. Le reste est celui de la 0.1.12.
   Ancienne en-tete : Golden Commande UI 0.1.12 : habillage de la page de commande FunnelKit (gabarit ShopCheckout), 12/10/2026.
   0.1.12 (contre-recette du 12/10, section 17 en fin de fichier) : « Payer » cache tant que Mondial Relay demande un point et
   qu'aucun n'est choisi (N1, classe gc-relais-attente posee par le script) ; boutons de la fenetre « consigne » sans effet de
   survol sur ecran tactile (N2) ; case « Creer mon compte » alignee comme les autres cases (N3). Le reste est celui de la 0.1.11.
   0.1.11 : la fenetre « consigne automatique » de Mondial Relay (#LockerModal) tient dans l'ecran, ses deux boutons dans le cadre
   (fin de la section 12), et la phrase d'aide sous « Aucun point choisi » (section 7, gc-point-aide). Le reste est celui de la 0.1.10.
   0.1.10 : feuille identique a celle de la 0.1.9, a une regle pres (la ligne cachee « gc-nb-d » du compte d'articles).
   0.1.9 : une regle de plus (16 d) : le libelle du bouton principal ne se chevauche plus quand il passe sur deux lignes
   (« Payer 81,70 € par virement » dans la carte « Ta commande » a 1024 px). Defaut anterieur, vu a la recette du 11/10.
   0.1.8 : trois retouches de la section 16 trouvees a l'essai de la 0.1.7 (le « × 2 » du titre de l'article ne reapparait plus,
   un seul signe dans les boutons − et +, la mention des complements garde sa taille et sa couleur).
   0.1.7 : section 16 en fin de fichier (quantites du resume, mention « livraison offerte » des complements, second bouton « Payer »
   sous le paiement). Le reste est celui de la 0.1.6, au caractere pres.
   0.1.6 : feuille de style identique a la 0.1.5 (seul le script change : anciens intitules de livraison).
   0.1.5 : un champ qui porte un message d'erreur a toujours son cadre rouge (section 15).
   0.1.4 : section 15 en fin de fichier (messages d'erreur lisibles et alignes, mail mal forme en rouge, code postal trop court,
   suggestions d'adresse plus hautes au doigt, mode de livraison unique sur toute la largeur). Le reste est celui de la 0.1.3.
   ALLURE : celle de la maquette validee (MAQUETTE-PAGE-COMMANDE_2026-10-09.html) : fond noir, blocs en cartes #181818,
   titres d'etape numerotes en jaune, champs blancs a libelle au-dessus, tuiles de livraison et de paiement, pastille OFFERT,
   barre « Ta commande » claire, grand bouton jaune. Les acquis de confort de la 0.1.1 restent (champs replies, resume replie,
   saisie automatique, transitions, complements).
   Tout est borne a body.wfacp_main_wrapper (classe posee par FunnelKit sur ses pages de commande).
   Les classes gc-... sont posees par assets/commande.js ; sans le script la page reste complete et utilisable.
   Les "!important" ne sont la que pour passer devant ceux de FunnelKit, du theme ou de Mondial Relay (note a cote de chacun). */

/* ------------------------------------------------------------------ 0. Jetons (valeurs de la maquette) */
body.wfacp_main_wrapper{
  --gc-bg:#000;--gc-card:#181818;--gc-cb:#232321;--gc-tile:#1f1f1e;--gc-tb:#3b3b39;--gc-sel:#29250f;--gc-line:#2e2e2c;--gc-line2:#262624;
  --gc-txt:#EDEAE0;--gc-dim:#BDBAB0;--gc-lab:#CFCCC2;--gc-mute:#8f8c83;--gc-y:#FFD101;
  --gc-err:#FF9480;--gc-ok:#6FE09B;--gc-okf:#1DB45A;
  --gc-r:8px;--gc-h:48px;--gc-g:5px;--gc-cp:14px;--gc-cr:14px;--gc-pad:10px;
  --gc-f:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;--gc-ft:Pilat,var(--gc-f);
  --gc-ease:cubic-bezier(.32,.72,0,1);
  --gc-i-lock:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4.5' y='10.5' width='15' height='10' rx='2'/%3E%3Cpath d='M8 10.5V7.5a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E");
  --gc-i-store:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9.5l1.5-5h13l1.5 5'/%3E%3Cpath d='M5 10v10h14V10'/%3E%3Cpath d='M4 9.5a2.65 2.65 0 0 0 5.3 0 2.7 2.7 0 0 0 5.4 0 2.65 2.65 0 0 0 5.3 0'/%3E%3Cpath d='M10 20v-5h4v5'/%3E%3C/svg%3E");
  --gc-i-home:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 11l8-6.5 8 6.5'/%3E%3Cpath d='M6 10v9.5h12V10'/%3E%3C/svg%3E");
  --gc-i-pin:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-6.5-5.6-6.5-10.5a6.5 6.5 0 0 1 13 0C18.5 15.4 12 21 12 21z'/%3E%3Ccircle cx='12' cy='10.5' r='2.3'/%3E%3C/svg%3E");
  --gc-i-cart:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2.5l2.2 10.5h9.8L19.5 7H7'/%3E%3Ccircle cx='9.5' cy='19' r='1.3'/%3E%3Ccircle cx='16.5' cy='19' r='1.3'/%3E%3C/svg%3E");
  --gc-i-chev:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  --gc-i-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E");
  --gc-i-shield:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7.5 3v5.5c0 4.6-3.1 8-7.5 9.5-4.400-1.500-7.500-4.900-7.500-9.500V6z'/%3E%3Cpath d='M8.800 12.200l2.300 2.300 4.200-4.600'/%3E%3C/svg%3E");
  --gc-coche-n:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.4 6.3l2.4 2.4 4.8-5.2' fill='none' stroke='%23111' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --gc-coche-b:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.6 6.3l2.3 2.3 4.5-4.9' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background:var(--gc-bg);color:#fff
}
body.wfacp_main_wrapper .wfacp-main-container,body.wfacp_main_wrapper .wfacp-panel-wrapper,body.wfacp_main_wrapper .wfacp-form,body.wfacp_main_wrapper .wfacp-left-wrapper,body.wfacp_main_wrapper .wfacp-left-panel{background:transparent}
/* police de lecture : celle de la maquette (police du systeme, aucun fichier charge). important necessaire : FunnelKit ecrit la police du site element par element.
   Les titres, la pastille et le bouton reprennent Pilat, la police des titres larges du site, deja chargee par la page. */
body.wfacp_main_wrapper .wfacp-main-container,body.wfacp_main_wrapper .wfacp-main-container *:not(i):not([class*=icon]):not([class*=dashicons]),body.wfacp_main_wrapper .modaal-wrapper,body.wfacp_main_wrapper .modaal-wrapper *:not(i):not([class*=leaflet]){font-family:var(--gc-f)!important}
body.wfacp_main_wrapper .wfacp-main-container h2.wfacp_section_heading,body.wfacp_main_wrapper .wfacp-main-container h2.gc-h2,body.wfacp_main_wrapper .wfacp-main-container h2.wfacp-list-title,body.wfacp_main_wrapper .wfacp-main-container #place_order,body.wfacp_main_wrapper .wfacp-main-container button.gc-relais-btn,body.wfacp_main_wrapper .wfacp-main-container .gc-pill,body.wfacp_main_wrapper .modaal-wrapper .MRW-Title,body.wfacp_main_wrapper .modaal-wrapper #delivery_point_chosen{font-family:var(--gc-ft)!important}

/* ------------------------------------------------------------------ 1. En-tete mince : logo a gauche, « Paiement securise » a droite */
body.wfacp_main_wrapper header.wfacp-header{position:static;height:50px;margin:0;padding:0;background:var(--gc-card);border:0;border-bottom:1px solid var(--gc-line2);box-shadow:none}
body.wfacp_main_wrapper header.wfacp-header .wfacp-inner-header{width:auto;max-width:none;height:100%;margin:0;padding:0 16px}
body.wfacp_main_wrapper header.wfacp-header .wfacp-middle-container{display:flex;align-items:center;justify-content:space-between;gap:12px;width:auto;max-width:none;height:100%;margin:0;padding:0}
body.wfacp_main_wrapper header.wfacp-header .wfacp-middle-container::before,body.wfacp_main_wrapper header.wfacp-header .wfacp-middle-container::after{content:none;display:none}
body.wfacp_main_wrapper header.wfacp-header .wfacp_logo_wrap{display:flex;align-items:center;float:none;width:auto;margin:0;padding:0}
body.wfacp_main_wrapper header.wfacp-header img.wfacp-logo{display:block;width:auto;max-width:none;height:34px;margin:0}
body.wfacp_main_wrapper header.wfacp-header .wfacp-help-text{display:block!important;position:static;float:none;width:auto;margin:0;padding:0} /* important necessaire : la 0.1.1 et le theme masquaient cette mention */
body.wfacp_main_wrapper header.wfacp-header .wfacp-header-nav ul{position:static;display:flex;align-items:center;margin:0;padding:0;list-style:none}
body.wfacp_main_wrapper header.wfacp-header li.wfacp_header_list_help{display:block!important;margin:0;padding:0} /* important necessaire : le theme masque cette mention en important */
body.wfacp_main_wrapper header.wfacp-header li.wfacp_header_list_help a{pointer-events:none;cursor:default;text-decoration:none}
body.wfacp_main_wrapper header.wfacp-header .wfacp-hd-list-help{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;line-height:1.2;color:var(--gc-txt);white-space:nowrap;text-transform:none}
body.wfacp_main_wrapper header.wfacp-header .wfacp-hd-list-help::before{content:"";display:block;position:static;flex:none;width:14px;height:14px;margin:0;background:var(--gc-y);-webkit-mask:var(--gc-i-lock) center/contain no-repeat;mask:var(--gc-i-lock) center/contain no-repeat}
body.wfacp_main_wrapper #payement-img-header{display:none;align-items:center;gap:5px;margin:0 0 0 6px}
body.wfacp_main_wrapper #payement-img-header img{width:auto;height:24px;margin:0;border-radius:4px}
body.wfacp_main_wrapper #payement-img-header img[src*=klarna],body.wfacp_main_wrapper #payement-img-container img[src*=klarna]{display:none}

/* ------------------------------------------------------------------ 2. Mise en page generale (telephone d'abord) */
body.wfacp_main_wrapper .wfacp-panel-wrapper{padding:0 var(--gc-pad) 8px}
body.wfacp_main_wrapper .wfacp-panel-wrapper>.wfacp-middle-container,body.wfacp_main_wrapper .wfacp-panel-wrapper .wfacp-form-panel{width:auto;max-width:none;margin:0;padding:0}
body.wfacp_main_wrapper .wfacp-form-panel .wfacp-comm-wrapper{display:flex;flex-direction:column;margin:0;padding:0}
body.wfacp_main_wrapper .wfacp-comm-wrapper::before,body.wfacp_main_wrapper .wfacp-comm-wrapper::after{content:none;display:none}
body.wfacp_main_wrapper .wfacp-form-panel .wfacp-comm-wrapper .wfacp-left-wrapper{float:none;width:auto;max-width:none;margin:0;padding:10px 0 0}
body.wfacp_main_wrapper .wfacp-form,body.wfacp_main_wrapper .wfacp-form .wfacp_main_form,body.wfacp_main_wrapper #wfacp_checkout_form,body.wfacp_main_wrapper .wfacp-left-panel{margin:0;padding:0;border:0;box-shadow:none}
body.wfacp_main_wrapper .wfacp_main_form>.wt_coupon_wrapper:not(:has(*)){display:none}

/* ------------------------------------------------------------------ 3. Blocs en cartes, titres d'etape numerotes
   Une carte est faite de tranches accolees (le titre en haut, le contenu dessous) : aucun element de la page n'est deplace. */
body.wfacp_main_wrapper #wfacp-sec-wrapper{counter-reset:gcn}
body.wfacp_main_wrapper #wfacp-sec-wrapper div.wfacp-section{margin:0 0 10px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
body.wfacp_main_wrapper #wfacp-sec-wrapper div.wfacp-section>.wfacp-comm-title,body.wfacp_main_wrapper #wfacp-sec-wrapper div.wfacp-section.wfacp_payment .wfacp-comm-title{display:block;margin:0;padding:18px var(--gc-cp) 13px;border:1px solid var(--gc-cb);border-bottom:0;border-radius:var(--gc-cr) var(--gc-cr) 0 0;background:var(--gc-card);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
body.wfacp_main_wrapper #wfacp-sec-wrapper div.wfacp-section.step_0>.wfacp-comm-form-detail,body.wfacp_main_wrapper #wfacp-sec-wrapper div.wfacp-section.step_1 #order_review,body.wfacp_main_wrapper #wfacp-sec-wrapper div.wfacp-section.wfacp_payment #payment{margin:0;padding:0 var(--gc-cp) 16px;border:1px solid var(--gc-cb);border-top:0;border-radius:0 0 var(--gc-cr) var(--gc-cr);background:var(--gc-card)}
body.wfacp_main_wrapper h2.wfacp_section_heading,body.wfacp_main_wrapper h2.gc-h2{display:flex;align-items:baseline;gap:8px;margin:0;padding:0;border:0;font-size:17px;font-weight:900;line-height:1.15;letter-spacing:.01em;text-transform:uppercase;text-align:left;color:#fff}
body.wfacp_main_wrapper #wfacp-sec-wrapper h2.wfacp_section_heading::before,body.wfacp_main_wrapper #wfacp-sec-wrapper h2.gc-h2::before{counter-increment:gcn;content:counter(gcn) ".";display:inline;position:static;width:auto;height:auto;margin:0;padding:0;background:none;font:inherit;color:var(--gc-y)}
body.wfacp_main_wrapper #wfacp-sec-wrapper div.wfacp-section .wfacp-comm-title h4{display:none}
/* avec le script : le premier bloc devient deux cartes (« Ton adresse mail », « Tes coordonnees »). gc-tr = tranche, gc-tr-b = derniere tranche d'une carte */
body.wfacp_main_wrapper #wfacp-sec-wrapper div.wfacp-section.step_0.gc-cartes>.wfacp-comm-form-detail{padding:0;border:0;border-radius:0;background:transparent}
body.wfacp_main_wrapper #wfacp-sec-wrapper .gc-cartes .wfacp-comm-form-detail .wfacp-row>.gc-tr{margin:0;padding-left:var(--gc-cp);padding-right:var(--gc-cp);border-left:1px solid var(--gc-cb);border-right:1px solid var(--gc-cb);background:var(--gc-card)}
body.wfacp_main_wrapper #wfacp-sec-wrapper .gc-cartes .wfacp-comm-form-detail .wfacp-row>.wfacp_divider_field.gc-tr{padding-left:calc(var(--gc-cp) - var(--gc-g));padding-right:calc(var(--gc-cp) - var(--gc-g))}
body.wfacp_main_wrapper #wfacp-sec-wrapper .gc-cartes .wfacp-comm-form-detail .wfacp-row>.gc-tr.gc-tr-b{padding-bottom:16px;border-bottom:1px solid var(--gc-cb);border-radius:0 0 var(--gc-cr) var(--gc-cr)}
body.wfacp_main_wrapper #wfacp-sec-wrapper .gc-cartes .wfacp-comm-form-detail .wfacp-row>h2.gc-h2.gc-tr{flex:0 0 100%;width:100%;margin:10px 0 0;padding:18px var(--gc-cp) 13px;border-top:1px solid var(--gc-cb);border-radius:var(--gc-cr) var(--gc-cr) 0 0;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
/* sans le decoupage : le titre « Livraison » pose par le script reste un simple intertitre */
body.wfacp_main_wrapper h2.gc-h2{flex:0 0 100%;width:100%;margin:12px 0 13px;padding:0 var(--gc-g)}

/* ------------------------------------------------------------------ 4. Champs : libelle clair au-dessus, champ blanc, 16 px (pas de zoom sur iPhone), 48 px de haut */
body.wfacp_main_wrapper #wfacp-sec-wrapper .wfacp-comm-form-detail{margin:0}
body.wfacp_main_wrapper #wfacp-sec-wrapper .wfacp-comm-form-detail .wfacp-row{display:flex;flex-wrap:wrap;margin:0;padding:0}
body.wfacp_main_wrapper #wfacp-sec-wrapper .wfacp-comm-form-detail .wfacp_divider_field{display:flex;flex-wrap:wrap;flex:0 0 100%;width:100%;max-width:100%;margin:0;padding:0;border:0}
/* important necessaire sur les largeurs et la hauteur mini : FunnelKit les fixe (50 %, 78 px) avec des selecteurs a deux identifiants */
body.wfacp_main_wrapper #wfacp-sec-wrapper p.wfacp-form-control-wrapper{position:relative;display:flex;flex-direction:column;float:none;flex:0 0 100%!important;width:100%!important;max-width:100%!important;min-height:0!important;margin:0;padding:0 var(--gc-g) 11px}
body.wfacp_main_wrapper #wfacp-sec-wrapper .wfacp-row>p.wfacp-form-control-wrapper{padding-left:0;padding-right:0}
body.wfacp_main_wrapper #wfacp-sec-wrapper #shipping_first_name_field,body.wfacp_main_wrapper #wfacp-sec-wrapper #shipping_last_name_field{flex:0 0 50%!important;width:50%!important;max-width:50%!important}
body.wfacp_main_wrapper #wfacp-sec-wrapper #shipping_postcode_field,body.wfacp_main_wrapper #wfacp-sec-wrapper #billing_postcode_field{flex:0 0 40%!important;width:40%!important;max-width:40%!important}
body.wfacp_main_wrapper #wfacp-sec-wrapper #shipping_city_field,body.wfacp_main_wrapper #wfacp-sec-wrapper #billing_city_field{flex:0 0 60%!important;width:60%!important;max-width:60%!important}
body.wfacp_main_wrapper #wfacp-sec-wrapper p.wfacp-form-control-wrapper .woocommerce-input-wrapper{position:relative;display:block;width:100%;margin:0}

/* le libelle : toujours au-dessus du champ. important necessaire : FunnelKit pose ses libelles flottants en important */
body.wfacp_main_wrapper #wfacp-sec-wrapper .wfacp-comm-form-detail p.wfacp-form-control-wrapper>label.wfacp-form-control-label:not(.radio):not(.checkbox){order:-1;position:static!important;left:auto!important;right:auto;top:auto!important;bottom:auto!important;z-index:auto;display:block;width:auto;max-width:none;margin:0 0 5px;padding:0;background:transparent!important;opacity:1;font-size:12.5px;font-weight:400;line-height:1.3;color:var(--gc-lab);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:auto;transform:none}
body.wfacp_main_wrapper #wfacp-sec-wrapper label.wfacp-form-control-label abbr.required,body.wfacp_main_wrapper #wfacp-sec-wrapper label.wfacp-form-control-label span.required{display:none}
body.wfacp_main_wrapper #wfacp-sec-wrapper label.wfacp-form-control-label span.optional{color:var(--gc-mute);font-size:11px}

/* le champ. important necessaire sur les couleurs de bordure et de fond : le gabarit FunnelKit les ecrit en important */
body.wfacp_main_wrapper #wfacp-sec-wrapper input.wfacp-form-control:not([type=checkbox]):not([type=radio]){display:block;width:100%;height:var(--gc-h);min-height:0;margin:0;padding:0 13px;border:0!important;border-radius:var(--gc-r);background:#fff!important;color:#111!important;font-size:16px;font-weight:400;line-height:1.2;box-shadow:none;outline:0;-webkit-appearance:none;appearance:none;transition:box-shadow .15s var(--gc-ease)}
body.wfacp_main_wrapper #wfacp-sec-wrapper input.wfacp-form-control:not([type=checkbox]):not([type=radio]):focus{box-shadow:0 0 0 3px var(--gc-y)}
body.wfacp_main_wrapper #wfacp-sec-wrapper input.wfacp-form-control::placeholder{color:#8f8c83;opacity:1}
body.wfacp_main_wrapper #wfacp-sec-wrapper input.wfacp-form-control:-webkit-autofill{-webkit-text-fill-color:#111;caret-color:#111;-webkit-box-shadow:0 0 0 1000px #fff inset;box-shadow:0 0 0 1000px #fff inset}
body.wfacp_main_wrapper #wfacp-sec-wrapper input.wfacp-form-control:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #fff inset,0 0 0 3px var(--gc-y);box-shadow:0 0 0 1000px #fff inset,0 0 0 3px var(--gc-y)}

/* erreur dite sous le champ, coche verte quand c'est bon */
body.wfacp_main_wrapper #wfacp-sec-wrapper p.woocommerce-invalid input.wfacp-form-control:not([type=checkbox]):not([type=radio]),body.wfacp_main_wrapper #wfacp-sec-wrapper p.woocommerce-invalid .select2-container .select2-selection--single{box-shadow:inset 0 0 0 2px #F0462B}
body.wfacp_main_wrapper #wfacp-sec-wrapper .wfacp-comm-form-detail p.wfacp-form-control-wrapper.woocommerce-invalid>label.wfacp-form-control-label:not(.radio):not(.checkbox){color:var(--gc-err)}
body.wfacp_main_wrapper #wfacp-sec-wrapper .wfacp_inline_error{position:static;display:block;margin:5px 1px 0;padding:0;background:none;font-size:12.5px;font-weight:400;line-height:1.3;text-align:left;color:var(--gc-err);animation:gc-entre .2s var(--gc-ease) both}
body.wfacp_main_wrapper #wfacp-sec-wrapper .wfacp_inline_error:empty{display:none}
body.wfacp_main_wrapper #wfacp-sec-wrapper p.woocommerce-validated:not(.woocommerce-invalid):not(#shipping_address_1_field):not(#billing_address_1_field):not(#billing_phone_field):not(.wfacp_checkbox_field):not(#shipping_country_field):not(#billing_country_field) .woocommerce-input-wrapper:has(>input.input-text)::after{content:"";position:absolute;right:13px;top:calc((var(--gc-h) - 20px) / 2);width:20px;height:20px;border-radius:50%;background:var(--gc-okf) var(--gc-coche-b) center/12px no-repeat;pointer-events:none;animation:gc-pop .22s var(--gc-ease) both}
body.wfacp_main_wrapper #wfacp-sec-wrapper p.woocommerce-validated:not(.woocommerce-invalid):not(#shipping_address_1_field):not(#billing_address_1_field):not(#billing_phone_field) input.input-text.wfacp-form-control{padding-right:42px}
@keyframes gc-pop{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}

/* adresse : la loupe des suggestions reste, a droite */
body.wfacp_main_wrapper #wfacp-sec-wrapper #shipping_address_1_field input.wfacp-form-control,body.wfacp_main_wrapper #wfacp-sec-wrapper #billing_address_1_field input.wfacp-form-control{padding-right:42px}
body.wfacp_main_wrapper #wfacp-sec-wrapper .wfacp-search-icon{position:absolute;right:calc(var(--gc-g) + 14px);top:auto;bottom:calc(11px + (var(--gc-h) - 17px) / 2);left:auto;width:17px;height:17px;margin:0;opacity:.55;filter:none;pointer-events:none}
/* suggestions d'adresse (liste Google) : claires comme le champ, lignes hautes pour le doigt */
body.wfacp_main_wrapper .pac-container{margin-top:4px;border:0;border-radius:var(--gc-r);box-shadow:0 14px 34px -12px rgba(0,0,0,.85);overflow:hidden}
body.wfacp_main_wrapper .pac-item{padding:8px 12px;font-size:13.5px;line-height:1.35;cursor:pointer}
body.wfacp_main_wrapper .pac-item-query{font-size:14.5px}

/* pays : meme champ blanc */
body.wfacp_main_wrapper #wfacp-sec-wrapper .select2-container{display:block;width:100%!important} /* important necessaire : select2 ecrit sa largeur en ligne */
body.wfacp_main_wrapper #wfacp-sec-wrapper .select2-container .select2-selection--single{height:var(--gc-h);margin:0;border:0;border-radius:var(--gc-r);background:#fff;outline:0;transition:box-shadow .15s var(--gc-ease)}
body.wfacp_main_wrapper #wfacp-sec-wrapper .select2-container--open .select2-selection--single,body.wfacp_main_wrapper #wfacp-sec-wrapper .select2-container--focus .select2-selection--single{box-shadow:0 0 0 3px var(--gc-y)}
body.wfacp_main_wrapper #wfacp-sec-wrapper .select2-container .select2-selection--single .select2-selection__rendered{height:var(--gc-h);margin:0;padding:0 38px 0 13px;font-size:16px;line-height:var(--gc-h);color:#111!important;background:transparent!important}
body.wfacp_main_wrapper #wfacp-sec-wrapper .select2-container .select2-selection__arrow{top:0;right:8px;width:24px;height:var(--gc-h)}
body.wfacp_main_wrapper .select2-container .select2-dropdown{border:0;border-radius:var(--gc-r);box-shadow:0 14px 34px -12px rgba(0,0,0,.85);overflow:hidden}
body.wfacp_main_wrapper .select2-container .select2-search--dropdown .select2-search__field{height:40px;padding:0 11px;border-radius:7px;font-size:16px}
body.wfacp_main_wrapper .select2-container .select2-results__option{padding:10px 12px;font-size:15px}

/* telephone : drapeau et indicatif dans le champ */
body.wfacp_main_wrapper #wfacp-sec-wrapper #billing_phone_field .iti{display:block;width:100%}
body.wfacp_main_wrapper #wfacp-sec-wrapper #billing_phone_field .iti__flag-container{padding:1px}
body.wfacp_main_wrapper #wfacp-sec-wrapper #billing_phone_field .iti__selected-flag{height:100%;padding:0 9px 0 13px;border-radius:var(--gc-r) 0 0 var(--gc-r);background:transparent;border-right:1px solid #e2e0d6;outline:0}
body.wfacp_main_wrapper #wfacp-sec-wrapper #billing_phone_field .iti__selected-dial-code{margin-left:7px;font-size:15px;color:#111!important}
body.wfacp_main_wrapper #wfacp-sec-wrapper #billing_phone_field .iti__arrow{margin-left:7px}
body.wfacp_main_wrapper #wfacp-sec-wrapper #billing_phone_field input.wfacp-form-control{padding-left:var(--gc-tel,115px);padding-right:44px}
body.wfacp_main_wrapper #wfacp-sec-wrapper .iti__country-list{max-width:min(340px,86vw);margin-top:4px;border:0;border-radius:var(--gc-r);box-shadow:0 14px 34px -12px rgba(0,0,0,.85);white-space:normal;color:#111}
body.wfacp_main_wrapper #wfacp-sec-wrapper .iti__country{padding:9px 12px;font-size:14.5px}
body.wfacp_main_wrapper #wfacp-sec-wrapper #billing_phone_field .bulle-info{position:absolute;right:13px;top:50%;bottom:auto;left:auto;display:flex;align-items:center;justify-content:center;width:20px;height:20px;margin:-10px 0 0;padding:0;border:1px solid #b9b6ab;border-radius:50%;background:transparent;color:#6d6a61;font-size:12px;font-weight:600;line-height:1;cursor:help}

/* cases a cocher (facturation, lettre d'information) : la case de la maquette */
body.wfacp_main_wrapper #wfacp-sec-wrapper p.wfacp_checkbox_field{margin:0;padding-bottom:0}
body.wfacp_main_wrapper #wfacp-sec-wrapper label.checkbox{position:static!important;display:flex!important;align-items:flex-start;gap:10px;margin:0;padding:3px 0!important;font-size:13.5px;font-weight:400;line-height:1.35;color:var(--gc-txt);cursor:pointer;transform:none;white-space:normal} /* important necessaire : FunnelKit force l'affichage en bloc et le retrait de ces libelles */
body.wfacp_main_wrapper #wfacp-sec-wrapper label.checkbox span.optional{display:none}
body.wfacp_main_wrapper #wfacp-sec-wrapper label.checkbox input.input-checkbox.wfacp-form-control,body.wfacp_main_wrapper #wfob_wrap .wfob_wrapper input.wfob_checkbox{-webkit-appearance:none;appearance:none;position:static;flex:none;width:20px;height:20px;min-height:0;margin:0;padding:0;border:1.5px solid #8a8a86!important;border-radius:5px;background:#111 center/12px no-repeat!important;box-shadow:none;cursor:pointer;transition:background-color .2s var(--gc-ease),border-color .2s var(--gc-ease)}
body.wfacp_main_wrapper #wfacp-sec-wrapper label.checkbox input.input-checkbox.wfacp-form-control::before,body.wfacp_main_wrapper #wfob_wrap .wfob_wrapper input.wfob_checkbox::before,body.wfacp_main_wrapper #wfacp-sec-wrapper label.checkbox input.input-checkbox.wfacp-form-control::after,body.wfacp_main_wrapper #wfob_wrap .wfob_wrapper input.wfob_checkbox::after{content:none!important;display:none!important} /* important necessaire : FunnelKit dessine sa propre coche */
body.wfacp_main_wrapper #wfacp-sec-wrapper label.checkbox input.input-checkbox.wfacp-form-control:checked,body.wfacp_main_wrapper #wfob_wrap .wfob_wrapper input.wfob_checkbox:checked{border-color:var(--gc-y)!important;background-color:var(--gc-y)!important;background-image:var(--gc-coche-n)!important}
body.wfacp_main_wrapper #wfacp-sec-wrapper label.checkbox input.input-checkbox:focus-visible,body.wfacp_main_wrapper #wfob_wrap input.wfob_checkbox:focus-visible{outline:2px solid #fff;outline-offset:2px}
body.wfacp_main_wrapper .wfacp_divider_billing{margin-top:0}
body.wfacp_main_wrapper .wfacp_advanced_field_wrap{margin:0;padding:0}
body.wfacp_main_wrapper .wfacp_advanced_field_wrap:not(:has(input,select,textarea)){display:none}

/* champs facultatifs replies (poses par le script) */
body.wfacp_main_wrapper #wfacp-sec-wrapper p.wfacp-form-control-wrapper.gc-replie{display:none!important} /* important necessaire : WooCommerce reecrit display en ligne sur les champs d'adresse */
body.wfacp_main_wrapper .gc-plus{flex:0 0 100%;width:100%;margin:-3px 0 9px;padding:0 var(--gc-g)}
body.wfacp_main_wrapper .gc-plus button,body.wfacp_main_wrapper .gc-pays button,body.wfacp_main_wrapper button.gc-point-lien{display:inline-flex;align-items:center;gap:5px;min-height:30px;margin:0;padding:3px 0;border:0;border-radius:6px;background:none!important;box-shadow:none;color:var(--gc-y)!important;font-size:13.5px;font-weight:400;line-height:1.2;letter-spacing:0;text-transform:none;text-decoration:underline;text-underline-offset:3px;cursor:pointer;-webkit-tap-highlight-color:transparent} /* important necessaire : le theme colore tous les boutons */
body.wfacp_main_wrapper .gc-plus button:hover,body.wfacp_main_wrapper .gc-pays button:hover,body.wfacp_main_wrapper button.gc-point-lien:hover{color:#FFE04D!important}
body.wfacp_main_wrapper .gc-plus button:focus-visible,body.wfacp_main_wrapper .gc-pays button:focus-visible,body.wfacp_main_wrapper button.gc-point-lien:focus-visible{outline:2px solid #fff;outline-offset:2px}
body.wfacp_main_wrapper .gc-pays{flex:0 0 100%;width:100%;display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 8px;margin:-2px 0 11px;padding:0 var(--gc-g);font-size:13.5px;line-height:1.3;color:#DAD7CD}
body.wfacp_main_wrapper .gc-pays span{margin:0;padding:0}
body.wfacp_main_wrapper .gc-pays button{font-size:12.5px}
body.wfacp_main_wrapper .gc-apparait{animation:gc-entre .22s var(--gc-ease) both}
@keyframes gc-entre{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}

/* ------------------------------------------------------------------ 5. Livraison en tuiles : rond coche, pictogramme, titre gras, sous-titre gris, prix gros a droite, pastille OFFERT */
body.wfacp_main_wrapper #wfacp-sec-wrapper .wfacp-comm-form-detail #order_review{flex:0 0 100%;width:100%;max-width:100%}
body.wfacp_main_wrapper #wfacp-sec-wrapper #shipping_calculator_field{margin:0;padding:0}
body.wfacp_main_wrapper #wfacp-sec-wrapper #shipping_calculator_field .wfacp_border{margin:0;padding:0;border:0;background:none}
body.wfacp_main_wrapper #wfacp-sec-wrapper #shipping_calculator_field label.label_shiping:empty{display:none}
body.wfacp_main_wrapper #wfacp-sec-wrapper #shipping_calculator_field table.wfacp_shipping_table,body.wfacp_main_wrapper #wfacp-sec-wrapper #shipping_calculator_field table.wfacp_shipping_table tbody,body.wfacp_main_wrapper #wfacp-sec-wrapper #shipping_calculator_field table.wfacp_shipping_table tr,body.wfacp_main_wrapper #wfacp-sec-wrapper #shipping_calculator_field table.wfacp_shipping_table td{display:block;width:auto;margin:0;padding:0;border:0;background:none}
body.wfacp_main_wrapper #wfacp-sec-wrapper #shipping_method{display:grid;grid-template-columns:minmax(0,1fr);gap:9px;margin:0;padding:0;border:0;border-radius:0;background:none;list-style:none;overflow:visible}
body.wfacp_main_wrapper #wfacp-sec-wrapper #shipping_method li.wfacp_single_shipping_method{position:relative;margin:0;padding:14px;border:1.5px solid var(--gc-tb)!important;border-radius:12px;background:var(--gc-tile);box-shadow:none;transition:border-color .2s var(--gc-ease),background-color .2s var(--gc-ease)} /* important necessaire : le theme force la bordure de la tuile choisie */
body.wfacp_main_wrapper #wfacp-sec-wrapper #shipping_method li.wfacp_single_shipping_method:has(input:checked){border-color:var(--gc-y)!important;background:var(--gc-sel);box-shadow:inset 0 0 0 1px var(--gc-y),0 6px 18px -10px rgba(255,209,1,.55)}
body.wfacp_main_wrapper #wfacp-sec-wrapper #shipping_method .wfacp_single_shipping{display:flex;align-items:center;justify-content:space-between;gap:11px;margin:0;padding:0}
body.wfacp_main_wrapper #wfacp-sec-wrapper #shipping_method .wfacp_shipping_radio{display:flex;align-items:center;gap:11px;flex:1 1 auto;min-width:0;width:auto;float:none;margin:0;padding:0}
body.wfacp_main_wrapper #wfacp-sec-wrapper #shipping_method .wfacp_shipping_radio input,body.wfacp_main_wrapper #wfacp-sec-wrapper #payment ul.wc_payment_methods li.wc_payment_method>input{-webkit-appearance:none;appearance:none;position:static;flex:none;width:20px;height:20px;margin:0;padding:0;border:2px solid #8a8a86;border-radius:50%;background:transparent center/12px no-repeat;box-shadow:none;cursor:pointer;transition:border-color .2s var(--gc-ease),background-color .2s var(--gc-ease)}
body.wfacp_main_wrapper #wfacp-sec-wrapper #shipping_method .wfacp_shipping_radio input:checked,body.wfacp_main_wrapper #wfacp-sec-wrapper #payment ul.wc_payment_methods li.wc_payment_method>input:checked{border-color:var(--gc-y);background-color:var(--gc-y);background-image:var(--gc-coche-n)}
body.wfacp_main_wrapper #wfacp-sec-wrapper #shipping_method .wfacp_shipping_radio input::before,body.wfacp_main_wrapper #wfacp-sec-wrapper #payment ul.wc_payment_methods li.wc_payment_method>input::before,body.wfacp_main_wrapper #wfacp-sec-wrapper #shipping_method .wfacp_shipping_radio input::after,body.wfacp_main_wrapper #wfacp-sec-wrapper #payment ul.wc_payment_methods li.wc_payment_method>input::after{content:none!important;display:none!important} /* important necessaire : FunnelKit dessine son propre point */
body.wfacp_main_wrapper #wfacp-sec-wrapper #shipping_method .wfacp_shipping_radio input:focus-visible,body.wfacp_main_wrapper #wfacp-sec-wrapper #payment ul.wc_payment_methods li.wc_payment_method>input:focus-visible{outline:2px solid #fff;outline-offset:2px}
body.wfacp_main_wrapper #wfacp-sec-wrapper #shipping_method .wfacp_shipping_radio label{display:flex;align-items:center;gap:11px;flex:1 1 auto;min-width:0;margin:0;padding:0;text-align:left;font-size:16px;font-weight:800;line-height:1.2;color:#fff;cursor:pointer}
/* pictogramme : maison par defaut, boutique pour le point relais */
body.wfacp_main_wrapper #wfacp-sec-wrapper #shipping_method .wfacp_shipping_radio label::before{content:"";flex:none;width:22px;height:22px;background:#DAD7CD;-webkit-mask:var(--gc-i-home) center/contain no-repeat;mask:var(--gc-i-home) center/contain no-repeat;transition:background-color .2s var(--gc-ease)}
body.wfacp_main_wrapper #wfacp-sec-wrapper #shipping_method li:has(input[id*=mondialrelay]) .wfacp_shipping_radio label::before{-webkit-mask-image:var(--gc-i-store);mask-image:var(--gc-i-store)}
body.wfacp_main_wrapper #wfacp-sec-wrapper #shipping_method li:has(input:checked) .wfacp_shipping_radio label::before{background:var(--gc-y)}
body.wfacp_main_wrapper #wfacp-sec-wrapper #shipping_method .wfacp_shipping_radio label img{display:none!important} /* important necessaire : le logo du transporteur porte display en ligne ; le pictogramme de la maquette le remplace */
body.wfacp_main_wrapper #wfacp-sec-wrapper #shipping_method .gc-tx{display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-width:0;margin:0;padding:0;text-align:left}
body.wfacp_main_wrapper #wfacp-sec-wrapper #shipping_method .gc-t{margin:0;padding:0;font-size:16px;font-weight:800;line-height:1.2;color:#fff}
body.wfacp_main_wrapper #wfacp-sec-wrapper #shipping_method .gc-s{margin:0;padding:0;font-size:12.5px;font-weight:400;line-height:1.3;color:var(--gc-dim)}
body.wfacp_main_wrapper #wfacp-sec-wrapper #shipping_method .wfacp_shipping_price{flex:none;width:auto;min-width:0;float:none;margin:0;padding:0;text-align:right;font-size:21px;font-weight:900;line-height:1;white-space:nowrap;font-variant-numeric:tabular-nums;color:#fff}
body.wfacp_main_wrapper #wfacp-sec-wrapper #shipping_method .wfacp_shipping_price .amount,body.wfacp_main_wrapper #wfacp-sec-wrapper #shipping_method .wfacp_shipping_price bdi{font-size:inherit;font-weight:inherit;color:inherit}
body.wfacp_main_wrapper #wfacp-sec-wrapper #shipping_method .wfacp_shipping_price .gc-n{display:block;margin:4px 0 0;padding:0;font-size:11.5px;font-weight:500;line-height:1.2;color:var(--gc-dim)}
/* pastille : contour jaune au repos, pleine quand la tuile est choisie. Sans le script, le mot d'origine (« Gratuit ») prend la meme forme */
body.wfacp_main_wrapper #wfacp-sec-wrapper #shipping_method .wfacp_shipping_price:not(:has(.woocommerce-Price-amount)):not(:has(.gc-pill)),body.wfacp_main_wrapper #wfacp-sec-wrapper #shipping_method .gc-pill{display:inline-block;padding:7px 10px 6px;border-radius:8px;background:transparent;box-shadow:inset 0 0 0 1.5px var(--gc-y);color:var(--gc-y);font-size:13.5px;font-weight:900;line-height:1;letter-spacing:.02em;text-transform:uppercase;transition:background-color .2s var(--gc-ease),color .2s var(--gc-ease)}
body.wfacp_main_wrapper #wfacp-sec-wrapper #shipping_method li:has(input:checked) .wfacp_shipping_price:not(:has(.woocommerce-Price-amount)):not(:has(.gc-pill)),body.wfacp_main_wrapper #wfacp-sec-wrapper #shipping_method li:has(input:checked) .gc-pill{background:var(--gc-y);color:#111}

/* point relais choisi, sous la ligne « Point relais » (pose par le script) */
body.wfacp_main_wrapper #wfacp-sec-wrapper #shipping_method .gc-point{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 0;padding:10px 12px;border:1px solid #5c5010;border-radius:10px;background:rgba(0,0,0,.28);animation:gc-entre .22s var(--gc-ease) both}
body.wfacp_main_wrapper #wfacp-sec-wrapper #shipping_method .gc-point::before{content:"";flex:none;width:18px;height:18px;background:var(--gc-y);-webkit-mask:var(--gc-i-pin) center/contain no-repeat;mask:var(--gc-i-pin) center/contain no-repeat}
body.wfacp_main_wrapper #wfacp-sec-wrapper #shipping_method .gc-point-tx{display:flex;flex-direction:column;align-items:flex-start;gap:1px;flex:1 1 auto;min-width:0;margin:0;padding:0;text-align:left}
body.wfacp_main_wrapper #wfacp-sec-wrapper #shipping_method .gc-point-nom{margin:0;padding:0;font-size:14.5px;font-weight:750;line-height:1.25;color:#fff}
body.wfacp_main_wrapper #wfacp-sec-wrapper #shipping_method .gc-point-adr{margin:0;padding:0;font-size:12.5px;font-weight:400;line-height:1.3;color:var(--gc-dim)}
/* 0.1.11 : phrase d'aide sous « Aucun point choisi pour l'instant » */
body.wfacp_main_wrapper #wfacp-sec-wrapper #shipping_method .gc-point-aide{margin:2px 0 0;padding:0;font-size:12.5px;font-weight:600;line-height:1.3;color:var(--gc-y)}
body.wfacp_main_wrapper #wfacp-sec-wrapper #shipping_method button.gc-point-lien{flex:none;font-weight:600}
/* la ligne d'origine de Mondial Relay : cachee quand le bloc ci-dessus est en place, rendue si la fenetre du selecteur ne s'ouvre pas */
body.wfacp_main_wrapper .wfacp_mondial_relay_link_div{margin:0;padding:0;flex:0 0 100%;width:100%}
body.wfacp_main_wrapper.gc-point-pret:not(.gc-relais-natif) .wfacp_mondial_relay_link_div{display:none}
body.wfacp_main_wrapper .wfacp_mondial_relay_link_div table,body.wfacp_main_wrapper .wfacp_mondial_relay_link_div tbody,body.wfacp_main_wrapper .wfacp_mondial_relay_link_div tr.mrwp:not([style*=none]),body.wfacp_main_wrapper .wfacp_mondial_relay_link_div th,body.wfacp_main_wrapper .wfacp_mondial_relay_link_div td{display:block;width:auto;margin:0;padding:0;border:0;background:none;text-align:left}
body.wfacp_main_wrapper .wfacp_mondial_relay_link_div tr.mrwp:not([style*=none]){margin:8px 0 0;padding:11px 12px;border:1px solid #363634;border-radius:10px;background:var(--gc-card)}
body.wfacp_main_wrapper .wfacp_mondial_relay_link_div th{font-size:13.5px;font-weight:700;line-height:1.35;color:#fff}
body.wfacp_main_wrapper .wfacp_mondial_relay_link_div th em{font-style:normal;font-weight:400;font-size:12.5px;color:var(--gc-dim)}
body.wfacp_main_wrapper .wfacp_mondial_relay_link_div td a{display:inline-block;margin-top:6px;font-size:13.5px;font-weight:700;color:var(--gc-y);text-decoration:underline;text-underline-offset:3px}

/* ------------------------------------------------------------------ 6. Code promo : une bande sous la carte, champ blanc et bouton sur une ligne, encart vert une fois applique */
body.wfacp_main_wrapper #wfacp-sec-wrapper #order_coupon_field{flex:0 0 100%;width:100%;margin:10px 0 0;padding:0}
body.wfacp_main_wrapper #wfacp-sec-wrapper #order_coupon_field .wfacp-coupon-section,body.wfacp_main_wrapper #wfacp-sec-wrapper #order_coupon_field .wfacp-coupon-page{margin:0;padding:0;border:0;background:none}
body.wfacp_main_wrapper #wfacp-sec-wrapper #order_coupon_field .wfacp-row{display:block;margin:0}
body.wfacp_main_wrapper #wfacp-sec-wrapper #order_coupon_field .wfacp_coupon_field_box{display:flex;align-items:flex-end;flex-wrap:nowrap;gap:8px;margin:0;padding:12px;border:1px solid #363634;border-radius:12px;background:var(--gc-card)}
body.wfacp_main_wrapper #wfacp-sec-wrapper #order_coupon_field .wfacp_coupon_field_box::before,body.wfacp_main_wrapper #wfacp-sec-wrapper #order_coupon_field .wfacp_coupon_field_box::after{content:none;display:none}
body.wfacp_main_wrapper #wfacp-sec-wrapper #order_coupon_field .wfacp_coupon_field_box>p.form-row-first{position:relative;flex:1 1 auto!important;width:auto!important;max-width:none!important;min-width:0;float:none;margin:0!important;padding:0} /* important necessaire : FunnelKit pose 15 px au-dessus de ces deux blocs, en important */
body.wfacp_main_wrapper #wfacp-sec-wrapper #order_coupon_field .wfacp_coupon_field_box>p.form-row-last{flex:0 0 auto!important;width:auto!important;max-width:none!important;float:none;margin:0!important;padding:0}
body.wfacp_main_wrapper #wfacp-sec-wrapper #order_coupon_field .wfacp_coupon_field_box>p.form-row-last>label,body.wfacp_main_wrapper #wfacp-sec-wrapper #order_coupon_field .wfacp_coupon_field_box>.clear{display:none}
/* avec le script, le libelle passe dans le champ (texte d'exemple) : une ligne de moins */
body.wfacp_main_wrapper #wfacp-sec-wrapper .wfacp-comm-form-detail #order_coupon_field p.wfacp-form-control-wrapper.gc-code-ex>label.wfacp-coupon-label{position:absolute!important;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}
body.wfacp_main_wrapper #wfacp-sec-wrapper #order_coupon_field button.wfacp-coupon-field-btn{width:auto;min-width:0;height:var(--gc-h);margin:0;padding:0 16px;border:0;border-radius:var(--gc-r);background:var(--gc-y);color:#111;font-size:14px;font-weight:800;line-height:1;letter-spacing:0;text-transform:none;white-space:nowrap;box-shadow:none;transition:background-color .15s var(--gc-ease),color .15s var(--gc-ease),transform .1s}
body.wfacp_main_wrapper #wfacp-sec-wrapper #order_coupon_field button.wfacp-coupon-field-btn:active{transform:scale(.98)}
/* champ vide : bouton discret mais lisible */
body.wfacp_main_wrapper #wfacp-sec-wrapper #order_coupon_field button.wfacp-coupon-field-btn:disabled{background:#2c2c2a!important;color:#EDEAE0!important;box-shadow:inset 0 0 0 1px #55534c;opacity:1;cursor:default} /* important necessaire : le theme force le gris du bouton desactive */
/* message « code applique » : l'encart vert de la maquette. important necessaire : FunnelKit ecrit ce message en important (retrait, couleur, taille) */
body.wfacp_main_wrapper #wfacp-sec-wrapper #order_coupon_field .wfacp_coupon_field_msg .wfacp_single_coupon_msg{position:relative;display:flex!important;align-items:center;gap:10px;margin:8px 0 0!important;padding:12px!important;border:1px solid #1E7A45!important;border-radius:12px;background:#0F2A1B!important;color:#D9F7E4!important;font-size:13.5px!important;font-weight:400;line-height:1.3;animation:gc-entre .22s var(--gc-ease) both}
body.wfacp_main_wrapper #wfacp-sec-wrapper #order_coupon_field .wfacp_coupon_field_msg .wfacp_single_coupon_msg::before{content:""!important;position:static!important;flex:none;display:block;width:22px;height:22px;margin:0;border-radius:50%;background:var(--gc-okf) var(--gc-coche-n) center/13px no-repeat!important}
body.wfacp_main_wrapper #wfacp-sec-wrapper #order_coupon_field .wfacp_single_coupon_msg .gc-code-tx{flex:1 1 auto;min-width:0;margin:0;padding:0;font-size:13.5px;font-weight:400;color:#D9F7E4!important} /* important necessaire : FunnelKit colore tous les span de ce message */
body.wfacp_main_wrapper #wfacp-sec-wrapper #order_coupon_field .wfacp_single_coupon_msg .gc-code-tx strong{margin:0;padding:0;font-size:inherit;font-weight:700;color:#fff!important}
body.wfacp_main_wrapper #wfacp-sec-wrapper #order_coupon_field .wfacp_coupon_field_msg a{flex:none;margin:0;color:#9BE5B6!important;font-size:12.5px;font-weight:400;text-decoration:underline;text-underline-offset:3px}
body.wfacp_main_wrapper #wfacp-sec-wrapper #order_coupon_field .wfacp_coupon_remove_msg{margin:0;padding:0;border:0;background:none;color:var(--gc-dim)!important;font-size:13px!important;line-height:1.35}
body.wfacp_main_wrapper #wfacp-sec-wrapper #order_coupon_field .wfacp_coupon_remove_msg:not(:empty){margin:8px 2px 0}
body.wfacp_main_wrapper #wfacp-sec-wrapper #order_coupon_field .wfacp_coupon_error_msg{margin:0;padding:0;border:0;background:none;color:var(--gc-err);font-size:13px;line-height:1.35}
body.wfacp_main_wrapper #wfacp-sec-wrapper #order_coupon_field .wfacp_coupon_error_msg:not(:empty){margin:8px 2px 0}

/* ------------------------------------------------------------------ 7. Complements (Order Bumps FunnelKit) : des lignes a cocher sobres, toutes sur la meme grille (case, vignette, texte, prix).
   Les "!important" de ce bloc sont necessaires : FunnelKit ecrit bordures, couleurs, retraits et boites avec l'identifiant de l'offre. */
body.wfacp_main_wrapper #wfacp-sec-wrapper div.wfacp_payment{display:flex;flex-direction:column;position:relative}
body.wfacp_main_wrapper #wfacp-sec-wrapper div.wfacp_payment>.woocommerce-checkout-review-order{display:contents}
body.wfacp_main_wrapper #wfacp-sec-wrapper div.wfacp_payment>.wfacp-comm-title{order:2}
body.wfacp_main_wrapper #wfacp-sec-wrapper div.wfacp_payment #payment{order:3}
body.wfacp_main_wrapper #wfacp-sec-wrapper div.wfacp_payment>.wfacp_advanced_field_wrap{order:4}
body.wfacp_main_wrapper #wfacp-sec-wrapper div.wfacp_payment #wfob_wrap{order:1;margin:0;padding:0}
body.wfacp_main_wrapper #wfacp-sec-wrapper div.wfacp_payment #wfob_wrap:has(.wfob_bump){display:grid;gap:8px;margin:0 0 10px}
body.wfacp_main_wrapper #wfacp-sec-wrapper div.wfacp_payment #wfob_wrap.woocommerce_checkout_order_review_below_payment_gateway{order:5}
body.wfacp_main_wrapper #wfacp-sec-wrapper div.wfacp_payment #wfob_wrap.woocommerce_checkout_order_review_below_payment_gateway:has(.wfob_bump){margin:10px 0 0}
body.wfacp_main_wrapper #wfob_wrap .wfob_wrap_start{margin:0!important;padding:0;border:1px solid var(--gc-line);border-radius:12px;background:transparent;overflow:hidden;transition:border-color .2s var(--gc-ease),background-color .2s var(--gc-ease)}
body.wfacp_main_wrapper #wfob_wrap .wfob_wrap_start:has(input.wfob_checkbox:checked){border-color:var(--gc-y);background:var(--gc-sel)}
body.wfacp_main_wrapper #wfob_wrap .wfob_wrapper{margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important}
body.wfacp_main_wrapper #wfob_wrap .wfob_wrapper+.wfob_wrapper{border-top:1px solid var(--gc-line)!important}
body.wfacp_main_wrapper #wfob_wrap .wfob_bump{position:relative;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
body.wfacp_main_wrapper #wfob_wrap .wfob_sec_start{margin:0;padding:0;border:0!important;background:transparent!important}
/* la ligne : case, vignette, titre + phrase, prix. Une offre sans photo recoit une vignette neutre : les textes et les prix restent alignes d'une ligne a l'autre */
body.wfacp_main_wrapper #wfob_wrap .wfob_wrapper .wfob_bump .wfob_sec_start>.bwf_display_flex{display:grid!important;grid-template-columns:20px 40px minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:11px;row-gap:1px;align-items:center;margin:0;padding:10px 12px}
body.wfacp_main_wrapper #wfob_wrap .wfob_wrapper .wfob_bump:not(.wfob_enable_image) .wfob_sec_start>.bwf_display_flex::before{content:"";grid-column:2;grid-row:1 / span 2;align-self:center;width:40px;height:40px;border:1px solid var(--gc-line);border-radius:8px;background:#111;-webkit-mask:none;mask:none;background-image:none}
body.wfacp_main_wrapper #wfob_wrap .wfob_wrapper .wfob_bump:not(.wfob_enable_image) .wfob_sec_start>.bwf_display_flex::after{content:"";grid-column:2;grid-row:1 / span 2;align-self:center;justify-self:center;width:20px;height:20px;background:var(--gc-y);-webkit-mask:var(--gc-i-shield) center/contain no-repeat;mask:var(--gc-i-shield) center/contain no-repeat}
body.wfacp_main_wrapper #wfob_wrap .wfob_title_wrap,body.wfacp_main_wrapper #wfob_wrap .wfob_bgBox_table,body.wfacp_main_wrapper #wfob_wrap .wfob_bump_title_start,body.wfacp_main_wrapper #wfob_wrap .wfob_sec_start>.bwf_display_flex>.wfob_text_inner,body.wfacp_main_wrapper #wfob_wrap .wfob_sec_start>.bwf_display_flex>.wfob_text_inner>.bwf_display_flex{display:contents!important}
body.wfacp_main_wrapper #wfob_wrap .wfob_blink_img_wrap,body.wfacp_main_wrapper #wfob_wrap .wfob-social-proof-tooltip{display:none!important}
body.wfacp_main_wrapper #wfob_wrap .wfob_checkbox_input_wrap{grid-column:1;grid-row:1 / span 2;align-self:center;position:static;display:flex;align-items:center;width:20px;height:20px;margin:0;padding:0}
body.wfacp_main_wrapper #wfob_wrap .wfob_bump_checkbox{position:static;display:flex;width:20px;height:20px;margin:0;padding:0}
body.wfacp_main_wrapper #wfob_wrap .wfob_pro_image_wrap{display:none!important}
body.wfacp_main_wrapper #wfob_wrap .wfob_bump.wfob_enable_image .wfob_pro_image_wrap{grid-column:2;grid-row:1 / span 2;align-self:center;display:block!important;width:40px;min-width:0;max-width:none;margin:0!important;padding:0!important}
body.wfacp_main_wrapper #wfob_wrap .wfob_pro_img_wrap{width:40px;margin:0!important;padding:0!important;border:0!important;background:none!important}
body.wfacp_main_wrapper #wfob_wrap .wfob_pro_image_wrap img{display:block;width:40px!important;height:40px!important;max-width:none;margin:0!important;padding:0!important;border:1px solid var(--gc-line)!important;border-radius:8px;background:#111;object-fit:cover}
body.wfacp_main_wrapper #wfob_wrap .wfob_label_wrap{grid-column:3;grid-row:1;align-self:end;width:auto;min-width:0;margin:0!important;padding:0!important}
body.wfacp_main_wrapper #wfob_wrap label.wfob_title{display:block;width:100%;max-width:none;margin:0!important;padding:0!important;text-align:left;font-size:13.5px!important;font-weight:650!important;line-height:1.25!important;letter-spacing:0;text-transform:none;color:#fff!important;cursor:pointer}
body.wfacp_main_wrapper #wfob_wrap label.wfob_title span{color:inherit!important}
body.wfacp_main_wrapper #wfob_wrap .wfob_price_container{grid-column:4;grid-row:1 / span 2;align-self:center;justify-self:end;display:block!important;width:auto!important;min-width:max-content;max-width:none!important;margin:0!important;padding:0!important;text-align:right;white-space:nowrap}
body.wfacp_main_wrapper #wfob_wrap .wfob_price{display:flex!important;flex-direction:column;align-items:flex-end;gap:1px;width:auto!important;min-width:max-content;margin:0!important;padding:0!important;background:none!important;white-space:nowrap}
body.wfacp_main_wrapper #wfob_wrap .wfob_price,body.wfacp_main_wrapper #wfob_wrap .wfob_price ins,body.wfacp_main_wrapper #wfob_wrap .wfob_price ins *,body.wfacp_main_wrapper #wfob_wrap .wfob_price>span.amount,body.wfacp_main_wrapper #wfob_wrap .wfob_price>span.amount *{font-size:13.5px!important;font-weight:650!important;line-height:1.2;color:#DAD7CD!important;background:none!important;text-decoration:none}
body.wfacp_main_wrapper #wfob_wrap .wfob_price del,body.wfacp_main_wrapper #wfob_wrap .wfob_price del *{position:static!important;font-size:11.5px!important;font-weight:400!important;line-height:1.2;color:var(--gc-mute)!important;background:none!important}
body.wfacp_main_wrapper #wfob_wrap .wfob_price del{text-decoration:line-through}
body.wfacp_main_wrapper #wfob_wrap .wfob_price .screen-reader-text{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body.wfacp_main_wrapper #wfob_wrap .wfob_pro_txt_wrap{grid-column:3;grid-row:2;align-self:start;display:block!important;width:auto!important;min-width:0;margin:0!important;padding:0!important}
body.wfacp_main_wrapper #wfob_wrap .wfob_pro_txt_wrap .wfob_pro_txt_wrap,body.wfacp_main_wrapper #wfob_wrap .wfob_skin_description{display:block;margin:0!important;padding:0!important;border:0!important;background:transparent!important}
body.wfacp_main_wrapper #wfob_wrap .wfob_skin_description p,body.wfacp_main_wrapper #wfob_wrap .wfob_skin_description{margin:0;font-size:12.5px!important;font-weight:400!important;line-height:1.3!important;color:#9a978e!important;text-align:left}
body.wfacp_main_wrapper #wfob_wrap .wfob_error_message:empty{display:none}

/* ------------------------------------------------------------------ 8. Paiement en tuiles, memes codes que la livraison ; les trois etapes sous la tuile de la carte */
body.wfacp_main_wrapper #payement-img-container{display:none}
body.wfacp_main_wrapper #wfacp-sec-wrapper #payment ul.wc_payment_methods{display:grid;gap:10px;margin:0;padding:0;border:0;border-radius:0;background:transparent!important;list-style:none;overflow:visible} /* important necessaire : le theme force un fond sur les listes du bloc paiement */
body.wfacp_main_wrapper #wfacp-sec-wrapper #payment ul.wc_payment_methods li.wc_payment_method{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;margin:0;padding:0;border:0!important;border-radius:0;background:transparent!important;box-shadow:none} /* important necessaire : le theme force la bordure et le fond de la ligne choisie */
/* la tuile est dessinee derriere la premiere rangee (rond + intitule) : la phrase reste dessous, hors de la tuile, comme sur la maquette */
body.wfacp_main_wrapper #wfacp-sec-wrapper #payment ul.wc_payment_methods li.wc_payment_method::before{content:"";grid-area:1 / 1 / 2 / 3;align-self:stretch;display:block;position:static;width:auto;height:auto;margin:0;border:1.5px solid var(--gc-tb);border-radius:12px;background:var(--gc-tile);transition:border-color .2s var(--gc-ease),background-color .2s var(--gc-ease)}
body.wfacp_main_wrapper #wfacp-sec-wrapper #payment ul.wc_payment_methods li.wc_payment_method:has(>input:checked)::before{border-color:var(--gc-y);background:var(--gc-sel);box-shadow:inset 0 0 0 1px var(--gc-y),0 6px 18px -10px rgba(255,209,1,.55)}
body.wfacp_main_wrapper #wfacp-sec-wrapper #payment ul.wc_payment_methods li.wc_payment_method>input{grid-area:1 / 1;position:relative;z-index:1;margin:0 11px 0 14px}
body.wfacp_main_wrapper .wfacp_main_form.woocommerce .woocommerce-checkout #payment ul.wc_payment_methods li.wc_payment_method>label{grid-area:1 / 2;position:relative;z-index:1;display:flex!important;align-items:center;justify-content:space-between;gap:10px;min-height:52px;margin:0;padding:13px 14px 13px 0;background:transparent;font-size:16px;font-weight:800;line-height:1.2;color:#fff;cursor:pointer} /* important necessaire : FunnelKit force l'affichage de ce libelle */
body.wfacp_main_wrapper #wfacp-sec-wrapper #payment ul.wc_payment_methods li.wc_payment_method>label img{flex:none;width:auto;height:24px;max-height:24px;margin:0;float:none;border-radius:4px}
/* le second moyen (virement) : tuile plus discrete, comme sur la maquette */
body.wfacp_main_wrapper #wfacp-sec-wrapper #payment ul.wc_payment_methods li.wc_payment_method.payment_method_bacs:not(:has(>input:checked))::before{border-color:var(--gc-line);background:transparent}
body.wfacp_main_wrapper .wfacp_main_form.woocommerce .woocommerce-checkout #payment ul.wc_payment_methods li.wc_payment_method.payment_method_bacs>label{font-size:14px;font-weight:650;color:#DAD7CD}
body.wfacp_main_wrapper #wfacp-sec-wrapper #payment ul.wc_payment_methods li.wc_payment_method .payment_box{grid-column:1 / -1;grid-row:2;margin:0;padding:12px 3px 2px;border:0;border-radius:0;background:transparent!important;color:var(--gc-txt)} /* important necessaire : le theme force le fond de ce bloc */
body.wfacp_main_wrapper #wfacp-sec-wrapper #payment ul.wc_payment_methods li.wc_payment_method .payment_box::before,body.wfacp_main_wrapper #wfacp-sec-wrapper #payment ul.wc_payment_methods li.wc_payment_method .payment_box::after{content:none;display:none}
body.wfacp_main_wrapper #wfacp-sec-wrapper #payment ul.wc_payment_methods li.wc_payment_method .payment_box p{margin:0;padding:0;background:transparent;font-size:13.5px;line-height:1.42;color:var(--gc-txt)}
/* les trois etapes du paiement par carte (posees par le script) : pastilles rondes reliees par un trait */
body.wfacp_main_wrapper #wfacp_checkout_form #payment ul.wc_payment_methods ul.gc-etapes{list-style:none;display:grid;gap:0;margin:0;padding:0;border:0;border-radius:0;background:transparent!important;overflow:visible} /* important necessaire : le theme force un fond sur toutes les listes du bloc paiement */
body.wfacp_main_wrapper #wfacp_checkout_form #payment ul.wc_payment_methods ul.gc-etapes li{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr);gap:11px;align-items:center;margin:0;padding:6px 0;border:0!important;background:none!important;font-size:13.5px;font-weight:400;line-height:1.35;color:var(--gc-txt)}
body.wfacp_main_wrapper #wfacp-sec-wrapper #payment ul.gc-etapes li::before{content:"";width:30px;height:30px;border-radius:50%;background:var(--gc-sel) center/17px no-repeat;box-shadow:inset 0 0 0 1px #5c5010}
body.wfacp_main_wrapper #wfacp-sec-wrapper #payment ul.gc-etapes li+li::after{content:"";position:absolute;left:14.5px;top:-6px;width:1px;height:12px;background:#5c5010}
body.wfacp_main_wrapper #wfacp-sec-wrapper #payment ul.gc-etapes li:nth-child(1)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFD101' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10l9-5.5 9 5.5'/%3E%3Cpath d='M5 10v8M9.5 10v8M14.5 10v8M19 10v8M3.5 20.5h17'/%3E%3C/svg%3E")}
body.wfacp_main_wrapper #wfacp-sec-wrapper #payment ul.gc-etapes li:nth-child(2)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFD101' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='2.8' width='10' height='18.4' rx='2.2'/%3E%3Cpath d='M11 18h2'/%3E%3C/svg%3E")}
body.wfacp_main_wrapper #wfacp-sec-wrapper #payment ul.gc-etapes li:nth-child(3)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFD101' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.500 4.500L19 7.500'/%3E%3C/svg%3E")}

/* ------------------------------------------------------------------ 9. Bouton principal : le grand bouton jaune, cadenas */
body.wfacp_main_wrapper #wfacp-sec-wrapper #payment .form-row.place-order{float:none;width:auto;margin:14px 0 0;padding:0;border:0;background:none}
body.wfacp_main_wrapper #wfacp-sec-wrapper #payment .woocommerce-terms-and-conditions-wrapper{margin:0;padding:0}
body.wfacp_main_wrapper #wfacp-sec-wrapper #payment .woocommerce-privacy-policy-text p{margin:0;padding:0;font-size:12px;line-height:1.45;color:var(--gc-mute)}
body.wfacp_main_wrapper #wfacp-sec-wrapper #payment .woocommerce-privacy-policy-text a{color:var(--gc-dim);text-decoration:underline;text-underline-offset:2px}
body.wfacp_main_wrapper #wfacp-sec-wrapper #payment .wfacp-order-place-btn-wrap{margin:0;padding:0;text-align:left}
body.wfacp_main_wrapper #wfacp-sec-wrapper #payment #place_order,body.wfacp_main_wrapper #wfacp-sec-wrapper #payment .mrwpbutton a,body.wfacp_main_wrapper #wfacp-sec-wrapper #payment button.gc-relais-btn{display:flex;align-items:center;justify-content:center;gap:9px;float:none;width:100%;min-height:56px;margin:0;padding:8px 12px;border:0;border-radius:10px;background:var(--gc-y);color:#111;font-size:15.5px;font-weight:900;line-height:1.12;letter-spacing:.012em;text-align:center;text-transform:uppercase;text-decoration:none;box-shadow:none;cursor:pointer;transition:background-color .15s var(--gc-ease),transform .15s var(--gc-ease)}
body.wfacp_main_wrapper #wfacp-sec-wrapper #payment #place_order:hover,body.wfacp_main_wrapper #wfacp-sec-wrapper #payment .mrwpbutton a:hover,body.wfacp_main_wrapper #wfacp-sec-wrapper #payment button.gc-relais-btn:hover{background:#FFDC3A;color:#111}
body.wfacp_main_wrapper #wfacp-sec-wrapper #payment #place_order:active,body.wfacp_main_wrapper #wfacp-sec-wrapper #payment .mrwpbutton a:active,body.wfacp_main_wrapper #wfacp-sec-wrapper #payment button.gc-relais-btn:active{transform:scale(.985)}
body.wfacp_main_wrapper #wfacp-sec-wrapper #payment #place_order:focus-visible,body.wfacp_main_wrapper #wfacp-sec-wrapper #payment .mrwpbutton a:focus-visible,body.wfacp_main_wrapper #wfacp-sec-wrapper #payment button.gc-relais-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}
body.wfacp_main_wrapper #wfacp-sec-wrapper #payment #place_order::before,body.wfacp_main_wrapper #wfacp-sec-wrapper #payment button.gc-relais-btn::before{content:"";flex:none;width:18px;height:18px;background:#111;-webkit-mask:var(--gc-i-lock) center/contain no-repeat;mask:var(--gc-i-lock) center/contain no-repeat}
body.wfacp_main_wrapper #wfacp-sec-wrapper #payment button.gc-relais-btn::before{-webkit-mask-image:var(--gc-i-pin);mask-image:var(--gc-i-pin)}
body.wfacp_main_wrapper #wfacp-sec-wrapper #payment button.gc-relais-btn[hidden]{display:none!important}
body.wfacp_main_wrapper #wfacp-sec-wrapper #payment .mrwpbutton{margin:14px 0 0;padding:0}
/* le bouton de Mondial Relay laisse la place au notre des que le script l'a pose. important necessaire : Mondial Relay ecrit display en ligne */
body.wfacp_main_wrapper.gc-bp #wfacp-sec-wrapper #payment .form-row.place-order .mrwpbutton{display:none!important}

/* voile pendant la mise a jour de la commande : discret, sans flash blanc. important necessaire : blockUI ecrit ses couleurs en ligne */
body.wfacp_main_wrapper .blockUI.blockOverlay{background:#000!important;opacity:.45!important;border-radius:12px}

/* ------------------------------------------------------------------ 10. Resume de commande */
body.wfacp_main_wrapper .wfacp-form-panel .wfacp-comm-wrapper .wfacp-right-panel{float:none;width:auto;max-width:none;margin:10px 0 0;padding:0;border:0;border-radius:var(--gc-cr);background:var(--gc-card);box-shadow:inset 0 0 0 1px var(--gc-cb);overflow:hidden}
body.wfacp_main_wrapper .wfacp-right-panel .wfacp_html_widget_1{display:none}
body.wfacp_main_wrapper .wfacp-right-panel .wfacp_form_cart,body.wfacp_main_wrapper .wfacp_mb_mini_cart_wrap .wfacp_form_cart{margin:0;padding:0;border:0;background:none;box-shadow:none}
body.wfacp_main_wrapper .wfacp-right-panel .wfacp_order_sec,body.wfacp_main_wrapper .wfacp_mb_mini_cart_wrap .wfacp_order_sec{margin:0;padding:14px 16px 16px;border:0;background:none}
/* titre : « Ta commande », et le nombre d'articles pose par le script (attribut data-gc-n) */
body.wfacp_main_wrapper .wfacp-right-panel h2.wfacp-list-title{display:flex!important;align-items:baseline;gap:8px;margin:0 0 12px;padding:0;border:0;font-size:0;line-height:1.2;text-align:left;color:#fff}
body.wfacp_main_wrapper .wfacp-right-panel h2.wfacp-list-title::before{content:"Ta commande";font-size:15px;font-weight:900;letter-spacing:.01em;text-transform:uppercase}
body.wfacp_main_wrapper .wfacp-right-panel h2.wfacp-list-title[data-gc-n]::after{content:attr(data-gc-n);font-family:var(--gc-f);font-size:12px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--gc-dim)}
body.wfacp_main_wrapper .wfacp_template_9_cart_item_details{height:auto;max-height:none;overflow:visible;margin:0;padding:0;border:0}
body.wfacp_main_wrapper .wfacp_template_9_coupon{display:none} /* un seul champ code promo a l'ecran : celui du formulaire */
body.wfacp_main_wrapper table.wfacp_mini_cart_items,body.wfacp_main_wrapper table.wfacp_mini_cart_items tbody{display:block;width:100%;margin:0;border:0;background:none}
body.wfacp_main_wrapper table.wfacp_mini_cart_items tr.cart_item{display:flex;align-items:flex-start;gap:10px;margin:0 0 12px;padding:0;border:0;background:none}
body.wfacp_main_wrapper table.wfacp_mini_cart_items tr.cart_item td{display:block;width:auto;padding:0;border:0;background:none}
body.wfacp_main_wrapper table.wfacp_mini_cart_items tr.cart_item td.product-name-area{display:flex;align-items:flex-start;gap:12px;flex:1 1 auto;min-width:0}
body.wfacp_main_wrapper table.wfacp_mini_cart_items .product-image{position:relative;flex:none;float:none;width:56px;height:56px;min-width:56px;margin:0;padding:0}
body.wfacp_main_wrapper table.wfacp_mini_cart_items .wfacp-pro-thumb{position:relative;width:56px;height:56px;min-width:56px;margin:0;border:0;border-radius:8px;background:#111;overflow:visible}
body.wfacp_main_wrapper table.wfacp_mini_cart_items .wfacp-pro-thumb img{display:block;width:100%;height:100%;margin:0;border:0;border-radius:8px;object-fit:cover}
body.wfacp_main_wrapper table.wfacp_mini_cart_items .wfacp-qty-ball{position:absolute;top:-7px;right:-7px;left:auto;display:flex;align-items:center;justify-content:center;min-width:20px;width:auto;height:20px;margin:0;padding:0 5px;border:0;border-radius:10px;background:var(--gc-y);box-shadow:0 0 0 2px var(--gc-card)}
body.wfacp_main_wrapper table.wfacp_mini_cart_items .wfacp-qty-count,body.wfacp_main_wrapper table.wfacp_mini_cart_items .wfacp-pro-count{position:static;display:block;margin:0;padding:0;background:none;font-size:11.5px;font-weight:800;line-height:20px;color:#111}
body.wfacp_main_wrapper table.wfacp_mini_cart_items .wfacp_order_summary_item_name{flex:1 1 auto;min-width:0;float:none;width:auto;margin:0;padding:1px 0 0}
body.wfacp_main_wrapper .wfacp_mini_cart_item_title{display:block;font-size:14px;font-weight:750;line-height:1.25;color:#fff}
body.wfacp_main_wrapper .wfacp_mini_cart_item_title strong.product-quantity{display:none}
body.wfacp_main_wrapper table.wfacp_mini_cart_items tr.cart_item td.product-total{position:relative;display:flex;align-items:center;gap:8px;flex:none;width:auto;height:auto;min-height:0;padding:1px 0 0;text-align:right;font-size:14px;font-weight:750;line-height:1.25;white-space:nowrap;color:#fff}
body.wfacp_main_wrapper table.wfacp_mini_cart_items td.product-total .wfacp_cart_product_name_h{order:-1;display:flex;align-items:center;margin:0;padding:0}
body.wfacp_main_wrapper table.wfacp_mini_cart_items td.product-total .wfacp_cart_product_name_h:empty{display:none}
body.wfacp_main_wrapper table.wfacp_mini_cart_items td.product-total .amount,body.wfacp_main_wrapper table.wfacp_mini_cart_items td.product-total bdi{font-size:inherit;font-weight:inherit;color:inherit}
body.wfacp_main_wrapper table.wfacp_mini_cart_reviews{width:100%;margin:2px 0 0;border:0;border-top:1px solid #333330;border-collapse:collapse;background:none}
body.wfacp_main_wrapper table.wfacp_mini_cart_reviews tr{border:0;background:none}
body.wfacp_main_wrapper table.wfacp_mini_cart_reviews th,body.wfacp_main_wrapper table.wfacp_mini_cart_reviews td{padding:4px 0;border:0;background:none;font-size:14px;font-weight:400;line-height:1.3;text-align:left;color:#DAD7CD}
body.wfacp_main_wrapper table.wfacp_mini_cart_reviews tr:first-child th,body.wfacp_main_wrapper table.wfacp_mini_cart_reviews tr:first-child td{padding-top:11px}
body.wfacp_main_wrapper table.wfacp_mini_cart_reviews td:last-child{text-align:right;font-weight:650;white-space:nowrap;color:#fff}
body.wfacp_main_wrapper table.wfacp_mini_cart_reviews th span,body.wfacp_main_wrapper table.wfacp_mini_cart_reviews td span,body.wfacp_main_wrapper table.wfacp_mini_cart_reviews td bdi{font-size:inherit;font-weight:inherit;color:inherit}
body.wfacp_main_wrapper table.wfacp_mini_cart_reviews tr.cart-discount th,body.wfacp_main_wrapper table.wfacp_mini_cart_reviews tr.cart-discount td{color:var(--gc-ok)}
body.wfacp_main_wrapper table.wfacp_mini_cart_reviews tr.cart-discount th svg{display:none}
body.wfacp_main_wrapper table.wfacp_mini_cart_reviews tr.cart-discount a{margin-left:6px;font-size:11.5px;font-weight:400;color:#9BE5B6;text-decoration:underline;text-underline-offset:2px}
body.wfacp_main_wrapper table.wfacp_mini_cart_reviews tr.order-total th,body.wfacp_main_wrapper table.wfacp_mini_cart_reviews tr.order-total td{padding-top:11px;font-size:15px;font-weight:800;color:#fff;vertical-align:bottom}
body.wfacp_main_wrapper table.wfacp_mini_cart_reviews tr.order-total th::after{content:"livraison comprise";display:block;font-size:11.5px;font-weight:500;line-height:1.2;color:var(--gc-dim)}
body.wfacp_main_wrapper table.wfacp_mini_cart_reviews tr.order-total td strong,body.wfacp_main_wrapper table.wfacp_mini_cart_reviews tr.order-total td strong *{font-size:27px;font-weight:900;line-height:1;letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:#fff}
body.wfacp_main_wrapper table.wfacp_mini_cart_reviews tr.order-total td small.includes_tax{display:block;margin-top:4px;font-size:11px;font-weight:400;color:var(--gc-mute)}
body.wfacp_main_wrapper table.wfacp_mini_cart_reviews tr.order-total td small.includes_tax *{font-size:inherit;font-weight:inherit;color:inherit}
body.wfacp_main_wrapper .wfacp_delete_item_wrap{position:static;display:inline-block;margin:0}
body.wfacp_main_wrapper .wfacp_delete_item_wrap a{opacity:.6}

/* 10 bis. Fenetre etroite sans le resume repliable de FunnelKit (tablette, fenetre d'ordinateur reduite) : la barre « Ta commande » de la maquette,
   claire, collee en haut de l'ecran, que le script pose et replie */
body.wfacp_main_wrapper.gc-resume .wfacp-form-panel .wfacp-comm-wrapper .wfacp-right-panel{order:-1;position:sticky;top:0;z-index:12;display:grid;grid-template-rows:auto 0fr;margin:0 calc(-1 * var(--gc-pad));border-radius:0;background:var(--gc-card);box-shadow:0 6px 14px -8px rgba(0,0,0,.6);transition:grid-template-rows .28s var(--gc-ease)}
body.wfacp_main_wrapper.gc-resume .wfacp-form-panel .wfacp-comm-wrapper .wfacp-right-panel.gc-ouvert{position:relative;grid-template-rows:auto 1fr}
body.wfacp_main_wrapper.gc-resume .wfacp-right-panel>.wfacp_form_cart{min-height:0;overflow:hidden;visibility:hidden;transition:visibility .28s}
body.wfacp_main_wrapper.gc-resume .wfacp-right-panel.gc-ouvert>.wfacp_form_cart{visibility:visible}
body.wfacp_main_wrapper.gc-resume .wfacp-right-panel h2.wfacp-list-title{display:none!important}
body.wfacp_main_wrapper button.gc-bascule,body.wfacp_main_wrapper .wfacp_mb_mini_cart_wrap .wfacp_mb_cart_accordian{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:56px;margin:0;padding:9px 16px;border:0;border-radius:0;background:#F4F3EE!important;box-shadow:none;color:#111!important;text-align:left;text-transform:none;letter-spacing:0;cursor:pointer;-webkit-tap-highlight-color:transparent} /* important necessaire : le theme colore tous les boutons */
body.wfacp_main_wrapper button.gc-bascule:focus-visible{outline:2px solid var(--gc-y);outline-offset:-2px}
body.wfacp_main_wrapper .gc-bascule .gc-b-g{position:relative;display:block;min-width:0;padding:0 0 0 30px;font-size:14.5px;font-weight:400;line-height:1.2;color:#111}
body.wfacp_main_wrapper .gc-bascule .gc-b-g::before{content:"";position:absolute;left:0;top:50%;width:20px;height:20px;margin-top:-10px;background:#111;-webkit-mask:var(--gc-i-cart) center/contain no-repeat;mask:var(--gc-i-cart) center/contain no-repeat}
body.wfacp_main_wrapper .gc-bascule .gc-b-g b{font-weight:800;color:#111}
body.wfacp_main_wrapper .gc-bascule .gc-b-n{margin-left:6px;font-size:13px;font-weight:500;color:#55534c}
body.wfacp_main_wrapper .gc-bascule .gc-b-n::after{content:"";display:inline-block;width:16px;height:16px;margin:0 0 -3px 8px;background:#55534c;-webkit-mask:var(--gc-i-chev) center/contain no-repeat;mask:var(--gc-i-chev) center/contain no-repeat;transition:transform .3s var(--gc-ease)}
body.wfacp_main_wrapper .gc-ouvert .gc-bascule .gc-b-n::after{transform:rotate(180deg)}
body.wfacp_main_wrapper .gc-bascule .gc-b-eco{display:block;margin-top:3px;font-size:11.5px;font-weight:700;color:#0B7A3B}
body.wfacp_main_wrapper .gc-bascule .gc-b-eco:empty{display:none}
body.wfacp_main_wrapper .gc-bascule .gc-b-d{flex:none;text-align:right;font-size:23px;font-weight:900;line-height:1;letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:#111;white-space:nowrap}
body.wfacp_main_wrapper .gc-bascule .gc-b-d::after{content:"livraison comprise";display:block;margin-top:3px;font-size:11px;font-weight:500;line-height:1.2;letter-spacing:0;color:#55534c}

/* 10 ter. Resume repliable de FunnelKit, servi aux seuls vrais telephones : meme barre claire.
   ATTENTION : regles ecrites d'apres le gabarit public de FunnelKit (mobile-collapsible-mini-cart.php), sans avoir pu afficher ce bloc
   (le Chrome d'ordinateur ne le recoit pas). A controler sur un iPhone. Pas d'important sur le display du contenu : FunnelKit l'ouvre en slideToggle. */
body.wfacp_main_wrapper .wfacp_mb_mini_cart_wrap{float:none;width:auto;margin:0 calc(-1 * var(--gc-pad));padding:0;border:0;border-radius:0;background:var(--gc-card);overflow:hidden}
body.wfacp_main_wrapper .wfacp_mb_mini_cart_wrap .wfacp_mb_cart_accordian{border-radius:0!important} /* important necessaire : FunnelKit pose ses rayons en important */
body.wfacp_main_wrapper .wfacp_mb_mini_cart_wrap .wfacp_mb_cart_accordian::before,body.wfacp_main_wrapper .wfacp_mb_mini_cart_wrap .wfacp_mb_cart_accordian::after{content:none;display:none}
body.wfacp_main_wrapper .wfacp_mb_mini_cart_wrap .wfacp_show_icon_wrap{position:relative;display:flex;align-items:center;float:none;width:auto;max-width:none;min-height:0;margin:0;padding:0;background:none}
body.wfacp_main_wrapper .wfacp_mb_mini_cart_wrap .wfacp_show_icon_wrap svg,body.wfacp_main_wrapper .wfacp_mb_mini_cart_wrap .wfacp_show_icon_wrap svg *{fill:#111}
body.wfacp_main_wrapper .wfacp_mb_mini_cart_wrap .wfacp_show_icon_wrap a.wfacp_summary_link{display:flex;align-items:center;gap:8px;margin:0;padding:0;text-decoration:none}
/* le libelle regle dans FunnelKit (« Afficher / Masquer le recapitulatif ») laisse la place au titre de la maquette */
body.wfacp_main_wrapper .wfacp_mb_mini_cart_wrap .wfacp_show_icon_wrap a.wfacp_summary_link span{display:block;min-width:0;font-size:0!important;line-height:1.2;color:#111}
body.wfacp_main_wrapper .wfacp_mb_mini_cart_wrap .wfacp_show_icon_wrap a.wfacp_summary_link span::before{content:"Ta commande";font-size:14.5px;font-weight:800;color:#111}
body.wfacp_main_wrapper .wfacp_mb_mini_cart_wrap .wfacp_show_icon_wrap a.wfacp_summary_link img{position:static;width:11px;max-width:11px;height:auto;margin:0;filter:brightness(0);opacity:.6;transition:transform .25s var(--gc-ease)}
body.wfacp_main_wrapper .wfacp_mb_mini_cart_wrap .wfacp_show_icon_wrap a.wfacp_summary_link img.wfacp_up_arrow{transform:rotate(180deg)}
body.wfacp_main_wrapper .wfacp_mb_mini_cart_wrap .wfacp_show_price_wrap{float:none;width:auto;margin:0;padding:0;text-align:right;white-space:nowrap;word-break:normal}
body.wfacp_main_wrapper .wfacp_mb_mini_cart_wrap .wfacp_show_price_wrap,body.wfacp_main_wrapper .wfacp_mb_mini_cart_wrap .wfacp_show_price_wrap *{font-size:23px!important;font-weight:900!important;line-height:1;letter-spacing:-.01em;color:#111} /* important necessaire : FunnelKit fixe 14 px sur tous les span de ce bloc */
body.wfacp_main_wrapper .wfacp_mb_mini_cart_wrap .wfacp_show_price_wrap::after{content:"livraison comprise";display:block;margin-top:3px;font-size:11px;font-weight:500;line-height:1.2;letter-spacing:0;color:#55534c}
body.wfacp_main_wrapper .wfacp_mb_mini_cart_wrap .wfacp_mb_mini_cart_sec_accordion_content{margin:0;padding:0;border:0;border-radius:0!important;background:transparent} /* important necessaire : memes rayons */
body.wfacp_main_wrapper .wfacp_mb_mini_cart_wrap .wfacp_mini_cart_item_title,body.wfacp_main_wrapper .wfacp_mb_mini_cart_wrap table.wfacp_mini_cart_items td.product-total,body.wfacp_main_wrapper .wfacp_mb_mini_cart_wrap table.wfacp_mini_cart_reviews th span,body.wfacp_main_wrapper .wfacp_mb_mini_cart_wrap table.wfacp_mini_cart_reviews td span{font-size:14px!important} /* important necessaire : meme regle de 14 px */
body.wfacp_main_wrapper .wfacp_mb_mini_cart_wrap table.wfacp_mini_cart_reviews tr.order-total td strong,body.wfacp_main_wrapper .wfacp_mb_mini_cart_wrap table.wfacp_mini_cart_reviews tr.order-total td strong span{font-size:23px!important;font-weight:900!important}

/* ------------------------------------------------------------------ 11. Reassurances et pied de page */
body.wfacp_main_wrapper .wfacp_promises_0{margin:6px 0 0;padding:16px 0 4px;border:0;background:none}
body.wfacp_main_wrapper .wfacp_promises_0 ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none}
body.wfacp_main_wrapper .wfacp_promises_0 ul li{float:none;width:auto;margin:0;padding:0;border:0}
body.wfacp_main_wrapper .wfacp_promises_0 .wfacp-relative-wrapper{display:flex;flex-direction:column;align-items:center;gap:6px;margin:0;padding:0;text-align:center}
body.wfacp_main_wrapper .wfacp_promises_0 .wfacp-permission-icon ul li .wfacp-relative-wrapper img{position:static;display:block;width:22px;height:22px;max-height:none;margin:0;padding:0}
body.wfacp_main_wrapper .wfacp_promises_0 .wfacp-permission-icon ul li .wfacp-relative-wrapper p{margin:0;padding:0;font-size:11.5px;font-weight:400;line-height:1.25;text-align:center;color:#DAD7CD}
body.wfacp_main_wrapper .wfacp_promises_0 .wfacp-permission-icon ul li .wfacp-relative-wrapper p::after{content:none;display:none}
body.wfacp_main_wrapper footer.wfacp-footer{margin:0;padding:8px 16px 24px;border:0;background:var(--gc-bg)}
body.wfacp_main_wrapper footer.wfacp-footer .wfacp-middle-container{width:auto;max-width:none;margin:0;padding:0}
body.wfacp_main_wrapper footer.wfacp-footer .wfacp-footer-text{display:flex;flex-direction:column-reverse;align-items:center;gap:6px;margin:0;padding:0}
body.wfacp_main_wrapper footer.wfacp-footer ul.links,body.wfacp_main_wrapper footer.wfacp-footer .copyright{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:4px 12px;width:auto;margin:0;padding:0;border:0;list-style:none}
body.wfacp_main_wrapper footer.wfacp-footer ul.links li{margin:0;padding:0;border:0}
body.wfacp_main_wrapper footer.wfacp-footer a{margin:0;padding:0;font-size:12px;line-height:1.4;color:var(--gc-dim);text-decoration:underline;text-underline-offset:3px}
body.wfacp_main_wrapper footer.wfacp-footer .copyright,body.wfacp_main_wrapper footer.wfacp-footer .copyright a{font-size:12px;color:var(--gc-mute);text-decoration:none}

/* ------------------------------------------------------------------ 12. Fenetre du selecteur Mondial Relay (bibliotheque modaal + module officiel) : aux couleurs de la page.
   Habillage seulement : aucune regle ne masque un element du selecteur ni ne change sa mise en place. Les "!important" passent devant
   les styles en ligne de modaal et la feuille du module (themes/mondialrelay/style.min.css). */
body.wfacp_main_wrapper .modaal-overlay{background:#000!important;opacity:.72!important}
body.wfacp_main_wrapper .modaal-wrapper .modaal-container{border-radius:14px;background:var(--gc-card)!important;color:#fff!important;box-shadow:inset 0 0 0 1px #2c2c2a,0 24px 60px -20px rgba(0,0,0,.9)}
body.wfacp_main_wrapper .modaal-wrapper .modaal-content-container{padding:20px 20px 18px;color:#fff}
body.wfacp_main_wrapper .modaal-wrapper .modaal-close{background:rgba(24,24,24,.9)!important;border-radius:50%}
body.wfacp_main_wrapper .modaal-wrapper .modaal-close::before,body.wfacp_main_wrapper .modaal-wrapper .modaal-close::after{background:#fff!important}
body.wfacp_main_wrapper .modaal-wrapper .MR-Widget{border:0!important;background:transparent!important;color:#fff!important;font-size:13px!important}
body.wfacp_main_wrapper .modaal-wrapper .MR-Widget .MRW-Title{padding:0 40px 12px 0!important;background:transparent!important;border:0!important;text-align:left!important;font-size:0!important;line-height:1.15!important;color:#fff!important}
body.wfacp_main_wrapper .modaal-wrapper .MR-Widget .MRW-Title::before{content:"Choisis ton point relais";font-size:17px;font-weight:900;letter-spacing:.01em;text-transform:uppercase}
body.wfacp_main_wrapper .modaal-wrapper .MR-Widget .MRW-Content,body.wfacp_main_wrapper .modaal-wrapper .MR-Widget .MRW-Search,body.wfacp_main_wrapper .modaal-wrapper .MR-Widget .MRW-Results{background:transparent!important;border:0!important;color:#fff!important}
body.wfacp_main_wrapper .modaal-wrapper .MR-Widget .MRW-Search{padding:0 0 12px!important}
body.wfacp_main_wrapper .modaal-wrapper .MR-Widget .MRW-Line{font-size:12.5px!important;color:var(--gc-lab)!important}
body.wfacp_main_wrapper .modaal-wrapper .MR-Widget .MRW-Search input[type=text],body.wfacp_main_wrapper .modaal-wrapper .MR-Widget .MRW-Search input:not([type]){height:44px!important;padding:0 12px!important;border:0!important;border-radius:8px!important;background:#fff!important;color:#111!important;font-size:16px!important;box-shadow:none!important;outline:0}
body.wfacp_main_wrapper .modaal-wrapper .MR-Widget .MRW-Search input:focus{box-shadow:0 0 0 3px var(--gc-y)!important}
body.wfacp_main_wrapper .modaal-wrapper .MR-Widget button.MRW-BtGo{min-height:44px;padding:0 16px!important;border:0!important;border-radius:8px!important;background:var(--gc-y)!important;color:#111!important;font-size:14px!important;font-weight:800!important;text-transform:none;box-shadow:none!important;cursor:pointer}
body.wfacp_main_wrapper .modaal-wrapper .MR-Widget button.MRW-BtGeoGo{min-height:44px;padding:0 14px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#fff!important;font-size:13.5px!important;font-weight:600!important;text-transform:none;box-shadow:inset 0 0 0 1.5px #6b6b67!important;cursor:pointer}
body.wfacp_main_wrapper .modaal-wrapper .MR-Widget .PR-AutoCplCity{border:0!important;border-radius:8px;background:#fff!important;color:#111!important;box-shadow:0 14px 34px -12px rgba(0,0,0,.85)}
body.wfacp_main_wrapper .modaal-wrapper .MR-Widget .PR-AutoCplCity *{color:#111!important}
body.wfacp_main_wrapper .modaal-wrapper .MR-Widget .MRW-Errors{border:1px solid #8d4a2a!important;border-radius:8px;background:#2a1710!important;color:#FFB79F!important}
body.wfacp_main_wrapper .modaal-wrapper .MR-Widget .MRW-RList{background:transparent!important;border:0!important}
body.wfacp_main_wrapper .modaal-wrapper .MR-Widget .PR-List-Item{margin:0 4px 7px 0!important;padding:10px 12px!important;border:1px solid #363634!important;border-radius:10px!important;background:var(--gc-tile)!important;color:var(--gc-dim)!important;font-size:12.5px!important;line-height:1.35!important;cursor:pointer;transition:border-color .2s var(--gc-ease),background-color .2s var(--gc-ease)}
body.wfacp_main_wrapper .modaal-wrapper .MR-Widget .PR-List-Item div{color:inherit!important;font-size:inherit!important}
body.wfacp_main_wrapper .modaal-wrapper .MR-Widget .PR-List-Item .PR-Name{margin:0 0 1px;color:#fff!important;font-size:14px!important;font-weight:750!important;line-height:1.25!important}
body.wfacp_main_wrapper .modaal-wrapper .MR-Widget .PR-List-Item:hover{border-color:#6b6b67!important}
body.wfacp_main_wrapper .modaal-wrapper .MR-Widget .PR-List-Item.PR-Selected{border-color:var(--gc-y)!important;background:var(--gc-sel)!important;box-shadow:inset 0 0 0 1px var(--gc-y)}
body.wfacp_main_wrapper .modaal-wrapper .MR-Widget .PR-List-Item.PR-Disabled{opacity:.5}
/* la carte et ses bulles restent claires (fond de carte clair) : texte sombre garanti */
body.wfacp_main_wrapper .modaal-wrapper .MR-Widget .MRW-Map{border-radius:10px;overflow:hidden}
body.wfacp_main_wrapper .modaal-wrapper .MR-Widget .leaflet-popup-content-wrapper,body.wfacp_main_wrapper .modaal-wrapper .MR-Widget .leaflet-popup-content-wrapper *{color:#111!important}
body.wfacp_main_wrapper .modaal-wrapper #mondial_relay_alert{margin:10px 0 0;padding:10px 12px;border:1px solid #8d4a2a;border-radius:8px;background:#2a1710;color:#FFB79F;font-size:13px;line-height:1.35}
body.wfacp_main_wrapper .modaal-wrapper #delivery_point_chosen{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;margin:12px 0 0;padding:8px 12px;border:0;border-radius:10px;background:var(--gc-y);color:#111;font-size:14.5px;font-weight:900;line-height:1.12;letter-spacing:.012em;text-transform:uppercase;box-shadow:none;cursor:pointer}
body.wfacp_main_wrapper .modaal-wrapper #delivery_point_chosen:hover{background:#FFDC3A}
/* fenetre d'information « consigne » du module */
body.wfacp_main_wrapper .modaal-wrapper .MR-Widget .MRW-LockerModal{border-radius:12px;background:#fff!important}
body.wfacp_main_wrapper .modaal-wrapper .MR-Widget .MRW-LockerModal,body.wfacp_main_wrapper .modaal-wrapper .MR-Widget .MRW-LockerModal p,body.wfacp_main_wrapper .modaal-wrapper .MR-Widget .MRW-LockerModal strong,body.wfacp_main_wrapper .modaal-wrapper .MR-Widget .MRW-LockerModal span{color:#111!important}
/* 0.1.11 : la feuille du module donne a cette fenetre 230 px de large et 380 px de haut, fixes, collees en haut a gauche ; avec la police
   de la page, le second bouton (« Je choisis un autre Point Relais ») sortait du cadre (recette du 12/10, P11, vu sur iPhone et sur ordinateur).
   Ici : centree dans l'ecran, hauteur selon le contenu, defilement interne si l'ecran est trop petit. Les "!important" passent devant
   la feuille du module (widget.mondialrelay.com). Aucun element n'est cache, aucun texte n'est change. */
body.wfacp_main_wrapper .modaal-wrapper .MR-Widget .MRW-LockerModal{position:fixed!important;top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);box-sizing:border-box!important;width:360px!important;width:min(360px,calc(100vw - 32px))!important;height:auto!important;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);margin:0!important;padding:0 0 16px!important;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;box-shadow:0 24px 60px -16px rgba(0,0,0,.9)}
body.wfacp_main_wrapper .modaal-wrapper .MR-Widget .MRW-LockerModal .row{margin-left:0!important;margin-right:0!important}
body.wfacp_main_wrapper .modaal-wrapper .MR-Widget .MRW-LockerModal .modal-header,body.wfacp_main_wrapper .modaal-wrapper .MR-Widget .MRW-LockerModal .modal-body,body.wfacp_main_wrapper .modaal-wrapper .MR-Widget .MRW-LockerModal .modal-footer,body.wfacp_main_wrapper .modaal-wrapper .MR-Widget .MRW-LockerModal .three,body.wfacp_main_wrapper .modaal-wrapper .MR-Widget .MRW-LockerModal .col-md-12{box-sizing:border-box!important;width:auto!important;height:auto!important;float:none!important}
body.wfacp_main_wrapper .modaal-wrapper .MR-Widget .MRW-LockerModal .modal-header,body.wfacp_main_wrapper .modaal-wrapper .MR-Widget .MRW-LockerModal .modal-body,body.wfacp_main_wrapper .modaal-wrapper .MR-Widget .MRW-LockerModal .modal-footer{padding-left:16px!important;padding-right:16px!important}
body.wfacp_main_wrapper .modaal-wrapper .MR-Widget .MRW-LockerModal .picto{margin:4px auto 0!important}
body.wfacp_main_wrapper .modaal-wrapper .MR-Widget .MRW-LockerModal button.btn{display:block!important;box-sizing:border-box!important;width:100%!important;height:auto!important;min-height:48px;white-space:normal!important}

/* ------------------------------------------------------------------ 13. Telephone et tablette (1000 px et moins) : le bouton reste colle en bas, a portee de pouce */
@media (max-width:1000px){
body.wfacp_main_wrapper #wfacp-sec-wrapper #payment .form-row.place-order .wfacp-order-place-btn-wrap,body.wfacp_main_wrapper #wfacp-sec-wrapper #payment .form-row.place-order .mrwpbutton{position:fixed;left:0;right:0;bottom:0;z-index:700;margin:0;padding:10px 12px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--gc-line2);background:#0c0c0b}
body.wfacp_main_wrapper #wfacp-sec-wrapper #payment .form-row.place-order .mrwpbutton{z-index:701}
body.wfacp_main_wrapper>.wfacp-main-container{padding-bottom:calc(84px + env(safe-area-inset-bottom))}
body.wfacp_main_wrapper #wfacp-sec-wrapper #payment .form-row.place-order{margin:0}
}
@media (max-width:700px){
/* selecteur de point relais : presque plein ecran, liste large, bouton de validation toujours a portee */
body.wfacp_main_wrapper .modaal-wrapper .modaal-inner-wrapper{padding:54px 8px 8px!important}
body.wfacp_main_wrapper .modaal-wrapper .modaal-container{width:100%;max-width:none!important}
body.wfacp_main_wrapper .modaal-wrapper .modaal-content-container{padding:16px 14px 0}
body.wfacp_main_wrapper .modaal-wrapper .MR-Widget,body.wfacp_main_wrapper .modaal-wrapper .MR-Widget .MRW-Content,body.wfacp_main_wrapper .modaal-wrapper .MR-Widget .MRW-Search,body.wfacp_main_wrapper .modaal-wrapper .MR-Widget .MRW-Results,body.wfacp_main_wrapper .modaal-wrapper .MR-Widget .MRW-RList{width:100%!important;max-width:none!important;box-sizing:border-box}
body.wfacp_main_wrapper .modaal-wrapper .MR-Widget .MRW-Line{display:grid!important;grid-template-columns:minmax(0,1fr) 108px;grid-auto-flow:column;grid-template-rows:auto auto auto auto;gap:5px 8px;width:auto!important;margin:0!important;padding:0!important;text-align:left!important}
body.wfacp_main_wrapper .modaal-wrapper .MR-Widget .MRW-Line input{width:100%!important;margin:0!important;box-sizing:border-box}
body.wfacp_main_wrapper .modaal-wrapper .MR-Widget .MRW-Line button.MRW-BtGo{grid-column:1 / -1;grid-row:3;width:100%!important;margin:6px 0 0!important}
body.wfacp_main_wrapper .modaal-wrapper .MR-Widget .MRW-Line button.MRW-BtGeoGo{grid-column:1 / -1;grid-row:4;width:100%!important;margin:2px 0 0!important}
body.wfacp_main_wrapper .modaal-wrapper .MR-Widget .MRW-Line img.progressBar{grid-column:1 / -1;justify-self:center}
body.wfacp_main_wrapper .modaal-wrapper #delivery_point_chosen{position:sticky;bottom:0;margin:10px -14px 0;width:calc(100% + 28px);min-height:56px;border-radius:0 0 14px 14px;box-shadow:0 -12px 18px -8px rgba(24,24,24,.95)}
}
@media (max-width:359px){
body.wfacp_main_wrapper{--gc-pad:8px;--gc-cp:12px}
body.wfacp_main_wrapper .wfacp_promises_0 ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 8px}
}

/* ------------------------------------------------------------------ 14. Ordinateur (1001 px et plus) : deux colonnes, champs de 40 px, carte « Ta commande » a droite avec le bouton */
@media (min-width:1001px){
body.wfacp_main_wrapper{--gc-h:40px;--gc-r:7px;--gc-cp:16px;--gc-cr:12px;--gc-pad:20px;--gc-gap:18px;--gc-sw:340px;--gc-max:1180px;--gc-hd:56px}
body.wfacp_main_wrapper header.wfacp-header{position:sticky;top:0;z-index:20;height:var(--gc-hd)}
body.wfacp_main_wrapper header.wfacp-header .wfacp-inner-header{padding:0 var(--gc-pad)}
body.wfacp_main_wrapper header.wfacp-header .wfacp-middle-container{max-width:var(--gc-max);margin:0 auto}
body.wfacp_main_wrapper header.wfacp-header img.wfacp-logo{height:38px}
body.wfacp_main_wrapper header.wfacp-header .wfacp-hd-list-help{gap:8px;font-size:13px}
body.wfacp_main_wrapper #payement-img-header{display:flex}
body.wfacp_main_wrapper .wfacp-panel-wrapper{padding:var(--gc-gap) var(--gc-pad) 14px}
body.wfacp_main_wrapper .wfacp-panel-wrapper>.wfacp-middle-container{max-width:var(--gc-max);margin:0 auto}
body.wfacp_main_wrapper .wfacp-form-panel .wfacp-comm-wrapper,body.wfacp_main_wrapper .wfacp-panel-wrapper .wfacp-form-panel .wfacp-comm-wrapper.wfacp-clearfix{display:grid;grid-template-columns:minmax(0,1fr) var(--gc-sw);align-items:start;gap:var(--gc-gap)}
body.wfacp_main_wrapper .wfacp-form-panel .wfacp-comm-wrapper .wfacp-left-wrapper{grid-column:1;grid-row:1;width:auto;max-width:none;padding:0}
body.wfacp_main_wrapper .wfacp-form-panel .wfacp-comm-wrapper .wfacp-right-panel{grid-column:2;grid-row:1;position:sticky;top:calc(var(--gc-hd) + var(--gc-gap));margin:0;border-radius:12px;box-shadow:inset 0 0 0 1px #2c2c2a,inset 0 1px 0 rgba(255,255,255,.05)}
body.wfacp_main_wrapper .wfacp-right-panel .wfacp_template_9_cart_item_details{max-height:calc(100vh - var(--gc-hd) - 330px);min-height:64px;overflow-y:auto;padding-top:8px;padding-right:8px;margin-top:-8px}
body.wfacp_main_wrapper #wfacp-sec-wrapper div.wfacp-section{margin-bottom:12px}
body.wfacp_main_wrapper #wfacp-sec-wrapper div.wfacp-section>.wfacp-comm-title,body.wfacp_main_wrapper #wfacp-sec-wrapper div.wfacp-section.wfacp_payment .wfacp-comm-title,body.wfacp_main_wrapper #wfacp-sec-wrapper .gc-cartes .wfacp-comm-form-detail .wfacp-row>h2.gc-h2.gc-tr{padding-top:14px;padding-bottom:11px}
body.wfacp_main_wrapper #wfacp-sec-wrapper .gc-cartes .wfacp-comm-form-detail .wfacp-row>h2.gc-h2.gc-tr{margin-top:12px}
body.wfacp_main_wrapper h2.wfacp_section_heading,body.wfacp_main_wrapper h2.gc-h2{font-size:15px}
body.wfacp_main_wrapper #wfacp-sec-wrapper .wfacp-comm-form-detail p.wfacp-form-control-wrapper>label.wfacp-form-control-label:not(.radio):not(.checkbox){margin-bottom:4px;font-size:12px}
body.wfacp_main_wrapper #wfacp-sec-wrapper input.wfacp-form-control:not([type=checkbox]):not([type=radio]){padding-left:11px;padding-right:11px;font-size:14.5px}
body.wfacp_main_wrapper #wfacp-sec-wrapper .select2-container .select2-selection--single .select2-selection__rendered{padding-left:11px;font-size:14.5px}
body.wfacp_main_wrapper #wfacp-sec-wrapper p.woocommerce-validated .woocommerce-input-wrapper:has(>input.input-text)::after{right:11px;width:18px;height:18px;top:calc((var(--gc-h) - 18px) / 2);background-size:11px}
body.wfacp_main_wrapper #wfacp-sec-wrapper label.checkbox{font-size:13px}
body.wfacp_main_wrapper #wfacp-sec-wrapper label.checkbox input.input-checkbox.wfacp-form-control,body.wfacp_main_wrapper #wfob_wrap .wfob_wrapper input.wfob_checkbox{width:18px;height:18px}
/* avec le script : le mail et la case des offres sur une meme ligne, comme la maquette */
body.wfacp_main_wrapper #wfacp-sec-wrapper .gc-cartes .wfacp-comm-form-detail .wfacp-row>#billing_email_field.gc-tr:not(.gc-tr-b){flex:0 0 46%!important;width:46%!important;max-width:46%!important;border-right:0;padding-bottom:16px;border-bottom:1px solid var(--gc-cb);border-radius:0 0 0 var(--gc-cr)}
body.wfacp_main_wrapper #wfacp-sec-wrapper .gc-cartes .wfacp-comm-form-detail .wfacp-row>#newsletter_field.gc-tr{flex:1 1 0!important;width:auto!important;max-width:none!important;justify-content:flex-end;border-left:0;padding-bottom:16px;border-radius:0 0 var(--gc-cr) 0}
body.wfacp_main_wrapper #wfacp-sec-wrapper .gc-cartes .wfacp-comm-form-detail .wfacp-row>#newsletter_field.gc-tr label.checkbox{min-height:var(--gc-h);align-items:center}
/* tuiles de livraison et de paiement cote a cote */
body.wfacp_main_wrapper #wfacp-sec-wrapper #shipping_method{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row dense;gap:10px;align-items:stretch}
/* ici la tuile est portee par la rangee interieure de chaque ligne : le bloc du point relais peut ainsi s'etendre sous les deux tuiles */
body.wfacp_main_wrapper #wfacp-sec-wrapper #shipping_method li.wfacp_single_shipping_method{display:contents}
body.wfacp_main_wrapper #wfacp-sec-wrapper #shipping_method li.wfacp_single_shipping_method>.wfacp_single_shipping{padding:10px 12px;border:1.5px solid var(--gc-tb);border-radius:10px;background:var(--gc-tile);transition:border-color .2s var(--gc-ease),background-color .2s var(--gc-ease)}
body.wfacp_main_wrapper #wfacp-sec-wrapper #shipping_method li.wfacp_single_shipping_method:has(input:checked)>.wfacp_single_shipping{border-color:var(--gc-y);background:var(--gc-sel);box-shadow:inset 0 0 0 1px var(--gc-y),0 6px 18px -10px rgba(255,209,1,.55)}
body.wfacp_main_wrapper #wfacp-sec-wrapper #shipping_method .gc-point{grid-column:1 / -1;margin:0;background:var(--gc-sel)}
body.wfacp_main_wrapper #wfacp-sec-wrapper #shipping_method .wfacp_shipping_radio,body.wfacp_main_wrapper #wfacp-sec-wrapper #shipping_method .wfacp_shipping_radio label{gap:10px}
body.wfacp_main_wrapper #wfacp-sec-wrapper #shipping_method .wfacp_shipping_radio input,body.wfacp_main_wrapper #wfacp-sec-wrapper #payment ul.wc_payment_methods li.wc_payment_method>input{width:18px;height:18px}
body.wfacp_main_wrapper #wfacp-sec-wrapper #shipping_method .gc-t,body.wfacp_main_wrapper #wfacp-sec-wrapper #shipping_method .wfacp_shipping_radio label{font-size:14.5px}
body.wfacp_main_wrapper #wfacp-sec-wrapper #shipping_method .gc-s{font-size:12px}
body.wfacp_main_wrapper #wfacp-sec-wrapper #shipping_method .wfacp_shipping_price{font-size:18px}
body.wfacp_main_wrapper #wfacp-sec-wrapper #shipping_method .wfacp_shipping_price .gc-n{margin:3px 0 0;font-size:11px}
body.wfacp_main_wrapper #wfacp-sec-wrapper #shipping_method .wfacp_shipping_price:not(:has(.woocommerce-Price-amount)):not(:has(.gc-pill)),body.wfacp_main_wrapper #wfacp-sec-wrapper #shipping_method .gc-pill{padding:6px 9px 5px;font-size:13px}
body.wfacp_main_wrapper #wfacp-sec-wrapper #order_coupon_field .wfacp_coupon_field_box{max-width:460px;padding:10px 12px}
body.wfacp_main_wrapper #wfacp-sec-wrapper #order_coupon_field .wfacp_coupon_field_msg .wfacp_single_coupon_msg{max-width:460px;padding:9px 12px!important;border-radius:10px}
/* deux tuiles cote a cote : chaque moyen occupe deux colonnes (le rond, l'intitule), la tuile est dessinee derriere ; la phrase s'etend dessous sur toute la largeur */
body.wfacp_main_wrapper #wfacp-sec-wrapper #payment ul.wc_payment_methods{grid-template-columns:auto minmax(0,1fr) 10px auto minmax(0,1fr);gap:10px 0;align-items:center}
body.wfacp_main_wrapper #wfacp-sec-wrapper #payment ul.wc_payment_methods li.wc_payment_method{display:contents}
body.wfacp_main_wrapper #wfacp-sec-wrapper #payment ul.wc_payment_methods li.wc_payment_method::before{grid-area:1 / 1 / 2 / 3;border-radius:10px}
body.wfacp_main_wrapper #wfacp-sec-wrapper #payment ul.wc_payment_methods li.wc_payment_method:nth-child(2)::before{grid-area:1 / 4 / 2 / 6}
body.wfacp_main_wrapper #wfacp-sec-wrapper #payment ul.wc_payment_methods li.wc_payment_method>input{grid-area:1 / 1;margin:0 10px 0 12px}
body.wfacp_main_wrapper #wfacp-sec-wrapper #payment ul.wc_payment_methods li.wc_payment_method:nth-child(2)>input{grid-area:1 / 4}
body.wfacp_main_wrapper .wfacp_main_form.woocommerce .woocommerce-checkout #payment ul.wc_payment_methods li.wc_payment_method>label{grid-area:1 / 2;min-height:46px;padding:10px 12px 10px 0;font-size:14.5px}
body.wfacp_main_wrapper .wfacp_main_form.woocommerce .woocommerce-checkout #payment ul.wc_payment_methods li.wc_payment_method:nth-child(2)>label{grid-area:1 / 5}
body.wfacp_main_wrapper .wfacp_main_form.woocommerce .woocommerce-checkout #payment ul.wc_payment_methods li.wc_payment_method.payment_method_bacs>label{font-size:13.5px}
body.wfacp_main_wrapper #wfacp-sec-wrapper #payment ul.wc_payment_methods li.wc_payment_method .payment_box{grid-column:1 / -1;grid-row:2;padding:2px 0 0}
body.wfacp_main_wrapper #wfacp_checkout_form #payment ul.wc_payment_methods ul.gc-etapes{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
body.wfacp_main_wrapper #wfacp_checkout_form #payment ul.wc_payment_methods ul.gc-etapes li{gap:9px;align-items:start;padding:0;font-size:12.5px}
body.wfacp_main_wrapper #wfacp_checkout_form #payment ul.wc_payment_methods ul.gc-etapes li{padding-top:0}
body.wfacp_main_wrapper #wfacp-sec-wrapper #payment ul.gc-etapes li+li::after{content:none;display:none}
body.wfacp_main_wrapper #wfob_wrap .wfob_wrapper .wfob_bump .wfob_sec_start>.bwf_display_flex{padding:8px 12px}
body.wfacp_main_wrapper #wfob_wrap .wfob_wrap_start{border-radius:10px}
body.wfacp_main_wrapper #wfacp-sec-wrapper #payment #place_order,body.wfacp_main_wrapper #wfacp-sec-wrapper #payment .mrwpbutton a,body.wfacp_main_wrapper #wfacp-sec-wrapper #payment button.gc-relais-btn{min-height:46px;border-radius:9px;font-size:14px}
/* avec le script : le bouton vient se loger au bas de la carte « Ta commande » (il reste dans le formulaire, seul son emplacement a l'ecran change).
   Le script mesure le bas de la carte (variables --gc-pay-*). Sans lui, le bouton reste en bas du formulaire. */
body.wfacp_main_wrapper.gc-colonne .wfacp-form-panel .wfacp-comm-wrapper .wfacp-right-panel{border-radius:12px 12px 0 0;box-shadow:inset 0 1px 0 #2c2c2a,inset 1px 0 0 #2c2c2a,inset -1px 0 0 #2c2c2a}
body.wfacp_main_wrapper.gc-colonne .wfacp-right-panel .wfacp_order_sec{padding-bottom:10px}
body.wfacp_main_wrapper.gc-colonne #wfacp-sec-wrapper #payment .form-row.place-order{margin:0}
body.wfacp_main_wrapper.gc-colonne #wfacp-sec-wrapper #payment .form-row.place-order .wfacp-order-place-btn-wrap{position:fixed;z-index:15;left:var(--gc-pay-left);top:var(--gc-pay-top);width:var(--gc-pay-w);margin:0;padding:2px 16px 16px;border-radius:0 0 12px 12px;background:var(--gc-card);box-shadow:inset 0 -1px 0 #2c2c2a,inset 1px 0 0 #2c2c2a,inset -1px 0 0 #2c2c2a}
body.wfacp_main_wrapper .wfacp_promises_0{margin:4px 0 0;padding:12px 0 0}
body.wfacp_main_wrapper .wfacp_promises_0 .wfacp-relative-wrapper{flex-direction:row;justify-content:center;gap:8px;text-align:left}
body.wfacp_main_wrapper .wfacp_promises_0 .wfacp-permission-icon ul li .wfacp-relative-wrapper p{font-size:12px;text-align:left}
/* avec le script et un ecran assez haut : les reassurances se rangent sous le bouton, dans la colonne de droite */
body.wfacp_main_wrapper.gc-colonne.gc-rea-col .wfacp_promises_0{position:fixed;z-index:14;left:var(--gc-pay-left);top:calc(var(--gc-pay-top) + var(--gc-pay-h) + 12px);width:var(--gc-pay-w);margin:0;padding:0}
body.wfacp_main_wrapper.gc-colonne.gc-rea-col .wfacp_promises_0 .wfacp-relative-wrapper{flex-direction:column;gap:5px;text-align:center}
body.wfacp_main_wrapper.gc-colonne.gc-rea-col .wfacp_promises_0 .wfacp-permission-icon ul li .wfacp-relative-wrapper p{font-size:11px;text-align:center}
body.wfacp_main_wrapper footer.wfacp-footer{padding:6px var(--gc-pad) 18px}
body.wfacp_main_wrapper footer.wfacp-footer .wfacp-middle-container{max-width:var(--gc-max);margin:0 auto;padding-right:calc(var(--gc-sw) + var(--gc-gap))}
body.wfacp_main_wrapper .modaal-wrapper .modaal-container{max-width:900px}
/* selecteur de point relais : la recherche alignee a gauche, un champ code postal assez large pour cinq chiffres */
body.wfacp_main_wrapper .modaal-wrapper .MR-Widget .MRW-Search,body.wfacp_main_wrapper .modaal-wrapper .MR-Widget .MRW-Line{text-align:left!important}
body.wfacp_main_wrapper .modaal-wrapper .MR-Widget .MRW-Search input.iArg0{width:220px!important;max-width:40%}
body.wfacp_main_wrapper .modaal-wrapper .MR-Widget .MRW-Search input.Arg2{width:92px!important;min-width:92px}
}
@media (min-width:1150px){
body.wfacp_main_wrapper{--gc-pad:32px;--gc-gap:24px;--gc-sw:372px;--gc-cp:18px}
}
@media (min-width:1380px){
body.wfacp_main_wrapper{--gc-max:1260px;--gc-gap:28px;--gc-sw:400px}
}

/* ------------------------------------------------------------------ 15. Retouches de la recette du 10/10 (0.1.4) */
/* message d'erreur d'un champ (FunnelKit le pose dans un span .wfacp_inline_field_error, centre sous le champ) : a gauche, sous le champ,
   comme la maquette. important necessaire sur la marge : FunnelKit la fixe en « auto » pour centrer. */
body.wfacp_main_wrapper #wfacp-sec-wrapper p.wfacp-form-control-wrapper .wfacp_inline_field_error{position:static;display:block;align-self:stretch;width:auto;max-width:none;margin:5px 1px 0!important;padding:0;background:none;font-size:12.5px;font-weight:400;line-height:1.3;text-align:left;color:var(--gc-err);animation:gc-entre .2s var(--gc-ease) both}
body.wfacp_main_wrapper #wfacp-sec-wrapper p.wfacp-form-control-wrapper .wfacp_inline_field_error:empty{display:none}
/* un champ qui porte un message d'erreur a toujours son cadre et son libelle rouges (FunnelKit pose le message sans toujours poser la classe « invalide » ;
   il retire le span des que le champ est corrige) */
body.wfacp_main_wrapper #wfacp-sec-wrapper p.wfacp-form-control-wrapper:has(>.wfacp_inline_field_error:not(:empty)) input.wfacp-form-control:not([type=checkbox]):not([type=radio]){box-shadow:inset 0 0 0 2px #F0462B}
body.wfacp_main_wrapper #wfacp-sec-wrapper .wfacp-comm-form-detail p.wfacp-form-control-wrapper:has(>.wfacp_inline_field_error:not(:empty))>label.wfacp-form-control-label:not(.radio):not(.checkbox){color:var(--gc-err)}
/* adresse mail mal formee : FunnelKit pose une autre classe que pour un champ vide ; meme cadre rouge, meme libelle rouge */
body.wfacp_main_wrapper #wfacp-sec-wrapper p.woocommerce-invalid-email input.wfacp-form-control:not([type=checkbox]):not([type=radio]),body.wfacp_main_wrapper #wfacp-sec-wrapper p.gc-cp-ko input.wfacp-form-control:not([type=checkbox]):not([type=radio]){box-shadow:inset 0 0 0 2px #F0462B}
body.wfacp_main_wrapper #wfacp-sec-wrapper .wfacp-comm-form-detail p.wfacp-form-control-wrapper.woocommerce-invalid-email>label.wfacp-form-control-label:not(.radio):not(.checkbox),body.wfacp_main_wrapper #wfacp-sec-wrapper .wfacp-comm-form-detail p.wfacp-form-control-wrapper.gc-cp-ko>label.wfacp-form-control-label:not(.radio):not(.checkbox){color:var(--gc-err)}
/* code postal trop court (classe gc-cp-ko et phrase gc-cp-aide posees par le script) : pas de coche verte.
   important necessaire : la regle de la coche porte six identifiants dans ses exclusions */
body.wfacp_main_wrapper #wfacp-sec-wrapper p.gc-cp-ko .woocommerce-input-wrapper::after,body.wfacp_main_wrapper #wfacp-sec-wrapper p.woocommerce-invalid-email .woocommerce-input-wrapper::after{content:none!important;display:none!important}
body.wfacp_main_wrapper #wfacp-sec-wrapper p.wfacp-form-control-wrapper .gc-cp-aide{display:block;margin:5px 1px 0;font-size:12.5px;font-weight:400;line-height:1.3;text-align:left;color:var(--gc-err);animation:gc-entre .2s var(--gc-ease) both}
/* messages renvoyes par le site au clic sur « Payer » (champ manquant, code postal refuse) : le theme les ecrit en liens jaunes sur fond rose,
   illisibles. Encart sombre a liseré rouge, texte clair. important necessaire sur le fond et la couleur des liens : le theme les ecrit en important */
body.wfacp_main_wrapper #wfacp_checkout_form .woocommerce-NoticeGroup ul.woocommerce-error,body.wfacp_main_wrapper .wfacp_main_form ul.woocommerce-error{margin:10px 0 12px;padding:12px 14px 12px 32px;border:1px solid #7a2c1f;border-radius:var(--gc-cr);background:#2a1410!important;box-shadow:none;font-size:13.5px;line-height:1.4;color:#FFD9D0;list-style:disc outside}
body.wfacp_main_wrapper #wfacp_checkout_form .woocommerce-NoticeGroup ul.woocommerce-error::before,body.wfacp_main_wrapper .wfacp_main_form ul.woocommerce-error::before{content:none;display:none}
body.wfacp_main_wrapper #wfacp_checkout_form .woocommerce-NoticeGroup ul.woocommerce-error li,body.wfacp_main_wrapper .wfacp_main_form ul.woocommerce-error li{margin:0;padding:2px 0;font-size:13.5px;line-height:1.4;color:#FFD9D0;list-style:disc outside}
body.wfacp_main_wrapper #wfacp_checkout_form .woocommerce-NoticeGroup ul.woocommerce-error li a,body.wfacp_main_wrapper .wfacp_main_form ul.woocommerce-error li a{color:#FFD9D0!important;text-decoration:none}
body.wfacp_main_wrapper #wfacp_checkout_form .woocommerce-NoticeGroup ul.woocommerce-error li strong,body.wfacp_main_wrapper .wfacp_main_form ul.woocommerce-error li strong{color:#fff;font-weight:700}
/* suggestions d'adresse : lignes de 44 px au doigt sur telephone et tablette. La liste (z-index 1000, pose par Google) reste au-dessus du bouton colle en bas (700) */
@media (max-width:1000px){
body.wfacp_main_wrapper .pac-item{padding:12px 12px 13px}
}
/* ordinateur : un seul mode de livraison propose (panier sous le seuil du point relais, pays sans point relais) : la tuile prend toute la largeur */
@media (min-width:1001px){
body.wfacp_main_wrapper #wfacp-sec-wrapper #shipping_method li.wfacp_single_shipping_method:only-child>.wfacp_single_shipping{grid-column:1 / -1}
}

/* ------------------------------------------------------------------ 16. Demandes du 11/10 (0.1.7) : quantites, livraison offerte, second bouton « Payer » */
/* 16 a. Quantites dans le resume : le selecteur de FunnelKit (« − nombre + », reglage « Quantity Switcher »), sous le nom de l'article.
   Memes codes que les tuiles : fond sombre, filet gris, jaune au survol. important necessaire : FunnelKit ecrit tailles, bordures et couleurs en important. */
body.wfacp_main_wrapper table.wfacp_mini_cart_items .wfacp_order_summary_item_name div.product-quantity{display:block;float:none;width:auto;margin:7px 0 0;padding:0}
body.wfacp_main_wrapper table.wfacp_mini_cart_items .wfacp_quantity_selector{display:inline-flex!important;align-items:stretch;float:none;width:auto!important;max-width:none;height:32px!important;margin:0!important;padding:0!important;border:1px solid var(--gc-tb)!important;border-radius:8px!important;background:#111!important;box-shadow:none!important;overflow:hidden}
body.wfacp_main_wrapper table.wfacp_mini_cart_items .wfacp_quantity_selector .value-button{position:static!important;display:flex!important;align-items:center;justify-content:center;float:none;flex:none;width:34px!important;height:auto!important;min-height:0;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#fff!important;font-size:17px!important;font-weight:600!important;line-height:1!important;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .15s var(--gc-ease),color .15s var(--gc-ease)}
/* FunnelKit redessine le signe par-dessus le texte du bouton : un seul signe a l'ecran, celui du bouton */
body.wfacp_main_wrapper table.wfacp_mini_cart_items .wfacp_quantity_selector .value-button::before,body.wfacp_main_wrapper table.wfacp_mini_cart_items .wfacp_quantity_selector .value-button::after{content:none!important;display:none!important}
body.wfacp_main_wrapper table.wfacp_mini_cart_items .wfacp_quantity_selector .value-button:hover{background:#262624!important;color:var(--gc-y)!important}
body.wfacp_main_wrapper table.wfacp_mini_cart_items .wfacp_quantity_selector .value-button:focus-visible{outline:2px solid var(--gc-y);outline-offset:-2px}
body.wfacp_main_wrapper table.wfacp_mini_cart_items .wfacp_quantity_selector .value-button.gc-min{opacity:.3;pointer-events:none;cursor:default}
body.wfacp_main_wrapper table.wfacp_mini_cart_items .wfacp_quantity_selector input.wfacp_mini_cart_update_qty{display:block;float:none;flex:none;width:38px!important;min-width:0;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-left:1px solid var(--gc-tb)!important;border-right:1px solid var(--gc-tb)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#fff!important;font-size:14px!important;font-weight:700!important;line-height:30px!important;text-align:center;font-variant-numeric:tabular-nums;-moz-appearance:textfield;appearance:textfield}
body.wfacp_main_wrapper table.wfacp_mini_cart_items .wfacp_quantity_selector input.wfacp_mini_cart_update_qty::-webkit-outer-spin-button,body.wfacp_main_wrapper table.wfacp_mini_cart_items .wfacp_quantity_selector input.wfacp_mini_cart_update_qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
body.wfacp_main_wrapper table.wfacp_mini_cart_items .wfacp_quantity_selector input.wfacp_mini_cart_update_qty:focus{outline:2px solid var(--gc-y);outline-offset:-2px}
/* pas de quantite sur les produits ecartes par l'extension (assurance colis) : classe posee par le script */
body.wfacp_main_wrapper table.wfacp_mini_cart_items tr.cart_item.gc-sans-qte .product-quantity{display:none!important}
/* la ligne de donnees ecrite par l'extension (livraison offerte) : jamais affichee */
body.wfacp_main_wrapper table.wfacp_mini_cart_items tr.gc-liv-d,body.wfacp_main_wrapper table.wfacp_mini_cart_items tr.gc-nb-d{display:none!important}
/* au doigt (telephone et tablette) : cibles plus hautes */
@media (max-width:1000px){
body.wfacp_main_wrapper table.wfacp_mini_cart_items .wfacp_quantity_selector{height:38px!important}
body.wfacp_main_wrapper table.wfacp_mini_cart_items .wfacp_quantity_selector .value-button{width:42px!important;font-size:19px!important}
body.wfacp_main_wrapper table.wfacp_mini_cart_items .wfacp_quantity_selector input.wfacp_mini_cart_update_qty{width:40px!important;font-size:16px!important;line-height:36px!important}
}
/* 16 b. Complement qui offre la livraison : la mention, sous la phrase du complement (posee par le script) */
/* important necessaire : FunnelKit ecrit taille, graisse et couleur des textes d'une offre avec l'identifiant de l'offre */
body.wfacp_main_wrapper #wfob_wrap .wfob_wrapper .wfob_bump span.gc-liv{display:flex;align-items:center;gap:5px;margin:4px 0 0;padding:0;font-size:12.5px!important;font-weight:650!important;line-height:1.25!important;letter-spacing:0;text-align:left;text-transform:none;color:var(--gc-y)!important}
body.wfacp_main_wrapper #wfob_wrap .wfob_wrapper .wfob_bump span.gc-liv::before{content:"";flex:none;width:13px;height:13px;background:var(--gc-y);-webkit-mask:var(--gc-i-check) center/contain no-repeat;mask:var(--gc-i-check) center/contain no-repeat}
/* 16 c. Second bouton « Payer » sous le bloc « Paiement » : seulement sur ordinateur, quand le bouton principal est loge dans la carte « Ta commande » */
body.wfacp_main_wrapper #wfacp-sec-wrapper #payment .gc-payer2{display:none;margin:14px 0 2px;padding:0}
body.wfacp_main_wrapper .wfacp-main-container button.gc-payer2-btn{font-family:var(--gc-ft)!important} /* important necessaire : meme regle de police que le bouton principal (section 0) */
body.wfacp_main_wrapper #wfacp-sec-wrapper #payment button.gc-payer2-btn{display:flex;align-items:center;justify-content:center;gap:9px;float:none;width:100%;min-height:46px;margin:0;padding:8px 12px;border:0;border-radius:9px;background:var(--gc-y);color:#111;font-size:14px;font-weight:900;line-height:1.12;letter-spacing:.012em;text-align:center;text-transform:uppercase;text-decoration:none;box-shadow:none;cursor:pointer;transition:background-color .15s var(--gc-ease),transform .15s var(--gc-ease)}
body.wfacp_main_wrapper #wfacp-sec-wrapper #payment button.gc-payer2-btn:hover{background:#FFDC3A;color:#111}
body.wfacp_main_wrapper #wfacp-sec-wrapper #payment button.gc-payer2-btn:active{transform:scale(.985)}
body.wfacp_main_wrapper #wfacp-sec-wrapper #payment button.gc-payer2-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}
body.wfacp_main_wrapper #wfacp-sec-wrapper #payment button.gc-payer2-btn[disabled]{opacity:.55;cursor:default}
body.wfacp_main_wrapper #wfacp-sec-wrapper #payment button.gc-payer2-btn::before{content:"";flex:none;width:18px;height:18px;background:#111;-webkit-mask:var(--gc-i-lock) center/contain no-repeat;mask:var(--gc-i-lock) center/contain no-repeat}
body.wfacp_main_wrapper #wfacp-sec-wrapper #payment button.gc-payer2-btn.gc-payer2-relais::before{-webkit-mask-image:var(--gc-i-pin);mask-image:var(--gc-i-pin)}
@media (min-width:1001px){
body.wfacp_main_wrapper.gc-colonne #wfacp-sec-wrapper #payment .gc-payer2{display:block}
}
/* 16 d. Libelle du bouton principal sur deux lignes (carte « Ta commande » etroite, « par virement ») : les lignes ne se chevauchent plus.
   important necessaire : une feuille du site ecrit « line-height:0.7em !important » sur tous les boutons de la page de commande.
   Sur une ligne, rien ne change (le libelle est centre dans le bouton). */
body.wfacp_main_wrapper #wfacp-sec-wrapper #payment #place_order,body.wfacp_main_wrapper #wfacp-sec-wrapper #payment button.gc-relais-btn{line-height:1.12!important}

/* ------------------------------------------------------------------ 17. Contre-recette du 12/10 (0.1.12) */
/* 17 a (N1). Apres un Locker touche puis « Je choisis un autre Point Relais » (ou la croix), Mondial Relay vide le point mais
   remontre « Payer » (son widget rappelle sa fonction « point choisi » avec un point vide). Le script pose alors gc-relais-attente
   sur la page tant que Mondial Relay demande un point (champ mrwp_parcel_shop_mandatory = Yes) et que le champ du point est vide :
   « Payer » s'efface, notre bouton « Choisis ton point relais » prend sa place. Meme regle que la verification de Mondial Relay
   au paiement (« Merci de choisir un Point Relais® »). important necessaire : la regle d'habillage du bouton (section 13) dit display:flex. */
body.wfacp_main_wrapper.gc-relais-attente #wfacp-sec-wrapper #payment #place_order{display:none!important}
/* 17 b (N2). Sur iPhone, « Je choisis un autre Point Relais® » demandait deux touchers : au premier, seul l'etat de survol du
   widget s'appliquait (fond rouge, transition de 0,3 s). Sur un ecran sans survol, les boutons et liens du widget gardent leur
   allure au survol et n'ont plus de transition. important necessaire : la feuille du widget (widget.mondialrelay.com) en porte. */
@media (hover:none){
body.wfacp_main_wrapper .modaal-wrapper .MR-Widget .MRW-LockerModal .btn,body.wfacp_main_wrapper .modaal-wrapper .MR-Widget .MRW-LockerModal .close-pop,body.wfacp_main_wrapper .modaal-wrapper .MR-Widget .MRW-LockerModal .close-pop::before,body.wfacp_main_wrapper .modaal-wrapper .MR-Widget .MRW-LockerModal .close-pop::after,body.wfacp_main_wrapper .modaal-wrapper .MR-Widget .MRW-ButtonContainer button,body.wfacp_main_wrapper .modaal-wrapper .MR-Widget .PR-List-Item,body.wfacp_main_wrapper .modaal-wrapper .MR-Widget .PR-City,body.wfacp_main_wrapper .modaal-wrapper #delivery_point_chosen{-webkit-transition:none!important;transition:none!important}
body.wfacp_main_wrapper .modaal-wrapper .MR-Widget .MRW-LockerModal .btn.pink-border:hover{color:#ca0047!important;border-color:#ca0047!important;background-color:transparent!important}
body.wfacp_main_wrapper .modaal-wrapper .MR-Widget .MRW-LockerModal .close-pop:hover::before,body.wfacp_main_wrapper .modaal-wrapper .MR-Widget .MRW-LockerModal .close-pop:hover::after{background:#ca0047!important}
body.wfacp_main_wrapper .modaal-wrapper .MR-Widget .PR-City:hover{background:transparent!important;font-weight:inherit!important}
body.wfacp_main_wrapper .modaal-wrapper .MR-Widget .PR-List-Item:not(.PR-Selected):hover{border-color:#363634!important}
body.wfacp_main_wrapper .modaal-wrapper .MR-Widget .PR-List-Item.PR-Disabled:hover{opacity:.5!important}
body.wfacp_main_wrapper .modaal-wrapper #delivery_point_chosen:hover{background:var(--gc-y)}
}
/* 17 c (N3). La case « Creer mon compte… » (visiteur non connecte) vient du gabarit de FunnelKit (template-common/account.php) :
   sa case n'a pas la classe wfacp-form-control, donc la regle des autres cases (section 6) ne s'appliquait pas ; FunnelKit la pose
   en position absolue a gauche (« body .wfacp_main_form.woocommerce input[type=checkbox] ») et notre libelle n'a plus de retrait :
   la case couvrait la premiere lettre. Ici elle prend la meme allure et la meme place que « Recevoir nos offres ». Rien n'est coche
   ni decoche : l'etat de la case ne change pas. important necessaire : FunnelKit dessine sa propre coche et sa propre position. */
body.wfacp_main_wrapper .woocommerce-account-fields label.checkbox input#createaccount{-webkit-appearance:none;appearance:none;position:static!important;left:auto!important;top:auto!important;float:none!important;flex:none;width:20px;height:20px;min-height:0;margin:0!important;padding:0;border:1.5px solid #8a8a86!important;border-radius:5px;background:#111 center/12px no-repeat!important;box-shadow:none;cursor:pointer;transition:background-color .2s var(--gc-ease),border-color .2s var(--gc-ease)}
body.wfacp_main_wrapper .woocommerce-account-fields label.checkbox input#createaccount:checked{border-color:var(--gc-y)!important;background-color:var(--gc-y)!important;background-image:var(--gc-coche-n)!important}
body.wfacp_main_wrapper .woocommerce-account-fields label.checkbox input#createaccount::before,body.wfacp_main_wrapper .woocommerce-account-fields label.checkbox input#createaccount::after{content:none!important;display:none!important}
body.wfacp_main_wrapper .woocommerce-account-fields label.checkbox input#createaccount:focus-visible{outline:2px solid #fff;outline-offset:2px}
body.wfacp_main_wrapper .woocommerce-account-fields label.checkbox{position:static!important;display:flex!important;align-items:flex-start;gap:10px;padding-left:0!important}
body.wfacp_main_wrapper .woocommerce-account-fields label.checkbox>span{margin-top:0!important}
@media (min-width:1001px){
body.wfacp_main_wrapper .woocommerce-account-fields label.checkbox input#createaccount{width:18px;height:18px}
}

/* moins de mouvement pour qui le demande */
@media (prefers-reduced-motion:reduce){
body.wfacp_main_wrapper *,body.wfacp_main_wrapper *::before,body.wfacp_main_wrapper *::after{animation-duration:.01ms!important;transition-duration:.01ms!important} /* important necessaire : doit passer devant toutes les transitions de la page */
}

/* ------------------------------------------------------------------ 18. 0.1.13 (verification du 12/10/2026 au soir)
   18 a. Case « Creer mon compte » (visiteur non connecte) : le theme (goldenpixel/assets/css/checkout.css) la pose en absolu,
   34 px au-dessus du bloc, pour l'ancienne page ; avec les cartes de cette extension elle recouvrait le titre « 1. Ton adresse mail »
   et la ligne « Deja client ? » sur ordinateur (1024 px et plus). Elle reprend sa place, sous le mail, a toutes les largeurs. */
body.wfacp_main_wrapper #wfacp-sec-wrapper div.wfacp-section.step_0 .woocommerce-account-fields{position:static!important;top:auto!important;left:auto!important} /* important necessaire : passer devant la regle du theme */
/* 18 a bis. Ordinateur : le mail et la case des offres ne ferment plus la carte quand la case « Creer mon compte » est presente
   (c'est elle, derniere tranche, qui ferme la carte), et la case prend toute la largeur de la carte. */
@media (min-width:1001px){
body.wfacp_main_wrapper #wfacp-sec-wrapper .gc-cartes .wfacp-comm-form-detail .wfacp-row:has(>.woocommerce-account-fields.gc-tr-b)>#billing_email_field.gc-tr,body.wfacp_main_wrapper #wfacp-sec-wrapper .gc-cartes .wfacp-comm-form-detail .wfacp-row:has(>.woocommerce-account-fields.gc-tr-b)>#newsletter_field.gc-tr{border-bottom:0;border-radius:0}
body.wfacp_main_wrapper #wfacp-sec-wrapper .gc-cartes .wfacp-comm-form-detail .wfacp-row>.woocommerce-account-fields.gc-tr{flex:0 0 100%!important;width:100%!important;max-width:100%!important} /* important necessaire : largeurs de FunnelKit en important */
}
/* 18 b. La meme case alignee sur « Recevoir nos offres » : le paragraphe de WooCommerce (p.create-account) ajoutait 7 px a gauche */
body.wfacp_main_wrapper .woocommerce-account-fields p.create-account{margin-left:0!important;padding-left:0!important;padding-right:0!important} /* important necessaire : regles de FunnelKit en important sur les form-row */
body.wfacp_main_wrapper .woocommerce-account-fields label.checkbox{justify-content:flex-start!important;text-align:left!important}
body.wfacp_main_wrapper .woocommerce-account-fields label.checkbox>span{margin-left:0!important;margin-right:0!important;text-align:left!important} /* important necessaire : une regle centre ce texte (marges automatiques) des que la case prend toute la largeur de la carte (ordinateur) */
/* 18 c. Barre « Ta commande » (telephone) : l'icone du panier porte un style en ligne de FunnelKit (absolu, a gauche) et recouvrait le « Ta ».
   Elle revient dans le flux, a gauche du libelle, 8 px d'ecart. */
body.wfacp_main_wrapper .wfacp_mb_mini_cart_wrap .wfacp_show_icon_wrap{gap:8px}
body.wfacp_main_wrapper .wfacp_mb_mini_cart_wrap .wfacp_show_icon_wrap>svg{position:static!important;top:auto!important;left:auto!important;margin:0!important;flex:0 0 16px;order:-1} /* important necessaire : style en ligne de FunnelKit */

/* ------------------------------------------------------------------ 19. 0.1.14 (recette iPhone du 13/10/2026)
   Bande noire vide (110 px) entre l'en-tete et la barre « Ta commande », sur telephone seulement. Cause : une regle du theme
   (goldenpixel/assets/css/checkout.css, bloc « CUSTOM 16-04-25 », max-width 1200px) : « body.iti-mobile div.wfacp_mb_mini_cart_wrap{margin-top:110px} ».
   La classe iti-mobile est posee sur le body par le champ telephone (intl-tel-input) quand le navigateur se dit telephone, et
   FunnelKit ne sert cette barre qu'aux telephones : d'ou une bande que l'ordinateur, meme en fenetre etroite, ne montre pas.
   Les 110 px faisaient la place de l'ancien en-tete fixe ; le notre est dans le flux. Plus specifique que la regle du theme, sans important. */
body.wfacp_main_wrapper.iti-mobile div.wfacp_mb_mini_cart_wrap{margin-top:0}