/* YAVENO · finiture del 15/10: menu del telefono, moduli veri, bersagli del tocco da 44 px, testi da 13 px in su. */

/* ---------- intestazione ---------- */
.menu-toggle{display:none;place-items:center;width:44px;height:44px;padding:0;border-radius:10px;border:1px solid rgba(255,255,255,.22);background:transparent;color:var(--white);cursor:pointer;flex:none}
.menu-toggle svg{width:20px;height:20px}
.menu-toggle:focus-visible,.top-nav a:focus-visible,.top .brand:focus-visible{outline:2px solid var(--white);outline-offset:2px}
.top .brand{display:inline-flex;align-items:center;min-height:44px}
.top-nav a{display:inline-flex;align-items:center;min-height:44px}
.top-nav .top-lang{margin-left:6px;border:1px solid rgba(255,255,255,.22);padding:0 14px}
.film-toggle{width:44px;height:44px}
.chip{min-height:44px}
.chip-label{white-space:nowrap}
@media (max-width:1080px){
  .menu-toggle{display:grid}
  .top-nav{display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;margin:0;padding:10px;flex-direction:column;gap:2px;border-radius:16px;background:rgba(17,22,28,.97);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 24px 60px -20px rgba(0,0,0,.6)}
  .top-nav.open{display:flex}
  .top-nav a{padding:0 16px;font-size:17px;border-radius:12px}
  .top-nav .top-lang{margin:6px 0 0;justify-content:center}
}
@media (max-width:640px){
  .top{gap:8px}
  .film-toggle{width:44px;height:44px}
  .chip{padding:5px 12px 5px 6px}
}
@media (max-width:480px){
  .chip-face{display:none}
  .chip{padding:5px 12px}
}

/* ---------- moduli veri: errori accanto al campo, messaggi di stato ---------- */
.hp{position:absolute!important;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.field-error{margin:-14px 0 0;font-size:14px;line-height:1.4;color:#f3a9a3}
.field-error[hidden]{display:none}
.form-msg[data-state=sending]{color:#d3dade}
.form-msg[data-state=received]{color:#a9e6bd}
.form-msg[data-state=error],.form-msg[data-state=uncertain]{color:#f3a9a3}
.form-direct{display:block;margin-top:8px;color:#d3dade}
.form-direct a{color:inherit;text-decoration:underline;text-underline-offset:3px;display:inline-block;min-height:24px}
.contact-form button[disabled]{opacity:.7;cursor:progress}
.form-consent a{color:inherit;text-decoration:underline;text-underline-offset:3px}

/* ---------- assistente della pagina ---------- */
.ai-chip[data-asked]{background:var(--surface);border-color:var(--line);color:var(--muted)}
.as-chip:disabled,.as-form button:disabled{opacity:.55;cursor:progress}
.as-brief .err{margin:2px 0 6px;font-size:13px;color:#b3261e}
.as-brief .err[hidden]{display:none}
.as-brief input[aria-invalid=true]{border-color:#b3261e}

/* ---------- bersagli del tocco ---------- */
.s-bento .tab,.s-bento .t-site[data-profile="phone"] .tab{min-height:44px;display:inline-flex;align-items:center}
.proof-list a{min-height:44px}
.ai-chip,.as-chip{min-height:44px}
.fl-price{display:inline-flex;align-items:center;min-height:44px}
.foot-col{gap:0}
.foot-col a{display:flex;align-items:center;min-height:44px}
.foot-col p{margin-bottom:8px}
.foot .brand{display:inline-flex;align-items:center;min-height:44px}
.rf-choice{min-height:44px}
.as-x{min-width:44px;min-height:44px}

/* ---------- testi: mai sotto i 13 px ---------- */
.chip-sub,.s-film .fl-say small,.s-bento .card small,.s-bento .tab,.rf-note,.s-az .az-note,.ai-tag,.as-tag,.care-demo-tag,.care-review .rv-tag,.care-review .rv-lab,.care-review .rv-state,.ai-head small,.ai-foot,.as-note,.as-brief label,.ct-demo,.plan-index s,.cine-note,.browser-bar{font-size:13px}
.s-bento .card .row{font-size:13px}

/* ---------- schermi molto stretti (320 px): il tasto WhatsApp resta, il testo si legge solo con lo screen reader ---------- */
@media (max-width:340px){
  .chip{padding:4px;min-width:44px;justify-content:center}
  .chip-face{display:grid;width:36px;height:36px}
  .chip-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}

/* Senza script: niente bottoni che non fanno nulla; il menu del telefono resta aperto sotto l'intestazione. */
@media (scripting:none){
  .film-toggle,.menu-toggle{display:none}
  .top-nav{position:static}
}
@media (scripting:none) and (max-width:1080px){
  .top{flex-wrap:wrap}
  .top-nav{display:flex;flex-basis:100%;flex-direction:row;flex-wrap:wrap;position:static;padding:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
}

/* Righe di testo corte: una riga larga come la pagina si legge male. */
.care-foot,.extras-foot,.s-az .az-note{display:grid;grid-template-columns:minmax(0,72ch)}

/* Link messi da soli in una riga: bersaglio di almeno 24 px, senza spostare nulla. */
.come-more a,.faq-more a,.pg-link a,.offer-link a{display:inline-block;padding-block:6px;margin-block:-6px}
