/* =====================================================================
   Menu delle lingue nella testata e piccoli adattamenti per le pagine
   tradotte (Antonio, 07/11/2026). Lo aggiunge lingue/traduci.py a ogni
   pagina: non includerlo a mano.
   ===================================================================== */
.lingue{position:relative;display:inline-flex;align-items:center}
/* alcune pagine danno uno stile a tutti i details e summary (domande frequenti): qui non vale */
.testata details.lingue{border:0;padding:0;margin:0;background:none;border-radius:0}
.testata .lingue summary{font-weight:400}
.testata .lingue summary::after{content:none}
.lingue summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:5px;padding:7px 8px;border-radius:6px;color:var(--muted,#5f5a52);font:inherit;line-height:1.7;user-select:none}
.lingue summary::-webkit-details-marker{display:none}
.lingue summary::marker{content:""}
.lingue summary svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.3;flex:none}
.lingue summary:hover,.lingue[open] summary{color:var(--ink,#1f1d1a)}
.lingue summary:focus-visible{outline:2px dashed var(--or,#cc7a1c);outline-offset:2px}
.lingue-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:60;min-width:180px;display:grid;gap:2px;padding:6px;
  background:var(--carta,#fbfaf7);border:1px solid var(--line,rgba(31,29,26,.15));border-radius:10px;box-shadow:0 14px 34px rgba(0,0,0,.16)}
.testata .barra .lingue-menu a,.lingue-menu a{display:flex;align-items:baseline;gap:10px;padding:8px 10px;border-radius:6px;border:0;text-decoration:none;color:var(--ink,#1f1d1a);white-space:nowrap;line-height:1.3;font-size:13px}
.lingue-menu a b{min-width:2.4em;font-size:11px;font-weight:600;letter-spacing:.06em;color:var(--muted,#5f5a52)}
.lingue-menu a:hover{background:color-mix(in srgb,var(--ink,#1f1d1a) 7%,transparent)}
.lingue-menu a[aria-current]{background:color-mix(in srgb,var(--or,#cc7a1c) 12%,transparent);font-weight:600}
/* telefono: il menu sta nella riga delle voci, come quinta voce */
@media (max-width:700px){.lingue summary{padding:7px 4px}.lingue summary svg{width:14px;height:14px}}
@media (max-width:380px){.lingue summary span{display:none}.lingue summary{padding:7px 2px}.testata .barra{gap:2px}}

/* parole lunghe (tedesco) nei titoli: vanno a capo con il trattino invece di uscire dallo schermo */
html:not([lang="it"]) h1,html:not([lang="it"]) h2,html:not([lang="it"]) h3{hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}

/* nota in cima alle pagine tradotte (privacy, contatti, voucher) */
.nota-lingua{margin:12px 0 18px;padding:8px 12px;border-left:3px solid var(--or,#cc7a1c);background:var(--carta,#fbfaf7);color:var(--muted,#5f5a52);font-size:13px;line-height:1.5;border-radius:0 6px 6px 0}

/* cinese: i caratteri del sito non hanno gli ideogrammi, si usano quelli del dispositivo */
html:lang(zh-Hans){--display:"Bricolage Grotesque","PingFang SC","Microsoft YaHei","Noto Sans SC","Noto Sans CJK SC",system-ui,sans-serif;
  --mono:"JetBrains Mono","PingFang SC","Microsoft YaHei","Noto Sans SC","Noto Sans CJK SC",ui-monospace,monospace}
html:lang(zh-Hans) .eti{letter-spacing:.08em}
html:lang(zh-Hans) h1,html:lang(zh-Hans) h2,html:lang(zh-Hans) h3{letter-spacing:0;line-break:strict}

/* riga delle lingue nelle pagine senza testata né linguetta (es. Bancone «tutto in una pagina») */
.lingue-riga{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:4px;max-width:1080px;margin:0 auto;padding:10px max(16px,env(safe-area-inset-right,0px)) 0 max(16px,env(safe-area-inset-left,0px));font:11px/1.4 var(--mono,ui-monospace,monospace)}
.lingue-riga a{color:var(--muted,#5f5a52);text-decoration:none;border:1px solid var(--line,rgba(31,29,26,.15));border-radius:6px;padding:3px 8px;letter-spacing:.04em}
.lingue-riga a[aria-current]{color:var(--carta,#fbfaf7);background:var(--ink,#1f1d1a);border-color:var(--ink,#1f1d1a)}