/* Selettore lingua. */
.lang-switch{display:inline-flex;align-items:center;justify-content:center;min-height:40px;min-width:40px;padding:0 10px;border:1px solid currentColor;border-radius:100px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;line-height:1;transition:background .3s var(--ease),color .3s var(--ease)}
.lang-switch:hover{background:currentColor}
.lang-switch:hover span{color:var(--hero-bg)}
.header .lang-switch{margin-right:-15px}
.menu-top .lang-switch{margin-left:auto;margin-right:12px}
.footer-grid .lang-link{border-bottom:1px solid currentColor}
@media(max-width:800px){.header .lang-switch{display:none}}

/* Selettore della lingua nell'header: "IT ▾" apre una card con le lingue (nome nella sua lingua + sigla) */
.lang-pick{position:relative;margin-left:auto;margin-right:12px}
.lang-btn{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 13px;border:1px solid currentColor;border-radius:100px;background:none;color:inherit;font:inherit;font-size:13px;font-weight:700;letter-spacing:.06em;cursor:pointer;transition:background .3s var(--ease),color .3s var(--ease)}
.lang-btn i{width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .3s var(--ease)}
.lang-btn[aria-expanded=true] i{transform:translateY(1px) rotate(-135deg)}
.lang-btn:hover,.lang-btn[aria-expanded=true]{background:currentColor}
.lang-btn:hover span,.lang-btn[aria-expanded=true] span{color:var(--hero-bg)}
.lang-btn:hover i,.lang-btn[aria-expanded=true] i{border-color:var(--hero-bg)}
@media(max-width:800px){.header .lang-pick{display:none}}
.lang-list{position:absolute;right:0;top:calc(100% + 10px);z-index:20;min-width:210px;margin:0;padding:8px;list-style:none;border-radius:22px;background:#17132f;color:#fff;border:1px solid #ffffff26;box-shadow:0 24px 60px -16px #17132f99;transform-origin:top right;transform:translateY(-6px) scale(.96);opacity:0;transition:transform .35s cubic-bezier(.34,1.3,.64,1),opacity .2s}
.lang-list.is-open{transform:none;opacity:1}
.lang-list a{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:11px 14px;border-radius:14px;font-size:16px;font-weight:600;transition:background .2s,color .2s}
.lang-list a b{font-size:11px;letter-spacing:.08em;opacity:.55}
.lang-list a:hover,.lang-list a:focus-visible{background:#fff;color:#17132f}
.lang-list a[aria-current]{color:var(--green)}
.lang-list a[aria-current] span::after{content:'';display:inline-block;width:6px;height:6px;margin-left:8px;border-radius:50%;background:currentColor;vertical-align:middle}
.lang-list a[aria-current]:hover{color:#17132f}
/* menu da telefono: le lingue come pillole sopra il bottone */
.menu-foot .ip-langs{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0 0 18px;padding:0}
.menu-foot .ip-langs a{display:block;min-width:42px;padding:8px 11px;border:1px solid color-mix(in srgb,currentColor 35%,transparent);border-radius:99px;font-size:13px;font-weight:700;letter-spacing:.06em;text-align:center}
.menu-foot .ip-langs a[aria-current]{background:#fff;color:#17132f;border-color:#fff}
@media(prefers-reduced-motion:reduce){.lang-list,.lang-btn i{transition:none}}
/* il menu resta al centro dell'header anche con il selettore della lingua a destra */
/* menu al centro: logo a sinistra e gruppo a destra (lingua, Parliamone, menu) hanno la stessa larghezza;
   il menu non si stacca dall'header, così la tendina Servizi resta larga quanto l'header */
/* il contenitore del logo si allarga (per centrare il menu), il logo no: resta della sua misura, allineato a sinistra */
.header>.brand{flex:1 1 0;width:auto;display:flex}
.header>.brand img{width:151px;max-width:100%}
.header-end{flex:1 1 0;display:flex;align-items:center;justify-content:flex-end;gap:inherit}
.header-end .lang-pick{margin-left:0}
@media(max-width:800px){.header>.brand{flex:0 1 auto}.header>.brand img{width:132px}.header-end{flex:1 1 auto}}
@media(max-width:520px){.header>.brand img{width:115px}}
/* tendina aperta: l'header passa sopra la foglia 3D dell'apertura */
.header:has(.lang-list:not([hidden])){z-index:60;transition-delay:0s}
/* lingua attuale: fondo leggero e pallino; al passaggio o col focus scura su bianco come le altre */
.lang-list a[aria-current]{background:#ffffff14}
.lang-list a[aria-current]:focus-visible,.lang-list a[aria-current]:hover{color:#17132f;background:#fff}