/* KGS — base commune à toutes les pages */
:root{
  color-scheme: light dark;
  /* ── thème clair (défaut) ── */
  --fond:#F7F5F0; --surface:#FFFFFF; --surface-2:#F1EDE5; --surface-3:#E9E4DA;
  --texte:#141F29; --texte-2:#5C6B78; --texte-3:#8A97A3;
  --trait:rgba(20,31,41,.13); --voile:rgba(20,31,41,.045);
  --anneau:#175E79;
  --k-1:#DE4F14; --k-2:#C98A06; --g-1:#0E8B41; --g-2:#1D9BB4; --s-1:#2A4FAC; --s-2:#453591;
  --ombre:0 1px 2px rgba(20,31,41,.05), 0 8px 24px rgba(20,31,41,.06);
  --photo:#FFFFFF;
  --ok-tx:#0B7238; --ok-bg:rgba(14,139,65,.13); --ok-bd:rgba(14,139,65,.45);
  --att-tx:#8A5E03; --att-bg:rgba(201,138,6,.15); --att-bd:rgba(201,138,6,.5);
  --f-titre:"Fredoka","Trebuchet MS",Verdana,sans-serif;
  --f-texte:"Outfit","Trebuchet MS",Verdana,sans-serif;
  --spectre:linear-gradient(90deg,var(--k-1),var(--k-2) 18%,var(--g-1) 40%,var(--g-2) 56%,var(--s-1) 78%,var(--s-2));
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --fond:#0A1017; --surface:#111C26; --surface-2:#18262F; --surface-3:#1E2F3A;
    --texte:#EAF1F6; --texte-2:#94A7B6; --texte-3:#6A7E8E;
    --trait:rgba(255,255,255,.09); --voile:rgba(255,255,255,.055);
    --anneau:#3FA9CC;
    --k-1:#EA5B1E; --k-2:#E0A409; --g-1:#17A04A; --g-2:#40C4D9; --s-1:#3D67CE; --s-2:#5B49BC;
    --ombre:0 1px 2px rgba(0,0,0,.3), 0 10px 30px rgba(0,0,0,.35);
    --photo:#F4F2ED;
    --ok-tx:#6EDB9B; --ok-bg:rgba(23,160,74,.18); --ok-bd:rgba(23,160,74,.5);
    --att-tx:#EFC36A; --att-bg:rgba(224,164,9,.15); --att-bd:rgba(224,164,9,.45);
  }
}
:root[data-theme="dark"]{
  --fond:#0A1017; --surface:#111C26; --surface-2:#18262F; --surface-3:#1E2F3A;
  --texte:#EAF1F6; --texte-2:#94A7B6; --texte-3:#6A7E8E;
  --trait:rgba(255,255,255,.09); --voile:rgba(255,255,255,.055);
  --anneau:#3FA9CC;
  --k-1:#EA5B1E; --k-2:#E0A409; --g-1:#17A04A; --g-2:#40C4D9; --s-1:#3D67CE; --s-2:#5B49BC;
  --ombre:0 1px 2px rgba(0,0,0,.3), 0 10px 30px rgba(0,0,0,.35);
  --photo:#F4F2ED;
  --ok-tx:#6EDB9B; --ok-bg:rgba(23,160,74,.18); --ok-bd:rgba(23,160,74,.5);
  --att-tx:#EFC36A; --att-bg:rgba(224,164,9,.15); --att-bd:rgba(224,164,9,.45);
}

*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--fond);color:var(--texte);font-family:var(--f-texte);
  font-size:16px;line-height:1.55;font-weight:300;-webkit-font-smoothing:antialiased;
  transition:background-color .25s, color .25s}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
input,textarea,select{font:inherit}
:focus-visible{outline:3px solid var(--g-2);outline-offset:3px;border-radius:10px}
.hors-ecran{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.page{max-width:1200px;margin:0 auto;padding-inline:22px;padding-block:0 56px}

/* bascule de thème */
.bascule{margin-left:auto;display:inline-flex;align-items:center;gap:6px;
 border:1px solid var(--trait);border-radius:99px;padding:3px}
.bascule button{display:grid;place-items:center;width:30px;height:26px;border-radius:99px;
 color:var(--texte-3);transition:background-color .2s,color .2s}
.bascule button[aria-pressed="true"]{background:var(--voile);color:var(--texte)}
.bascule button:hover{color:var(--texte)}

.fil{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:20px 0 0;
  font-size:13.5px;color:var(--texte-3);font-family:var(--f-titre)}
.fil .sep{color:var(--anneau)}
.fil b{color:var(--texte-2);font-weight:500}

h1,h2,h3{font-family:var(--f-titre);font-weight:600;margin:0;text-wrap:balance}
.t1{font-size:clamp(28px,4.2vw,42px);line-height:1.12}
.t2{font-size:clamp(21px,2.8vw,27px);line-height:1.2}
.t3{font-size:17px;font-weight:500}
.chapo{color:var(--texte-2);font-size:16.5px;max-width:62ch;margin:12px 0 0}

.bouton{display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-family:var(--f-titre);font-weight:600;font-size:15px;
  padding:13px 26px;border-radius:99px;color:#fff;
  background:linear-gradient(120deg,var(--g-2),var(--s-1));
  transition:transform .25s,filter .25s}
.bouton:hover{transform:translateY(-2px);filter:brightness(1.07)}
.bouton--chaud{background:linear-gradient(120deg,var(--k-1),var(--k-2))}
.bouton--vide{background:none;border:1px solid var(--trait);color:var(--texte)}
.bouton--vide:hover{border-color:var(--g-2);color:var(--g-2);filter:none}

.bloc{background:var(--surface);border:1px solid var(--trait);border-radius:26px;
  padding:clamp(22px,3vw,32px);box-shadow:var(--ombre)}
.etiquette{font-family:var(--f-titre);font-weight:500;font-size:12.5px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--anneau);margin:0 0 10px}
.barre-spectre{height:5px;border-radius:99px;background:var(--spectre);margin-top:30px}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* ── Accessibilité ── */
.evitement{position:absolute;left:12px;top:-60px;z-index:100;background:var(--surface);color:var(--texte);
 padding:10px 16px;border-radius:12px;border:1px solid var(--trait);font-family:var(--f-titre)}
.evitement:focus{top:12px}
.bascule button.auto{font-family:var(--f-titre);font-size:11px;width:auto;padding:0 9px}

/* ── Navigation ── */
.nav{display:flex;align-items:center;gap:14px 18px;flex-wrap:wrap;
  padding-block:calc(18px + env(safe-area-inset-top,0px)) 16px;border-bottom:1px solid var(--trait)}
.marque-nav{display:flex;align-items:center;gap:9px;flex:none}
.marque-nav img{width:96px}
.marque-nav .pole{font-family:var(--f-titre);font-weight:500;font-size:15px;letter-spacing:.02em}
.liens{display:flex;gap:4px;flex-wrap:wrap}
.liens a{font-family:var(--f-titre);font-weight:500;font-size:14px;white-space:nowrap;
  padding:8px 14px;border-radius:99px;color:var(--texte-2);transition:all .2s}
.liens a:hover{color:var(--texte);background:var(--voile)}
.liens a[aria-current]{background:var(--surface-3);color:var(--texte)}
.outils{margin-left:auto;display:flex;align-items:center;gap:8px}
.tel,.panier{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-titre);font-weight:500;
  font-size:14px;border:1px solid var(--trait);border-radius:99px;padding:8px 15px;white-space:nowrap}
