/* Stili dei widget custom «LTO …» (solo i loro elementi). Colori e misure si cambiano dal pannello Stile del widget. */

/* LTO Varianti */
.lto-var{--lto-var-text:#101820;--lto-var-accent:#c8a674;--lto-var-line:rgba(16,24,32,.25);--lto-var-swatch:40px;--lto-var-gap:28px;display:flex;flex-direction:column;gap:var(--lto-var-gap);color:var(--lto-var-text)}
.lto-var__label{margin:0 0 12px}
.lto-var__value{font-weight:600}
.lto-var__options{display:flex;flex-wrap:wrap;gap:12px}
.lto-var__swatch{position:relative;width:var(--lto-var-swatch);height:var(--lto-var-swatch);border-radius:50%;padding:0;border:0;cursor:pointer;
  background:var(--m);box-shadow:0 0 0 1px var(--lto-var-line);transition:box-shadow .2s ease,transform .2s ease;display:inline-block}
.lto-var__swatch .lto-var__dot{position:absolute;inset:30%;border-radius:50%;background:var(--z);box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}
.lto-var__swatch:hover{transform:translateY(-1px)}
.lto-var__swatch.is-active,.lto-var__swatch[aria-checked="true"]{box-shadow:0 0 0 2px #fff,0 0 0 3px var(--lto-var-accent)}
.lto-var__swatch:focus-visible,.lto-var__pill:focus-visible{outline:2px solid var(--lto-var-accent);outline-offset:3px}
.lto-var__pill{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-width:64px;padding:10px 16px;border:1px solid var(--lto-var-line);
  background:transparent;color:var(--lto-var-text);border-radius:0;cursor:pointer;line-height:1.2;transition:border-color .2s ease,background-color .2s ease,color .2s ease}
.lto-var__pill:hover{border-color:var(--lto-var-text);background:transparent;color:var(--lto-var-text)}
.lto-var__pill[aria-checked="true"]{border-color:var(--lto-var-text);background:var(--lto-var-text);color:#fff}
.lto-var__pill-desc{font-size:.8em;opacity:.7;margin-top:3px}
.lto-var .is-disabled{opacity:.3;cursor:not-allowed;text-decoration:line-through}
.lto-var__swatch.is-disabled{text-decoration:none}
.lto-var__full{margin-top:10px;font-size:.9em;opacity:.8}
.lto-var__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (prefers-reduced-motion:reduce){.lto-var__swatch,.lto-var__pill{transition:none}.lto-var__swatch:hover{transform:none}}

/* LTO Richiesta (popup: passo 1 prodotto → passo 2 dati) */
.lto-req{--lto-var-muted:#828282;gap:18px}
.lto-req__steps{display:flex;gap:20px;margin:0;padding:0;list-style:none;counter-reset:s;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--lto-var-muted)}
.lto-req__steps li{counter-increment:s;display:flex;align-items:center;gap:8px}
.lto-req__steps li::before{content:counter(s);display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;border:1px solid currentColor;font-size:11px;letter-spacing:0}
.lto-req__steps li.is-current{color:var(--lto-var-text)}
.lto-req__steps li.is-current::before{background:var(--lto-var-accent);border-color:var(--lto-var-accent);color:#fff}
.lto-req__body{display:flex;flex-direction:column;gap:18px}
.lto-req__q{margin:0}
.lto-req__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.lto-req__card{display:flex;align-items:center;gap:12px;padding:8px;border:1px solid var(--lto-var-line);background:#fff;color:var(--lto-var-text);border-radius:0;cursor:pointer;text-align:left;transition:border-color .2s ease}
.lto-req__card:hover{border-color:var(--lto-var-text);background:#fff;color:var(--lto-var-text)}
.lto-req__card img{width:56px;height:56px;object-fit:cover;flex:none}
.lto-req__card[aria-checked="true"]{border-color:var(--lto-var-accent);box-shadow:inset 0 0 0 1px var(--lto-var-accent)}
.lto-req .lto-var__label{margin:0 0 10px}
.lto-req__actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:4px}
.lto-req__next{padding:14px 32px;border:0;border-radius:0;background:var(--lto-var-accent);color:#fff;letter-spacing:.15em;text-transform:uppercase;cursor:pointer}
.lto-req__next:hover{background:var(--lto-var-text);color:#fff}
.lto-req__next:disabled{opacity:.4;cursor:not-allowed;background:var(--lto-var-accent)}
.lto-req__link{padding:0;border:0;background:none;color:var(--lto-var-text);text-decoration:underline;text-underline-offset:3px;cursor:pointer;font-size:14px}
.lto-req__link:hover{background:none;color:var(--lto-var-accent)}
.lto-req__sum{display:flex;gap:14px;align-items:center;padding:12px;background:#f5f5f5}
.lto-req__sum-img{width:64px;height:64px;object-fit:cover;flex:none}
.lto-req__sum-name{font-weight:600}
.lto-req__sum-opts{font-size:14px;color:var(--lto-var-muted);margin:2px 0 6px}
.lto-is-hidden{display:none!important}
@media (max-width:767px){.lto-req__cards{grid-template-columns:1fr}}

/* Card del negozio: solo pallini (link alla scheda con la finitura scelta) */
.lto-var--preview .lto-var__options{display:flex;flex-wrap:wrap;gap:10px}
.lto-var--preview .lto-var__swatch{display:inline-block}