/**
 * Custom Field Surcharge - fiche produit (styles légers, préfixe .cfs-).
 * Personnalisable depuis le thème, par exemple :
 *   :root { --cfs-accent: #b3003c; }
 */
:root{--cfs-accent:#111;--cfs-accent-contrast:#fff;--cfs-error:#b3261e;--cfs-border:#c9c9c9;--cfs-radius:4px}
.cfs-field-message{line-height:1.35;font-weight:500}
.cfs-field-message::before{content:"\26A0\00a0"}
.cfs-invalid{outline:2px solid var(--cfs-error);outline-offset:1px}
.cfs-choice-group{align-items:center}
.cfs-choice-button{min-height:40px;min-width:44px;transition:background-color .15s,color .15s,border-color .15s,box-shadow .15s}
.cfs-choice-button:hover{border-color:var(--cfs-accent)!important}
.cfs-choice-button:focus-visible,#cfs-toggle-customization:focus-visible{outline:3px solid var(--cfs-accent);outline-offset:2px}
.cfs-choice-button[aria-pressed="true"]{box-shadow:0 0 0 1px var(--cfs-accent) inset}
#cfs-estimate-wrapper{padding:8px 12px;border:1px dashed var(--cfs-border);border-radius:var(--cfs-radius);background:rgba(0,0,0,.025)}
#cfs-estimate-value{font-weight:700;color:var(--cfs-accent)}
.cfs-toggle-label input[type="checkbox"]{width:18px;height:18px;cursor:pointer;margin:0}
.cfs-toggle-label input[type="checkbox"]:focus-visible{outline:3px solid var(--cfs-accent);outline-offset:2px}
@media (max-width:575px){
  .cfs-choice-group{gap:6px!important}
  .cfs-choice-button{flex:1 1 auto}
  #cfs-estimate-wrapper{font-size:1em}
}
@media (prefers-reduced-motion:reduce){
  .cfs-choice-button{transition:none}
}

/* Pastille de couleur devant le nom d'un choix qui détermine la couleur du texte */
.cfs-choice-button[data-cfs-color]::before{content:"";display:inline-block;width:12px;height:12px;margin-right:6px;border-radius:50%;background:var(--cfs-swatch);border:1px solid rgba(128,128,128,.7);vertical-align:-1px}

/* Polices proposables au client (SIL OFL, voir views/fonts/). Chargées à la demande. */
@font-face{font-family:"CFS Anton";font-weight:400;font-style:normal;font-display:swap;src:url("../fonts/anton.woff2") format("woff2")}
@font-face{font-family:"CFS Alfa Slab One";font-weight:400;font-style:normal;font-display:swap;src:url("../fonts/alfa-slab-one.woff2") format("woff2")}
@font-face{font-family:"CFS Pacifico";font-weight:400;font-style:normal;font-display:swap;src:url("../fonts/pacifico.woff2") format("woff2")}
@font-face{font-family:"CFS Playfair Display";font-weight:700;font-style:normal;font-display:swap;src:url("../fonts/playfair-display.woff2") format("woff2")}