.tel:hover,.panier:hover{border-color:var(--g-2);color:var(--g-2)}
.panier{padding:7px 12px;gap:6px}
.panier .nb{font-size:12px;min-width:18px;height:18px;border-radius:99px;display:grid;place-items:center;
  background:linear-gradient(120deg,var(--k-1),var(--k-2));color:#fff;padding:0 5px}
.panier.vide .nb{display:none}
.moncompte{display:inline-grid;place-items:center;width:38px;height:38px;border:1px solid var(--trait);border-radius:99px}
.moncompte:hover{border-color:var(--g-2);color:var(--g-2)}
.moncompte.connecte{color:var(--g-2)}
.panier .nb.bump{animation:kgs-bump .5s ease}
@keyframes kgs-bump{0%{transform:scale(1)}40%{transform:scale(1.35)}100%{transform:scale(1)}}
.toast-panier{position:fixed;left:50%;bottom:calc(22px + env(safe-area-inset-bottom,0px));transform:translate(-50%,20px);z-index:95;
 display:flex;align-items:center;gap:14px;max-width:calc(100vw - 32px);padding:12px 14px 12px 18px;border-radius:18px;
 background:var(--surface);color:var(--texte);border:1px solid var(--trait);box-shadow:var(--ombre);font-size:14.5px;
 opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}
.toast-panier.visible{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.toast-panier a{font-family:var(--f-titre);font-weight:600;white-space:nowrap;padding:8px 14px;border-radius:99px;color:#fff;
 background:linear-gradient(120deg,var(--k-1),var(--k-2))}
@media (prefers-reduced-motion:reduce){.panier .nb.bump{animation:none}}
@media (max-width:900px){
  .liens{order:3;width:100%;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;
    margin-inline:-22px;padding-inline:22px;scroll-padding-inline:22px}
  .liens::-webkit-scrollbar{display:none}
}
@media (max-width:560px){
  .marque-nav img{width:80px}
  .tel span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .tel{padding:9px}
  .outils{gap:6px}
}

/* ── Pied de page ── */
.pied-site{padding-top:20px;display:flex;flex-wrap:wrap;gap:14px 28px;justify-content:space-between;
  font-size:13.5px;color:var(--texte-3);line-height:1.6}
.pied-site b{color:var(--texte-2);font-family:var(--f-titre);font-weight:500}
.pied-site nav{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:flex-start}
.pied-site a{border-bottom:1px solid var(--trait)}
.pied-site a:hover{color:var(--g-2);border-color:var(--g-2)}

/* ── Messages ── */
.avis{border-radius:16px;padding:12px 16px;font-size:14.5px;margin:0 0 14px}
.avis--ok{background:var(--ok-bg);border:1px solid var(--ok-bd);color:var(--ok-tx)}
.avis--att{background:var(--att-bg);border:1px solid var(--att-bd);color:var(--att-tx)}
.woocommerce-notices-wrapper:empty{display:none}
.woocommerce-message,.woocommerce-info,.woocommerce-error{list-style:none;margin:18px 0 0;border-radius:16px;
  padding:12px 16px;font-size:14.5px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;
  background:var(--ok-bg);border:1px solid var(--ok-bd);color:var(--ok-tx)}
.woocommerce-error{background:var(--att-bg);border-color:var(--att-bd);color:var(--att-tx)}
.woocommerce-message .button,.woocommerce-info .button{order:2;margin-left:auto;font-family:var(--f-titre);
  font-weight:500;border-bottom:1px solid currentColor}

/* ── Pages génériques (panier, commande, mentions) ── */
.contenu-page{padding-block:clamp(24px,3.5vw,42px) 0}
.contenu-page .t1{margin-bottom:18px}
.texte{max-width:72ch;font-size:16px}
.texte h2{font-size:22px;margin:30px 0 10px}.texte h3{font-size:18px;margin:24px 0 8px}
.texte a{color:var(--g-2);border-bottom:1px solid currentColor}
.wp-block-woocommerce-cart,.wp-block-woocommerce-checkout{font-family:var(--f-texte)}
.wc-block-components-button:not(.is-link){border-radius:99px!important;font-family:var(--f-titre)!important;
  background:linear-gradient(120deg,var(--k-1),var(--k-2))!important;color:#fff!important;border:0!important}
.wc-block-components-text-input input,.wc-block-components-select select,.wc-blocks-components-select__select,
.wc-block-components-textarea{background:var(--surface)!important;color:var(--texte)!important;border-radius:12px!important}
.wc-block-components-text-input label,.wc-blocks-components-select__label{color:var(--texte-3)!important}

/* ── Carte produit compacte ── */
.mini{background:var(--surface);border:1px solid var(--trait);border-radius:22px;overflow:hidden;
 box-shadow:var(--ombre);transition:transform .3s,border-color .3s;display:flex;flex-direction:column}
.mini:hover{transform:translateY(-4px);border-color:var(--texte-3)}
.mini .vis{background:var(--photo);aspect-ratio:4/3;display:grid;place-items:center;padding:10px;
 border-bottom:1px solid var(--trait)}
.mini .vis img{max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain;mix-blend-mode:multiply}
.mini .txt{padding:12px 14px 14px}
.mini h3{font-size:14px;font-weight:500;line-height:1.3}
.mini .px{margin:6px 0 0;font-family:var(--f-titre);font-weight:600;font-size:16px}
.mini .px small{font-weight:400;font-size:11.5px;color:var(--texte-3);margin-left:5px}
.texte.large{max-width:none}
/* v1.0.1 — images de carte toujours contenues dans leur cadre */
.mini .vis{position:relative}
.mini .vis img{position:absolute;inset:10px;width:calc(100% - 20px);height:calc(100% - 20px);max-height:none;max-width:none;object-fit:contain}
/* v1.0.1 — mobile : cartes compactes sur 2 colonnes */
@media(max-width:560px){.assoc-grille,.vedettes{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mini h3{font-size:13px}}
/* v1.0.3 — WhatsApp flottant et réseaux */
.whatsapp{position:fixed;right:calc(18px + env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:90;
 display:inline-flex;align-items:center;gap:9px;height:54px;padding:0 20px 0 15px;border-radius:99px;
 background:#1FA855;color:#fff;font-family:var(--f-titre);font-weight:600;font-size:15px;
 box-shadow:0 8px 24px rgba(0,0,0,.22);transition:transform .25s,filter .25s}
.whatsapp:hover{transform:translateY(-2px);filter:brightness(1.06)}
.whatsapp:focus-visible{outline:3px solid var(--texte);outline-offset:3px}
@media(max-width:560px){.whatsapp{width:54px;padding:0;justify-content:center}.whatsapp-txt{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}
@media print{.whatsapp{display:none}}
.pied-site{padding-bottom:84px}
.pied-site .reseau{display:inline-flex;align-items:center;gap:6px}
/* ── v1.0.5 — Mon compte (WooCommerce sans sa feuille de style) ── */
.woocommerce-account .texte{max-width:none;font-size:15.5px}
.woocommerce-account .texte a{border-bottom:0}
.woocommerce-account .woocommerce{display:grid;grid-template-columns:230px minmax(0,1fr);gap:26px;align-items:start}
.woocommerce-account .woocommerce>.woocommerce-notices-wrapper{grid-column:1/-1}
.woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:8px;display:grid;gap:2px;background:var(--surface);
 border:1px solid var(--trait);border-radius:22px;box-shadow:var(--ombre)}
.woocommerce-MyAccount-navigation a{display:block;padding:10px 14px;border-radius:14px;font-family:var(--f-titre);font-weight:500;
 font-size:14.5px;color:var(--texte-2)}
.woocommerce-MyAccount-navigation a:hover{background:var(--voile);color:var(--texte)}
.woocommerce-MyAccount-navigation .is-active a{background:var(--surface-3);color:var(--texte)}
.woocommerce-MyAccount-navigation-link--customer-logout a{color:var(--texte-3)}
.woocommerce-MyAccount-content{background:var(--surface);border:1px solid var(--trait);border-radius:26px;padding:clamp(20px,3vw,30px);box-shadow:var(--ombre);min-width:0}
.woocommerce-MyAccount-content>p:first-child{margin-top:0}
.woocommerce-MyAccount-content a:not(.bouton):not(.button){color:var(--g-2)}
@media(max-width:820px){
 .woocommerce-account .woocommerce{grid-template-columns:minmax(0,1fr);gap:14px}
 .woocommerce-MyAccount-navigation ul{display:flex;overflow-x:auto;scrollbar-width:none;border-radius:99px;padding:5px}
 .woocommerce-MyAccount-navigation ul::-webkit-scrollbar{display:none}
 .woocommerce-MyAccount-navigation a{white-space:nowrap;border-radius:99px;padding:8px 14px;font-size:14px}
}
/* résumé du tableau de bord */
.resume-compte{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:18px}
.resume-compte a{display:flex;flex-direction:column;gap:2px;padding:16px 18px;border-radius:18px;background:var(--voile);border:1px solid var(--trait);color:var(--texte)!important}
.resume-compte b{font-family:var(--f-titre);font-weight:600;font-size:26px}
.resume-compte span{font-size:13.5px;color:var(--texte-2)}
.resume-compte a.alerte{background:var(--ok-bg);border-color:var(--ok-bd)}
.resume-compte a.alerte span{color:var(--ok-tx)}
/* formulaires WooCommerce (connexion, inscription, adresses, compte) */
.woocommerce form .form-row,.woocommerce-form-row{display:flex;flex-direction:column;gap:6px;margin:0 0 14px}
.woocommerce form label{font-size:13px;color:var(--texte-3);font-family:var(--f-titre)}
.woocommerce form .required{color:var(--k-1);border:0;text-decoration:none}
.woocommerce .input-text,.woocommerce form select,.woocommerce form textarea{width:100%;background:var(--voile);border:1px solid var(--trait);
 border-radius:14px;padding:11px 14px;color:var(--texte);font-size:15px}
.woocommerce .input-text:focus,.woocommerce form select:focus{outline:2px solid var(--g-2);outline-offset:1px}
.woocommerce .button,.woocommerce button.button,.woocommerce-Button{display:inline-flex;align-items:center;justify-content:center;gap:8px;
 font-family:var(--f-titre);font-weight:600;font-size:14.5px;padding:11px 22px;border-radius:99px;border:0;cursor:pointer;color:#fff!important;
 background:linear-gradient(120deg,var(--g-2),var(--s-1));transition:filter .2s,transform .2s}
.woocommerce .button:hover{filter:brightness(1.07);transform:translateY(-1px)}
.woocommerce-form__label-for-checkbox{display:inline-flex!important;flex-direction:row!important;align-items:center;gap:8px;color:var(--texte-2)!important}
.woocommerce-form-login__rememberme{margin:0 0 12px}
.woocommerce-LostPassword a,.lost_password a{color:var(--g-2);font-size:14px}
.woocommerce-privacy-policy-text{font-size:12.5px;color:var(--texte-3)}
.woocommerce-password-strength{font-size:12.5px;margin-top:6px;padding:6px 10px;border-radius:10px;background:var(--voile)}
.woocommerce-password-hint{font-size:12.5px;color:var(--texte-3)}
.show-password-input{display:none}
.woocommerce fieldset{border:1px solid var(--trait);border-radius:18px;padding:16px 18px;margin:18px 0}
.woocommerce fieldset legend{font-family:var(--f-titre);font-weight:500;padding:0 6px}
.woocommerce-account #customer_login{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.woocommerce-account #customer_login>div{background:var(--surface);border:1px solid var(--trait);border-radius:26px;padding:clamp(20px,3vw,30px);box-shadow:var(--ombre)}
.woocommerce-account #customer_login h2{font-size:22px;margin-bottom:14px}
.woocommerce-account:not(.logged-in) .woocommerce{display:block}
@media(max-width:820px){.woocommerce-account #customer_login{grid-template-columns:minmax(0,1fr)}}
/* tableaux (commandes) */
.woocommerce table.shop_table{width:100%;border-collapse:collapse;font-size:14.5px}
.woocommerce table.shop_table th{text-align:left;font-family:var(--f-titre);font-weight:500;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;
 color:var(--texte-3);padding:10px 8px;border-bottom:1px solid var(--trait)}
.woocommerce table.shop_table td{padding:12px 8px;border-bottom:1px solid var(--trait);vertical-align:middle}
.woocommerce table.shop_table .button{padding:7px 14px;font-size:13px}
@media(max-width:640px){
 .woocommerce table.shop_table_responsive thead{display:none}
 .woocommerce table.shop_table_responsive tr{display:block;padding:10px 0;border-bottom:1px solid var(--trait)}
 .woocommerce table.shop_table_responsive td{display:flex;justify-content:space-between;gap:12px;border:0;padding:5px 0}
 .woocommerce table.shop_table_responsive td::before{content:attr(data-title);color:var(--texte-3);font-size:13px}
}
.woocommerce-Addresses{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:14px}
.woocommerce-Address{padding:16px 18px;border-radius:18px;background:var(--voile);border:1px solid var(--trait)}
.woocommerce-Address-title{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.woocommerce-Address-title h2{font-size:17px}
.woocommerce-Address address{font-style:normal;color:var(--texte-2);margin-top:8px}
/* Mes demandes */
.liste-demandes{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.liste-demandes a{display:grid;gap:4px;padding:14px 16px;border-radius:18px;border:1px solid var(--trait);background:var(--voile);color:var(--texte)!important;transition:border-color .2s}
.liste-demandes a:hover{border-color:var(--g-2)}
.liste-demandes .ligne1,.entete-demande{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.liste-demandes .type,.entete-demande .type{font-family:var(--f-titre);font-weight:500;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--anneau)}
.liste-demandes .sujet{font-family:var(--f-titre);font-weight:500;font-size:16px}
.liste-demandes .extrait{font-size:14px;color:var(--texte-2)}
.liste-demandes .date,.date-demande{font-size:12.5px;color:var(--texte-3)}
.statut{font-family:var(--f-titre);font-weight:500;font-size:11.5px;padding:3px 10px;border-radius:99px;background:var(--voile);border:1px solid var(--trait);color:var(--texte-2)}
.statut--repondue{background:var(--ok-bg);border-color:var(--ok-bd);color:var(--ok-tx)}
.statut--en_cours{background:var(--att-bg);border-color:var(--att-bd);color:var(--att-tx)}
.statut--cloturee{opacity:.7}
.retour-liste{margin:0 0 14px}
.kgs-demande h2{margin:8px 0 2px}
.fil-messages{list-style:none;margin:18px 0;padding:0;display:grid;gap:12px}
.msg{display:grid;gap:4px;max-width:min(560px,88%)}
.msg--kgs{justify-self:start}
.msg--client{justify-self:end;text-align:right}
.msg .auteur{font-family:var(--f-titre);font-weight:500;font-size:12.5px;color:var(--texte-3)}
.msg .bulle{padding:12px 16px;border-radius:18px;text-align:left;font-size:15px}
.msg .bulle p{margin:0 0 6px}.msg .bulle p:last-child{margin:0}
.msg--kgs .bulle{background:var(--surface-3);border-top-left-radius:6px}
.msg--client .bulle{background:color-mix(in srgb,var(--g-2) 16%,var(--surface));border-top-right-radius:6px}
.msg .quand{font-size:11.5px;color:var(--texte-3)}
.repondre{display:grid;gap:12px;margin-top:6px}
.repondre .champ{display:flex;flex-direction:column;gap:6px}
.repondre label{font-size:12.5px;color:var(--texte-3);font-family:var(--f-titre)}
.repondre textarea{background:var(--voile);border:1px solid var(--trait);border-radius:14px;padding:11px 14px;color:var(--texte);font-size:15px;min-height:110px;resize:vertical;width:100%}
.repondre .bouton{justify-self:start}
.vide-compte p{margin:0 0 10px}
.aide-compte{margin:16px 0 0;font-size:14px;color:var(--texte-2)}
.avis a{color:inherit;font-weight:500;text-decoration:underline}
/* v1.0.7 — en-tête mobile sur une ligne */
@media (max-width:560px){
 .nav{gap:12px 10px}
 .outils{gap:5px}
 .tel,.moncompte{width:36px;height:36px;padding:0;justify-content:center}
 .panier{height:36px;padding:0 10px}
 .bascule button.auto{display:none}
 .bascule button{width:28px}
}
@media (max-width:360px){.marque-nav img{width:64px}}
/* v1.0.9 — devis (compte client et lien e-mail) */
.carte-devis{margin:18px 0;padding:18px 20px;border-radius:20px;border:1px solid color-mix(in srgb,var(--k-1) 40%,var(--trait));
 background:color-mix(in srgb,var(--k-1) 6%,var(--surface))}
.cd-tete{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.cd-montant{margin:10px 0 6px;font-family:var(--f-titre);font-weight:700;font-size:32px}
.cd-montant small{font-size:14px;font-weight:400;color:var(--texte-3)}
.cd-detail{font-size:15px;color:var(--texte-2)}.cd-detail p{margin:0 0 6px}
.cd-infos{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:4px;font-size:14px;color:var(--texte-2)}
.cd-infos b{color:var(--texte-3);font-weight:400;margin-right:6px}
.cd-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.cd-note{margin:10px 0 0;font-size:13px;color:var(--texte-3)}
.statut--devis{background:var(--att-bg);border-color:var(--att-bd);color:var(--att-tx)}
.statut--accepte,.statut--production{background:color-mix(in srgb,var(--s-2) 14%,var(--surface));border-color:color-mix(in srgb,var(--s-2) 40%,transparent);color:var(--s-2)}
.statut--pret{background:var(--ok-bg);border-color:var(--ok-bd);color:var(--ok-tx)}
.statut--refuse{opacity:.7}
.panneau-devis{margin-top:clamp(20px,3vw,34px);max-width:720px}
/* v1.0.9 — Espace atelier */
.atelier{display:grid;gap:26px}
.at-kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.at-kpi>*{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:14px 16px;border-radius:18px;background:var(--surface);
 border:1px solid var(--trait);box-shadow:var(--ombre);color:var(--texte)!important;text-align:left;cursor:pointer}
.at-kpi b{font-family:var(--f-titre);font-weight:600;font-size:28px}
.at-kpi span{font-size:13px;color:var(--texte-2)}
.at-kpi .k--rouge b{color:#d63638}.at-kpi .k--violet b{color:var(--s-2)}.at-kpi .k--vert b{color:var(--g-1)}
.at-bloc{background:var(--surface);border:1px solid var(--trait);border-radius:24px;padding:clamp(16px,2.6vw,26px);box-shadow:var(--ombre);min-width:0}
.at-tete{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.at-recherche{flex:0 1 320px;display:flex;align-items:center;gap:8px;background:var(--voile);border:1px solid var(--trait);border-radius:99px;padding:8px 14px;color:var(--texte-3)}
.at-recherche input{flex:1;min-width:0;background:none;border:0;color:var(--texte);font-size:14.5px}
.at-recherche input:focus{outline:none}
.at-filtres{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px;margin-bottom:10px}
.at-filtres::-webkit-scrollbar{display:none}
.at-filtres button{flex:none;font-family:var(--f-titre);font-weight:500;font-size:13px;padding:6px 12px;border-radius:99px;border:1px solid var(--trait);color:var(--texte-2)}
.at-filtres button small{opacity:.6;margin-left:2px}
.at-filtres button[aria-pressed="true"]{border-color:var(--g-2);color:var(--g-2);background:color-mix(in srgb,var(--g-2) 12%,transparent)}
.at-liste{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.at-item{padding:12px 14px;border-radius:16px;border:1px solid var(--trait);background:var(--voile);display:grid;gap:5px}
.at-item[hidden]{display:none}
.at-l1{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.at-l1 .type{font-family:var(--f-titre);font-weight:500;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--anneau)}
.at-sujet{font-family:var(--f-titre);font-weight:500;font-size:15.5px}
.at-montant{margin-left:auto;font-family:var(--f-titre);font-weight:600}
.at-l2{font-size:13.5px;color:var(--texte-2)}.at-l2 a{color:var(--texte-2)}
.at-extrait{margin:0;font-size:13.5px;color:var(--texte-3)}
.at-l3{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:4px}
.at-statut{font-family:var(--f-titre);font-weight:500;font-size:13px;padding:6px 10px;border-radius:99px;border:1px solid var(--c,var(--trait));
 color:var(--c,var(--texte));background:var(--surface)}
.at-date{font-size:12px;color:var(--texte-3);margin-right:auto}
.at-btn{display:inline-flex;align-items:center;font-family:var(--f-titre);font-weight:500;font-size:13px;padding:6px 12px;border-radius:99px;
 border:1px solid var(--trait);color:var(--texte)!important;white-space:nowrap}
.at-btn:hover{border-color:var(--g-2)}
.at-btn--plein{background:linear-gradient(120deg,var(--g-2),var(--s-1));border:0;color:#fff!important}
.at-table{width:100%;border-collapse:collapse;font-size:14px}
.at-table th{text-align:left;font-family:var(--f-titre);font-weight:500;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--texte-3);padding:8px 6px;border-bottom:1px solid var(--trait)}
.at-table td{padding:10px 6px;border-bottom:1px solid var(--trait)}
.at-table a{color:var(--g-2)}
@media(max-width:640px){.at-table thead{display:none}.at-table tr{display:grid;grid-template-columns:1fr 1fr;gap:2px 10px;padding:10px 0;border-bottom:1px solid var(--trait)}.at-table td{border:0;padding:2px 0}}
/* v1.1.0 — bouton d'appel selon les horaires */
a.appel-ferme{opacity:.55}
.tel.appel-ferme{position:relative}
.tel.appel-ferme::after{content:"";position:absolute;right:4px;top:4px;width:8px;height:8px;border-radius:50%;background:#d63638;border:2px solid var(--fond)}
.bulle-appel{position:fixed;z-index:96;left:50%;top:calc(76px + env(safe-area-inset-top,0px));transform:translate(-50%,-8px);width:min(420px,calc(100vw - 32px));
 padding:18px 20px;border-radius:20px;background:var(--surface);color:var(--texte);border:1px solid var(--trait);box-shadow:var(--ombre);
 opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.bulle-appel.visible{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.bulle-appel b{font-family:var(--f-titre);font-weight:600;font-size:16px;display:block;padding-right:24px}
.bulle-appel p{margin:6px 0 14px;font-size:14px;color:var(--texte-2)}
.ba-actions{display:flex;gap:8px;flex-wrap:wrap}
.ba-actions a{font-family:var(--f-titre);font-weight:600;font-size:14px;padding:9px 16px;border-radius:99px;border:1px solid var(--trait)}
.ba-actions .ba-wa{background:#1FA855;border-color:#1FA855;color:#fff}
.ba-fermer{position:absolute;top:10px;right:12px;width:28px;height:28px;border-radius:99px;font-size:20px;line-height:1;color:var(--texte-3)}
/* Espace atelier — appels */
.etat-appel{font-family:var(--f-titre);font-weight:500;font-size:13px;padding:5px 12px;border-radius:99px}
.etat-appel.on{background:var(--ok-bg);color:var(--ok-tx);border:1px solid var(--ok-bd)}
.etat-appel.off{background:var(--att-bg);color:var(--att-tx);border:1px solid var(--att-bd)}
.at-appels{padding:12px 16px;border-radius:18px}
.appels-barre{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.appels-ico{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--voile);color:var(--texte)}
.appels-titre{font-family:var(--f-titre);font-weight:600;font-size:15px}
.appels-ok{font-size:13px;color:var(--ok-tx)}
.appels-rapide{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 0 auto}
.at-dlg{border:1px solid var(--trait);border-radius:24px;background:var(--surface);color:var(--texte);padding:clamp(18px,3vw,28px);width:min(680px,calc(100vw - 32px));max-height:calc(100dvh - 32px);box-shadow:0 20px 60px rgba(0,0,0,.25)}
.at-dlg::backdrop{background:rgba(10,16,23,.55);backdrop-filter:blur(2px)}
.at-dlg-tete{display:flex;align-items:center;justify-content:space-between;gap:12px}
.at-dlg-tete .t2{margin:0}
.at-dlg-x{background:var(--voile);border:0;border-radius:50%;width:36px;height:36px;font-size:22px;line-height:1;color:var(--texte);cursor:pointer}
.at-dlg-pied{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.plages-perso[hidden]{display:none}
@media (max-width:640px){.appels-rapide{margin-left:0;width:100%}}
.appels-reglages{display:grid;gap:14px}
.modes-appel{border:0;padding:0;margin:0;display:grid;gap:8px}
.plages-perso{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}
.plages-perso label{display:grid;grid-template-columns:78px 1fr;align-items:center;gap:8px;font-size:14px}
.plages-perso input{background:var(--voile);border:1px solid var(--trait);border-radius:12px;padding:8px 10px;color:var(--texte);font-size:14px;min-width:0}
.plages-perso .aide-compte{grid-column:1/-1;margin:0}
.appels-reglages>.at-btn{justify-self:start}
.case{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--texte-2);cursor:pointer}
.case input{margin-top:3px;accent-color:var(--k-1)}
/* v1.2.0 — bandeau cookies, commande issue d'un devis */
.bandeau-cookies{position:fixed;left:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:96;max-width:440px;
 background:var(--surface);color:var(--texte);border:1px solid var(--trait);border-radius:20px;padding:16px 18px;
 box-shadow:0 18px 48px rgba(0,0,0,.18);display:grid;gap:12px;opacity:0;transform:translateY(12px);transition:.25s}
.bandeau-cookies.visible{opacity:1;transform:none}
.bandeau-cookies p{margin:0;font-size:13.5px;line-height:1.5;color:var(--texte-2)}
.bandeau-cookies p b{color:var(--texte)}
.bandeau-cookies a{color:var(--g-2);border-bottom:1px solid currentColor}
.bc-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.bc-actions .bouton{padding:10px 14px;font-size:14px}
@media(max-width:560px){.bandeau-cookies{left:10px;right:10px;max-width:none;bottom:calc(84px + env(safe-area-inset-bottom,0px))}}
.toast-info span{padding:4px 8px}
.at-commande{font-size:12.5px;font-family:var(--f-titre);background:var(--ok-bg);color:var(--ok-tx);border:1px solid var(--ok-bd);border-radius:99px;padding:2px 10px}
.at-commande a{color:inherit}
.kgs-onglets-client{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:16px;background:var(--voile);border:1px solid var(--trait);margin:4px 0 12px}
.kgs-onglets-client button{min-height:42px;border-radius:12px;border:0;background:none;font-family:var(--f-titre);font-weight:500;font-size:14.5px;color:var(--texte-2);cursor:pointer}
.kgs-onglets-client button[aria-selected="true"]{background:var(--surface);color:var(--texte);box-shadow:var(--ombre)}
.kgs-select-cache{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important}
/* v1.3.0 — fiche demande dans l'Espace atelier, accès depuis le compte */
.fa-grille{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:18px;align-items:start}
.fa-cote{display:grid;gap:18px}
@media(max-width:900px){.fa-grille{grid-template-columns:minmax(0,1fr)}}
.fa-num{margin-left:auto;font-family:var(--f-titre);font-size:12.5px;color:var(--texte-3)}
.fiche-atelier .date-demande{margin:0 0 12px;font-size:13px;color:var(--texte-3)}
.fa-details{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;margin:0 0 12px}
.fa-details div{background:var(--voile);border:1px solid var(--trait);border-radius:14px;padding:8px 12px}
.fa-details dt{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--texte-3);font-family:var(--f-titre)}
.fa-details dd{margin:2px 0 0;font-size:14.5px}
.fa-fichier{font-size:13.5px;color:var(--texte-2);margin:0 0 8px}
.fa-client{margin:0;font-size:15px;line-height:1.6}.fa-client a{color:var(--g-2)}
.fa-actions{display:flex;gap:8px;flex-wrap:wrap}
.fa-devis{display:grid;gap:12px}
.fa-devis .ligne2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.fa-devis .champ{display:flex;flex-direction:column;gap:6px;min-width:0}
.fa-devis label{font-size:12.5px;color:var(--texte-3);font-family:var(--f-titre)}
.fa-devis input,.fa-devis textarea{background:var(--voile);border:1px solid var(--trait);border-radius:14px;padding:10px 12px;color:var(--texte);font-size:15px;width:100%;min-width:0}
.fa-devis textarea{resize:vertical}
.fa-devis .bouton{padding:11px 18px;font-size:14px}
.fiche-atelier .at-statut{width:100%;font-size:14px;padding:9px 12px}
.carte-atelier{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 20px;padding:16px 20px;border-radius:20px;
 background:linear-gradient(120deg,color-mix(in srgb,var(--g-2) 14%,var(--surface)),color-mix(in srgb,var(--s-1) 12%,var(--surface)));border:1px solid var(--trait);color:var(--texte)!important}
.carte-atelier span{display:grid;gap:2px}.carte-atelier b{font-family:var(--f-titre);font-size:17px}
.carte-atelier small{font-size:13px;color:var(--texte-2)}
.carte-atelier em{font-style:normal;font-family:var(--f-titre);font-weight:600;font-size:13px;padding:5px 12px;border-radius:99px;background:#d63638;color:#fff;white-space:nowrap}
.carte-atelier em.ok{background:var(--ok-bg);color:var(--ok-tx);border:1px solid var(--ok-bd)}
.woocommerce-MyAccount-navigation-link--kgs-atelier a{font-weight:600}
.at-barre{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px}
.at-barre a{font-family:var(--f-titre);font-weight:500;font-size:13.5px;padding:7px 14px;border-radius:99px;border:1px solid var(--trait);background:var(--surface);color:var(--texte)!important}
.at-barre a.actif{background:var(--texte);color:var(--fond)!important;border-color:var(--texte)}
.at-barre a:last-child{margin-left:auto}
.eq-actions form{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;margin:0}
.eq-actions button{cursor:pointer;background:var(--surface)}
.eq-form{max-width:560px}
/* v1.4.0 — visuel du client sur les articles personnalisés */
.perso-visuel{display:grid;gap:10px;margin:0 0 14px;width:100%}
.depot{position:relative;display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:16px;border:1.5px dashed color-mix(in srgb,var(--g-2) 55%,var(--trait));
 background:color-mix(in srgb,var(--g-2) 6%,var(--surface));cursor:pointer}
.depot:hover{border-color:var(--g-2)}
.depot input{position:absolute;inset:0;opacity:0;cursor:pointer}
.depot-ico{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--g-1),var(--g-2))}
.depot-txt{display:grid;gap:2px}.depot-txt b{font-family:var(--f-titre);font-weight:600;font-size:15px}
.depot-txt small{font-size:12.5px;color:var(--texte-3)}
.depot:focus-within{outline:2px solid var(--g-2);outline-offset:2px}
.depot-nom{font-size:13.5px;font-family:var(--f-titre);color:var(--ok-tx)}.depot-nom.err{color:#d63638}
.champ-perso{display:grid;gap:6px;font-size:12.5px;color:var(--texte-3);font-family:var(--f-titre)}
.champ-perso small{font-weight:400}
.champ-perso textarea{background:var(--voile);border:1px solid var(--trait);border-radius:14px;padding:10px 12px;color:var(--texte);font-size:14.5px;font-family:inherit;resize:vertical;width:100%}
form.cart:has(.perso-visuel){flex-wrap:wrap}
.at-visuel{color:var(--texte-3)}.at-visuel a{color:var(--g-2)}.a-envoyer{color:var(--att-tx)}
/* v1.5.0 — fiche commande dans l'Espace atelier */
.fc-articles{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.fc-article{border:1px solid var(--trait);border-radius:18px;padding:12px 14px;display:grid;gap:10px}
.fc-ligne{display:flex;align-items:center;gap:12px}
.fc-img img{width:52px;height:52px;object-fit:contain;border-radius:10px;background:#fff;border:1px solid var(--trait)}
.fc-nom{flex:1;min-width:0}.fc-nom small{color:var(--texte-3)}
.fc-prix{font-family:var(--f-titre);font-weight:600;white-space:nowrap}
.fc-pre{margin:0;font-size:14px;color:var(--texte-2)}
.fc-visuel{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:10px;border-radius:14px;background:var(--voile)}
.fc-apercu img{display:block;max-width:220px;max-height:220px;border-radius:10px;background:#fff;border:1px solid var(--trait)}
.fc-fichier{display:grid;place-items:center;width:90px;height:90px;border-radius:12px;background:var(--surface);border:1px solid var(--trait);font-family:var(--f-titre);font-weight:600;color:var(--texte-2)}
.fc-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.fc-nomf{width:100%;font-size:13px;color:var(--texte-2);word-break:break-all}
.at-types{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px;margin-bottom:8px}
.at-types::-webkit-scrollbar{display:none}
.at-types button{flex:none;font-family:var(--f-titre);font-weight:600;font-size:13.5px;padding:7px 14px;border-radius:12px;border:1px solid var(--trait);background:var(--surface);color:var(--texte-2)}
.at-types button small{opacity:.6;margin-left:3px;font-weight:500}
.at-types button[aria-pressed="true"]{background:var(--texte);border-color:var(--texte);color:var(--fond)}
.demo-bloc .fa-actions form{margin:0}
.fa-details div.large{grid-column:1/-1}
.fa-details dd{white-space:pre-line}
.fa-fichiers{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;margin:0 0 12px}
.fa-fic{display:flex;gap:10px;align-items:center;padding:10px;border-radius:14px;background:var(--voile);border:1px solid var(--trait)}
.fa-fic img{width:80px;height:80px;object-fit:contain;border-radius:10px;background:#fff;border:1px solid var(--trait)}
.fa-fic .fc-fichier{width:80px;height:80px}
.fa-fic-txt{display:grid;gap:4px;min-width:0}.fa-fic-txt small{font-size:12px;color:var(--texte-3);word-break:break-all}
.fa-fic-txt .at-btn{justify-self:start}
/* v1.8.0 — produits dans l'Espace atelier */
.at-types a{flex:none;font-family:var(--f-titre);font-weight:600;font-size:13.5px;padding:7px 14px;border-radius:12px;border:1px solid var(--trait);background:var(--surface);color:var(--texte-2)!important}
.at-types a small{opacity:.6;margin-left:3px;font-weight:500}
.at-types a.actif{background:var(--texte);border-color:var(--texte);color:var(--fond)!important}
.pr-liste{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.pr-item{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:14px;align-items:center;padding:10px 12px;border-radius:16px;border:1px solid var(--trait);background:var(--voile)}
.pr-item.fait{border-color:var(--ok-bd);background:var(--ok-bg)}
.pr-img img{width:64px;height:64px;object-fit:contain;border-radius:12px;background:#fff;border:1px solid var(--trait)}
.pr-corps{display:grid;gap:8px;min-width:0}
.pr-nom{font-family:var(--f-titre);font-weight:500;font-size:15px}
.pr-champs{display:flex;gap:8px;flex-wrap:wrap}
.pr-champs select,.pr-prix input{background:var(--surface);border:1px solid var(--trait);border-radius:10px;padding:7px 10px;color:var(--texte);font-size:14px}
.pr-champs select[name=cat]{min-width:200px;max-width:100%}
.pr-prix{display:inline-flex;align-items:center;gap:4px}.pr-prix input{width:90px}
.pr-cases{display:flex;gap:6px 16px;flex-wrap:wrap}.pr-cases .case{font-size:13.5px}
.pr-actions{display:grid;gap:6px;justify-items:stretch;text-align:center}
.pr-etat{font-size:12.5px;font-family:var(--f-titre)}.pr-etat.ok{color:var(--ok-tx)}.pr-etat.err{color:#d63638}
@media(max-width:760px){.pr-item{grid-template-columns:52px minmax(0,1fr)}.pr-img img{width:52px;height:52px}.pr-actions{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.pr-etat{grid-column:1/-1}}
/* v1.9.0 — fiche produit dans l'Espace atelier */
.fp{display:grid;gap:16px}
.fp-grille{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:22px;align-items:start}
@media(max-width:880px){.fp-grille{grid-template-columns:minmax(0,1fr)}}
.fp-col{display:grid;gap:12px;min-width:0}
.fp-ligne{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
@media(max-width:560px){.fp-ligne{grid-template-columns:minmax(0,1fr)}}
.fp .champ{display:flex;flex-direction:column;gap:6px;min-width:0}
.fp .champ label{font-size:12.5px;color:var(--texte-3);font-family:var(--f-titre)}
.fp input:not([type=checkbox]):not([type=radio]):not([type=file]),.fp select,.fp textarea{background:var(--voile);border:1px solid var(--trait);border-radius:12px;padding:10px 12px;color:var(--texte);font-size:15px;width:100%;min-width:0;font-family:inherit}
.fp textarea{resize:vertical}
.fp-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}
.fp-photo{position:relative;display:grid;gap:4px;padding:6px;border-radius:12px;border:1px solid var(--trait);background:var(--voile)}
.fp-photo.principale{border-color:var(--g-2)}
.fp-photo img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#fff;border-radius:8px}
.fp-tag{position:absolute;top:10px;left:10px;font-size:11px;font-family:var(--f-titre);background:var(--g-2);color:#fff;padding:2px 8px;border-radius:99px}
.fp-mini{display:flex;gap:5px;align-items:center;font-size:12px;color:var(--texte-2)}
/* v2.0.0 — gestion du configurateur textile (Espace atelier) */
.txa-liste{display:grid;gap:8px}
.txa-g{border:1px solid var(--trait);border-radius:16px;background:var(--voile)}
.txa-g summary{display:flex;align-items:center;gap:12px;padding:10px 12px;cursor:pointer;list-style:none;font-family:var(--f-titre)}
.txa-g summary::-webkit-details-marker{display:none}
.txa-g[open] summary{border-bottom:1px solid var(--trait)}
.txa-vign{width:48px;height:48px;flex:none;border-radius:10px;background:#fff;border:1px solid var(--trait);display:grid;place-items:center;overflow:hidden;color:var(--texte-3)}
.txa-vign img{width:100%;height:100%;object-fit:contain}
.txa-vign.petite{width:36px;height:36px}
.txa-pts{display:flex;gap:4px;margin-left:auto;flex-wrap:wrap;justify-content:flex-end}
.txa-pts i{width:14px;height:14px;border-radius:99px;background:var(--c);box-shadow:0 0 0 1px var(--trait)}
.txa-corps{padding:14px;display:grid;gap:10px}
.txa .champ{display:flex;flex-direction:column;gap:6px;min-width:0}
.txa .champ label{font-size:12.5px;color:var(--texte-3);font-family:var(--f-titre)}
.txa input:not([type=checkbox]):not([type=file]):not([type=color]),.txa select{background:var(--surface);border:1px solid var(--trait);border-radius:10px;padding:8px 10px;color:var(--texte);font-size:14.5px;width:100%;min-width:0}
.txa-couleurs{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:6px}
.txa-c{display:grid;grid-template-columns:36px 38px minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:6px;border-radius:12px;background:var(--surface);border:1px solid var(--trait)}
.txa-c.vide{opacity:.75;border-style:dashed}
.txa-c input[type=color]{width:38px;height:32px;border:0;background:none;padding:0;cursor:pointer}
.txa-photo{position:relative;font-size:12.5px;font-family:var(--f-titre);color:var(--g-2);cursor:pointer;white-space:nowrap}
.txa-photo input{position:absolute;inset:0;opacity:0;cursor:pointer}
.txa-suppr{color:#d63638}
/* v2.1.0 — Espace atelier : réglages e-mails */
.ml-etat{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:6px}
.ml-etat li{display:flex;gap:10px;align-items:baseline;font-size:14.5px;padding:8px 12px;border-radius:12px;background:var(--surface);border:1px solid var(--trait)}
.ml-etat b{font-family:var(--f-titre);width:18px;flex:none;text-align:center}
.ml-ok b{color:var(--g-1)}.ml-ko b{color:#d63638}.ml-info b{color:var(--g-2)}
.ml-form{display:grid;gap:12px}
.ml-form .champ{display:flex;flex-direction:column;gap:6px;min-width:0}
.ml-form .champ label{font-size:12.5px;color:var(--texte-3);font-family:var(--f-titre)}
.ml-form input:not([type=checkbox]),.ml-form select{background:var(--surface);border:1px solid var(--trait);border-radius:10px;padding:8px 10px;color:var(--texte);font-size:14.5px;width:100%;min-width:0}
.ml-test{align-items:end;border-top:1px solid var(--trait);padding-top:14px}
/* v2.1.0 — inscription : compte particulier / professionnel */
.kgs-type-compte{border:0;padding:0;margin:0 0 6px;min-width:0}
.kgs-type-compte .kgs-onglets-client label{position:relative;display:grid;place-items:center;min-height:42px;border-radius:12px;font-family:var(--f-titre);font-weight:500;font-size:14.5px;color:var(--texte-2);cursor:pointer;margin:0}
.kgs-type-compte .kgs-onglets-client input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.kgs-type-compte .kgs-onglets-client label:has(input:checked){background:var(--surface);color:var(--texte);box-shadow:var(--ombre)}
.kgs-type-compte .kgs-onglets-client label:has(input:focus-visible){outline:3px solid var(--g-2);outline-offset:2px}
.kgs-si-pro[hidden]{display:none}
.kgs-sans-tva{display:flex;gap:8px;align-items:center;font-size:14px;color:var(--texte-2);margin:-4px 0 10px}
.kgs-pro-note{font-size:13px;color:var(--texte-3);margin:0 0 8px}
#kgs_tva:disabled{opacity:.5}
.ml-journal{margin:0 0 18px;font-size:13px}.ml-journal summary{cursor:pointer;color:var(--texte-2);font-family:var(--f-titre)}
.ml-journal pre{white-space:pre-wrap;word-break:break-all;background:var(--voile);border:1px solid var(--trait);border-radius:10px;padding:10px 12px;max-height:320px;overflow:auto;font-size:12px}
/* v2.2.0 — choix du client sur la fiche produit (modèle, forme…) */
.kgs-choix{border:0;margin:0 0 14px;padding:0;min-width:0;width:100%}
.kgs-choix legend{font-family:var(--f-titre);font-weight:600;font-size:14px;margin-bottom:8px;padding:0}
.kgs-choix legend small{font-weight:400;color:var(--texte-3)}
.kgs-choix-liste{display:flex;flex-wrap:wrap;gap:8px}
.kgs-choix-liste label{position:relative;cursor:pointer}
.kgs-choix-liste input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.kgs-choix-liste span{display:inline-block;padding:9px 16px;border-radius:99px;border:1.5px solid var(--trait);background:var(--surface);font-family:var(--f-titre);font-weight:500;font-size:14px;transition:all .15s}
.kgs-choix-liste label:hover span{border-color:var(--texte-3)}
.kgs-choix-liste input:checked+span{border-color:var(--g-2);background:color-mix(in srgb,var(--g-2) 12%,var(--surface));color:var(--texte)}
.kgs-choix-liste input:focus-visible+span{outline:3px solid var(--g-2);outline-offset:2px}
/* v2.2.2 — œil « afficher le mot de passe » */
.kgs-mdp{position:relative;display:block}
.kgs-mdp input{width:100%;padding-right:48px!important}
.kgs-mdp .password-input{display:block;position:static}
.kgs-oeil{position:absolute;top:50%;right:6px;transform:translateY(-50%);width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:10px;background:transparent;color:var(--texte-3);cursor:pointer;padding:0}
.kgs-oeil:hover{color:var(--texte);background:var(--voile)}
.kgs-oeil:focus-visible{outline:2px solid var(--g-2);outline-offset:1px}
.kgs-oeil .barre{opacity:0;transition:opacity .15s}
.kgs-oeil[aria-pressed="true"] .barre{opacity:1}
.kgs-oeil[aria-pressed="true"]{color:var(--g-2)}
/* v2.3.0 — textile fournisseur (Espace atelier) */
.txi-form{display:flex;gap:10px;align-items:flex-start;flex-wrap:wrap}
.txi-form textarea{flex:1 1 320px;min-height:64px;font:inherit;font-size:14px;padding:10px 12px;border:1px solid var(--trait);border-radius:12px;background:var(--surface);color:var(--texte)}
.txi-liste{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:8px}
.txi-liste li{display:flex;align-items:center;gap:12px;padding:8px 10px;border:1px solid var(--trait);border-radius:14px;background:var(--surface);flex-wrap:wrap}
.txi-liste .txa-vign img{width:44px;height:44px;object-fit:cover;border-radius:10px}
.txi-t{flex:1 1 220px;display:flex;flex-direction:column;min-width:0}
.txi-t small{color:var(--texte-3);font-size:12.5px}
.txi-etat{font-size:12.5px;font-weight:600;padding:4px 10px;border-radius:99px;background:var(--voile);color:var(--texte-2)}
.txi-etat.fdv{background:color-mix(in srgb,var(--k-1) 14%,var(--surface));color:var(--k-1)}
/* v2.4.0 — options client : pastilles couleur, prix par choix */
.kgs-choix + .kgs-choix{margin-top:4px}
.kgs-choix legend small .kgs-choix-val{font-weight:500;color:var(--texte-2)}
.kgs-choix-liste span small{font-weight:400;color:var(--texte-3);margin-left:4px}
.kgs-choix-liste input:checked+span small{color:inherit}
.kgs-choix--couleur .kgs-choix-liste{gap:10px}
.kgs-choix--couleur .kgs-choix-liste .pastille{display:block;width:34px;height:34px;padding:0;border-radius:99px;background:var(--c);border:3px solid var(--surface);box-shadow:0 0 0 1px var(--trait);transition:box-shadow .15s,transform .15s}
.kgs-choix--couleur .kgs-choix-liste label:hover .pastille{transform:scale(1.08)}
.kgs-choix--couleur .kgs-choix-liste input:checked+.pastille{box-shadow:0 0 0 2px var(--g-2);background:var(--c)}
.kgs-choix--couleur .kgs-choix-liste input:focus-visible+.pastille{outline:3px solid var(--g-2);outline-offset:2px}
.kgs-choix--couleur .nom-c{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* v2.6.0 — rubans (badges) et prix barrés repris de Wix */
del.barre{color:var(--texte-3);font-weight:400;font-size:.8em;text-decoration-thickness:1.5px;margin:0 6px 0 2px}
.recond.ruban--chaud{color:#fff;background:linear-gradient(135deg,var(--k-1),var(--k-2));border-color:transparent}
.recond.ruban--neuf{color:#fff;background:linear-gradient(135deg,var(--g-1),var(--g-2));border-color:transparent}
.recond.ruban--eteint{color:#fff;background:#6b7480;border-color:transparent}
.recond.ruban--info{color:var(--s-1);background:color-mix(in srgb,var(--s-1) 12%,var(--surface));border-color:color-mix(in srgb,var(--s-1) 40%,transparent)}
:root[data-theme="dark"] .recond.ruban--info{color:#9DB4F0}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .recond.ruban--info{color:#9DB4F0}}
/* v2.8.0 — éditeur des choix proposés au client (Espace atelier) */
.op-edit{display:grid;gap:10px;padding:14px;border:1px solid var(--trait);border-radius:16px;background:var(--surface)}
.op-titre{margin:0;font-family:var(--f-titre);font-size:13px;color:var(--texte)}
.op-titre small{color:var(--texte-3);font-weight:400}
.op-groupes{display:grid;gap:10px}
.op-g{display:grid;gap:8px;padding:10px;border-radius:12px;background:var(--voile)}
.op-g-tete{display:flex;gap:8px;align-items:center}
.op-g-tete .op-g-nom{flex:1;font-weight:600}
.op-lignes{display:grid;gap:6px}
.op-ligne{display:grid;grid-template-columns:minmax(0,1fr) 110px auto 32px;gap:6px;align-items:center}
.op-px{position:relative;display:block}
.op-px span{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--texte-3);font-size:13px}
.op-px input{padding-right:24px!important}
.op-coul{display:flex;align-items:center;gap:4px}
.fp .op-coul input[type=color]{width:34px;height:34px;padding:2px!important;border-radius:8px}
.fp .op-coul input[type=color]:disabled{opacity:.3}
.op-suppr{width:32px;height:32px;border-radius:10px;border:1px solid var(--trait);background:var(--surface);color:var(--texte-3);font-size:18px;line-height:1;cursor:pointer}
.op-suppr:hover{color:#c62828;border-color:#c62828}
.op-g-suppr,.op-ajout{border:0;background:none;color:var(--g-2);font-family:var(--f-titre);font-size:13px;cursor:pointer;padding:4px 2px;justify-self:start}
.op-g-suppr{color:var(--texte-3)}
.op-ajout-g{justify-self:start}
@media(max-width:560px){.op-ligne{grid-template-columns:minmax(0,1fr) 90px 32px}.op-coul{display:none}}

/* ── Espace atelier 2.9 ── */
/* Menu des onglets sur téléphone */
.at-menu{display:none}
@media(max-width:720px){
  .at-barre{position:relative;flex-direction:column;align-items:stretch;gap:4px;padding:6px;border-radius:20px;border:1px solid var(--trait);background:var(--surface)}
  .at-menu{display:flex;align-items:center;gap:10px;font:500 15px/1 var(--f-titre);color:var(--texte);background:none;border:0;padding:10px 10px;cursor:pointer;text-align:left}
  .at-menu::after{content:"";margin-left:auto;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-3px);transition:transform .2s}
  .at-barre.ouvert .at-menu::after{transform:rotate(-135deg) translateY(-2px)}
  .at-menu-ico{width:18px;height:12px;border-top:2px solid currentColor;border-bottom:2px solid currentColor;position:relative}
  .at-menu-ico::after{content:"";position:absolute;left:0;right:0;top:3px;border-top:2px solid currentColor}
  .at-barre a{display:none;border:0;border-radius:14px;padding:11px 12px;font-size:15px}
  .at-barre.ouvert a{display:block}
  .at-barre a:last-child{margin-left:0}
  .at-kpi{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:8px;margin-inline:-16px;padding:0 16px 6px;scrollbar-width:none}
  .at-kpi::-webkit-scrollbar{display:none}
  .at-kpi>*{flex:0 0 40%;scroll-snap-align:start;padding:12px 14px}
  .at-kpi b{font-size:24px}
  .at-bloc{border-radius:20px}
}
/* Bandeau « installer l'app » */
.app-inst{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 14px;padding:10px 12px;border-radius:16px;background:var(--voile);border:1px dashed var(--trait);font-size:14px}
.app-inst[hidden]{display:none}
.app-inst-txt{flex:1;min-width:180px}
.app-inst-x{background:none;border:0;font-size:20px;line-height:1;color:var(--texte-2);cursor:pointer;padding:4px 6px}
/* Fiche produit : outils, variantes, photos */
.fp-outils{display:flex;gap:6px;flex-wrap:wrap}
.var-masq{display:inline-block;font:500 11px/1.4 var(--f-titre);padding:1px 8px;border-radius:99px;background:var(--att-bg);color:var(--att-tx);border:1px solid var(--att-bd);vertical-align:middle}
.var-prem{display:inline-block;font:500 11px/1.4 var(--f-titre);padding:1px 8px;border-radius:99px;background:var(--ok-bg);color:var(--ok-tx);border:1px solid var(--ok-bd)}
.var-ici{font-size:12px;color:var(--texte-3)}
.var-bloc{margin-top:18px}
.var-bloc .t2 small{font-size:.6em;color:var(--texte-3);font-weight:400}
.var-at{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:8px}
.var-at li{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 10px;border:1px solid var(--trait);border-radius:14px}
.var-at li.ici{border-color:var(--g-2);background:var(--voile)}
.var-at li img,.var-at .var-pastille{width:48px;height:48px;border-radius:10px;object-fit:contain;background:#fff;border:1px solid var(--trait)}
.var-at .var-pastille{display:inline-block;background:var(--c)}
.var-at li>span{flex:1;min-width:120px;font-size:14px}
.var-ajout{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}
.var-ajout .champ{flex:1;min-width:150px;margin:0}
.var-coul{display:inline-flex;align-items:center;gap:4px;padding-bottom:8px;font-size:12px;color:var(--texte-2)}
.var-coul::after{content:"pastille"}
.var-coul input[type=color]{width:34px;height:30px;padding:0;border:1px solid var(--trait);border-radius:8px;background:none}
.var-coul input[type=color]:disabled{opacity:.3}
.var-joindre{margin-top:14px}
.var-joindre summary{cursor:pointer;font-size:14px;color:var(--g-2)}
.var-joindre .var-ajout{margin-top:10px}
.fp-var{align-items:flex-end}
.fp-photo{cursor:grab}
.fp-photo.tire{opacity:.4}
.fp-photo .fp-tag{display:none}
.fp-photo:first-child{border-color:var(--g-2)}
.fp-photo:first-child .fp-tag{display:block}
.fp-bouge{position:absolute;top:10px;right:10px;display:flex;gap:3px}
.fp-bouge button{width:24px;height:24px;border-radius:50%;border:1px solid var(--trait);background:var(--surface);color:var(--texte);font-size:15px;line-height:1;cursor:pointer;padding:0}
.fp-photo:first-child .fp-g,.fp-photo:last-child .fp-d{visibility:hidden}
/* Réponses rapides */
.rep-types{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:4px 0 8px}
.rep-types .etiquette{margin:0 4px 0 0}
.rep-t,.rep-gerer{font:500 13px/1 var(--f-titre);padding:7px 12px;border-radius:99px;border:1px solid var(--trait);background:var(--surface);color:var(--texte);cursor:pointer}
.rep-t:hover{border-color:var(--g-2)}
.rep-gerer{background:none;border-style:dashed;color:var(--texte-2)}
.rep-form{display:grid;gap:12px}
.rep-liste{display:grid;gap:10px;max-height:52dvh;overflow:auto;padding-right:4px}
.rep-l{display:grid;gap:6px;padding:10px;border:1px solid var(--trait);border-radius:14px}
.rep-l-tete{display:flex;gap:8px;align-items:center}
.rep-l input,.rep-l textarea{width:100%;background:var(--voile);border:1px solid var(--trait);border-radius:10px;padding:8px 10px;color:var(--texte);font:inherit;font-size:14px}
.rep-l input{font-weight:600}
.rep-ajout{justify-self:start}
/* Agenda */
.ag-nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.ag-mois{font-family:var(--f-titre);font-weight:600;min-width:130px;text-align:center}
.ag-grille{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.ag-jn{font:500 12px/1 var(--f-titre);text-transform:uppercase;letter-spacing:.06em;color:var(--texte-3);padding:6px 4px}
.ag-j{min-height:96px;border:1px solid var(--trait);border-radius:12px;padding:6px;display:flex;flex-direction:column;gap:3px;min-width:0}
.ag-j.hors{opacity:.45}
.ag-j.auj{border-color:var(--g-2);box-shadow:inset 0 0 0 1px var(--g-2)}
.ag-n{font:600 13px/1 var(--f-titre);color:var(--texte-2)}
.ag-long{display:none}
.ag-ev{display:block;font-size:12px;line-height:1.3;padding:3px 6px;border-radius:6px;background:color-mix(in srgb,var(--c) 16%,transparent);border-left:3px solid var(--c);color:var(--texte)!important;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ag-ev small{font-weight:600;color:var(--c)}
.ag-alerte,.ag-alerte-leg{color:#d63638;font-weight:700;margin-right:3px}
.ag-vide{margin:10px 0 0}
@media(max-width:720px){
  .ag-grille{grid-template-columns:1fr}
  .ag-jn,.ag-j:not(.plein){display:none}
  .ag-j{min-height:0}
  .ag-long{display:inline}.ag-court{display:none}
  .ag-ev{white-space:normal;font-size:13px}
}
/* Bilan */
.bi-types{display:flex;flex-wrap:wrap;gap:6px}
.bi-types a{font:500 13px/1 var(--f-titre);padding:8px 13px;border-radius:99px;border:1px solid var(--trait);background:var(--surface);color:var(--texte)!important}
.bi-types a.actif{background:var(--texte);color:var(--fond)!important;border-color:var(--texte)}
.bi-per{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:4px 0 2px}
.bi-per>b{font-family:var(--f-titre);font-size:18px;font-weight:600}
.bi-dates{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.bi-dates input{background:var(--voile);border:1px solid var(--trait);border-radius:10px;padding:6px 8px;color:var(--texte);font:inherit}
.bi-kpi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
@media(max-width:900px){.bi-kpi{grid-template-columns:repeat(2,minmax(0,1fr))}}
.bi-k{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:18px;border:1px solid var(--trait);background:var(--voile)}
.bi-k>span:first-child{font-size:13px;color:var(--texte-2)}
.bi-k b{font:600 26px/1.1 var(--f-titre)}
.bi-k b small{font-size:13px;font-weight:400;color:var(--texte-3)}
.bi-k>small{font-size:12.5px;color:var(--texte-2)}
.bi-k.fort{background:linear-gradient(135deg,color-mix(in srgb,var(--g-2) 14%,transparent),transparent)}
.bi-evo{align-self:flex-start;font:500 12px/1.4 var(--f-titre);padding:1px 8px;border-radius:99px}
.bi-evo.haut{background:var(--ok-bg);color:var(--ok-tx)}
.bi-evo.bas{background:rgba(214,54,56,.12);color:#c02b2d}
.bi-evo.neutre{background:var(--voile);color:var(--texte-2)}
.bi-leg{margin:0;font-size:13px;color:var(--texte-2);display:flex;gap:6px;align-items:center}
.bi-leg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-left:8px}
.l-ca,.b-ca{background:var(--g-2)}.l-d,.b-d{background:var(--texte-3)}
.bi-graph{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:3px;align-items:end;height:220px;overflow-x:auto}
.bi-col{display:flex;flex-direction:column;align-items:stretch;height:100%;min-width:10px}
.bi-barres{flex:1;display:flex;align-items:flex-end;gap:1px}
.bi-barres span{flex:1;border-radius:4px 4px 0 0;min-height:1px}
.bi-barres .b-d{flex:.45;opacity:.55}
.bi-l{font-size:11px;color:var(--texte-3);text-align:center;padding-top:4px;white-space:nowrap;overflow:hidden}
@media(max-width:640px){.bi-graph{height:170px}.bi-l{font-size:9px}.bi-k b{font-size:21px}}
/* Commande : choix du client + bon imprimable */
.fc-choix{color:var(--texte)}
.retour-liste{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.bon-tete,.bon-pied,.bon-case{display:none}
@media print{
  @page{margin:12mm}
  body{background:#fff!important;color:#000!important}
  #wpadminbar,header.nav,.pied-site,.whatsapp,.at-barre,.app-inst,.retour-liste,.fa-cote,.fc-actions,.fc-apercu,.titre-page,h1{display:none!important}
  html{margin-top:0!important}
  main,.atelier,.fa-grille{display:block!important;margin:0!important;padding:0!important}
  .at-bloc{border:0!important;box-shadow:none!important;padding:0!important;background:#fff!important}
  .fiche-commande .bon-tete{display:flex!important;gap:16px;align-items:center;border-bottom:2px solid #000;padding-bottom:10px;margin-bottom:12px;font-size:13px}
  .bon-tete img{height:44px;width:auto}
  .fiche-commande .bon-case{display:inline-block!important;width:16px;height:16px;border:2px solid #000;border-radius:3px;flex:0 0 auto}
  .fc-article{break-inside:avoid;border:1px solid #999!important}
  .fiche-commande .bon-pied{display:flex!important;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:18px;padding-top:10px;border-top:1px solid #000;font-size:13px}
  .fc-visuel{background:none!important}
}
/* 3.0 — acompte, nouvelle demande, envois */
.cd-acompte{margin:14px 0 0;padding:14px 16px;border-radius:16px;background:color-mix(in srgb,var(--k-1) 10%,var(--voile));border:1px solid color-mix(in srgb,var(--k-1) 35%,var(--trait));display:grid;gap:10px;justify-items:start}
.cd-acompte p{margin:0}
.cd-acompte.ok{display:block;background:color-mix(in srgb,#00a32a 10%,var(--voile));border-color:color-mix(in srgb,#00a32a 35%,var(--trait));font-size:14px}
.at-acompte .ac-etat{margin:0;font-size:15px}
.at-acompte .ac-etat.ok b{color:#00a32a}
.at-acompte .ac-etat.att b{color:#b26200}
.at-acompte input[readonly]{background:var(--voile);border:1px solid var(--trait);border-radius:12px;padding:8px 10px;font-size:13px;width:100%;color:var(--texte)}
.fa-case{display:flex;gap:8px;align-items:center;font-size:14px!important;color:var(--texte-2)!important}
.fa-case input{width:auto!important;accent-color:var(--k-1)}
.at-tete .at-nouvelle{margin-right:auto}
.nd [hidden]{display:none!important}
.nd .at-bloc{display:grid;gap:12px}
.nd-choix{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.nd-choix label{position:relative;cursor:pointer;display:block}
.nd-choix input{position:absolute;opacity:0;pointer-events:none}
.nd-choix span{display:grid;gap:2px;height:100%;padding:12px 14px;border-radius:14px;border:1px solid var(--trait);background:var(--voile);transition:border-color .15s,box-shadow .15s}
.nd-choix b{font-family:var(--f-titre);font-weight:600;font-size:14.5px;color:var(--texte)}
.nd-choix small{font-size:12.5px;color:var(--texte-3)}
.nd-choix input:checked+span{border-color:var(--k-1);box-shadow:0 0 0 2px color-mix(in srgb,var(--k-1) 35%,transparent)}
.nd-choix input:focus-visible+span{outline:2px solid var(--k-1);outline-offset:2px}
@media(max-width:700px){.nd-choix{grid-template-columns:minmax(0,1fr)}.nd .ligne2{grid-template-columns:minmax(0,1fr)}}
.kgs-note-envoi{margin:8px 0 12px;font-size:13.5px;color:var(--texte-2);padding:8px 12px;border-radius:12px;background:var(--voile);border:1px solid var(--trait)}
@media print{.at-acompte{display:none}}
/* Signature HACHI (comme bloxi.be) */
.pied-site a.hachi{margin-left:auto;display:inline-flex;align-items:center;gap:8px;border-bottom:0;color:var(--texte-3);font-size:.85em;letter-spacing:.06em}
.pied-site a.hachi i{font-style:normal;width:22px;height:22px;display:grid;place-items:center;background:#c8402a;color:#f2ebdd;border-radius:3px;transform:rotate(-4deg);font-size:13px;font-weight:700;font-family:"Shippori Mincho B1","Hiragino Mincho ProN","Yu Mincho",serif;transition:transform .3s}
.pied-site a.hachi:hover{color:var(--texte)}
.pied-site a.hachi:hover i{transform:rotate(0) scale(1.08)}
@media (prefers-reduced-motion:reduce){.pied-site a.hachi i{transition:none}}