/*
 * Menu flottante (caricato solo se attivo: vedi inc/header-flottante.php).
 * Le classi le mette assets/header-flottante.js sull'intestazione #site-header:
 *   .is-fl          intestazione fissata in alto
 *   .is-fl-compatto versione compatta
 *   .is-fl-entra    animazione d'ingresso
 *   .is-fl-via      nascosta (modalità «compare quando torni su»)
 *   data-fl-nascondi="logo menu search account cart"  elementi nascosti in versione flottante
 * Le variabili --sbfl-* arrivano dalle opzioni di Personalizza.
 */

.sbusto-header-spacer{display:block;height:0}

.sbusto-header.is-fl{
	position:fixed;left:0;right:0;top:var(--sbfl-top,0px);z-index:1000;
	background:rgba(9,9,12,var(--sbfl-alpha,.85));
	-webkit-backdrop-filter:var(--sbfl-blur,none);backdrop-filter:var(--sbfl-blur,none);
	box-shadow:var(--sbfl-shadow,none);
	transition:transform var(--sbfl-dur,350ms) cubic-bezier(.2,.8,.2,1),opacity var(--sbfl-dur,350ms);
	will-change:transform;
}
/* niente vetro se il browser non lo supporta: sfondo pieno */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
	.sbusto-header.is-fl{background:var(--sb-bg)}
}

/* versione compatta */
.sbusto-header.is-fl.is-fl-compatto .sbusto-header__in{padding-top:var(--sbfl-pad,8px);padding-bottom:var(--sbfl-pad,8px)}
.sbusto-header.is-fl.is-fl-compatto .sbusto-logo__text{font-size:15px}
.sbusto-header.is-fl.is-fl-compatto .sbusto-logo__img{max-height:38px}
.sbusto-header.is-fl.is-fl-compatto .sbusto-menu a{padding-top:6px;padding-bottom:6px}
.sbusto-header.is-fl.is-fl-compatto .sbusto-iconbtn{width:40px;height:40px}
.sbusto-header.is-fl.is-fl-compatto .sbusto-cartbtn{height:40px}
/* compatto su una sola riga: logo a sinistra, icone a destra (anche su telefono) */
.sbusto-header.is-fl.is-fl-compatto .sbusto-header__in{column-gap:12px}
.sbusto-header.is-fl.is-fl-compatto:not(.is-open) .sbusto-header__in{flex-wrap:nowrap}
.sbusto-header.is-fl.is-fl-compatto .sbusto-actions{margin-left:auto;flex-shrink:0}
.sbusto-header.is-fl.is-fl-compatto .sbusto-logo{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:767px){
	.sbusto-header.is-fl.is-fl-compatto .sbusto-logo__text{font-size:14px}
	.sbusto-header.is-fl.is-fl-compatto .sbusto-cartbtn{padding:0 12px}
}

/* animazioni d'ingresso */
@keyframes sbFlScivola{from{transform:translateY(-100%)}to{transform:none}}
@keyframes sbFlDissolvenza{from{opacity:0}to{opacity:1}}
.sbusto-header.is-fl.is-fl-entra[data-fl-anim="scivola"]{animation:sbFlScivola var(--sbfl-dur,350ms) cubic-bezier(.2,.8,.2,1)}
.sbusto-header.is-fl.is-fl-entra[data-fl-anim="dissolvenza"]{animation:sbFlDissolvenza var(--sbfl-dur,350ms) ease}

/* «compare quando torni su»: nascosta mentre scendi */
.sbusto-header.is-fl.is-fl-via{transform:translateY(calc(-100% - 12px))}

/* elementi nascosti nella versione flottante */
.sbusto-header.is-fl[data-fl-nascondi~="logo"] .sbusto-logo,
.sbusto-header.is-fl[data-fl-nascondi~="menu"] .sbusto-nav,
.sbusto-header.is-fl[data-fl-nascondi~="menu"] .sbusto-burger,
.sbusto-header.is-fl[data-fl-nascondi~="search"] .sbusto-search,
.sbusto-header.is-fl[data-fl-nascondi~="account"] .sbusto-accountbtn,
.sbusto-header.is-fl[data-fl-nascondi~="cart"] .sbusto-cartbtn{display:none!important}

/* menu a tendina (☰) aperto mentre l'intestazione è fissa: si scorre dentro lo schermo */
.sbusto-header.is-fl.is-open .sbusto-nav{max-height:calc(100vh - 90px - var(--sbfl-top,0px));max-height:calc(100dvh - 90px - var(--sbfl-top,0px));overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
/* lo spazio vero (sotto l'header, avviso compreso, sopra la barra di Safari) lo misura assets/header-flottante.js */
.sbusto-header.is-fl.is-open .sbusto-nav[style*="--sbfl-nav-max"]{max-height:var(--sbfl-nav-max)}

@media (prefers-reduced-motion:reduce){
	.sbusto-header.is-fl{transition:none}
	.sbusto-header.is-fl.is-fl-entra{animation:none!important}
}