/*
 * Intestazione: disposizione su telefono e loghi per dispositivo (vedi inc/intestazione.php).
 * Caricato solo se la disposizione non è «come ora» o se ci sono loghi per dispositivo.
 * Classi sul body: sbhd-tel-destra | sbhd-tel-riga | sbhd-tel-due_righe | sbhd-tel-logo_due_righe | sbhd-loghi
 * Dispositivi: computer ≥1025 px, tablet 768–1024 px, telefono ≤767 px (come Elementor).
 */

/* ------------------------------------------------ loghi per dispositivo */
.sbhd-loghi .sbusto-logo{display:inline-flex;align-items:center}
.sbhd-loghi .sbusto-logo__v{display:none;align-items:center}
@media (min-width:1025px){
	.sbhd-loghi .sbusto-logo__v--computer{display:inline-flex}
	.sbhd-loghi .sbusto-logo__img{max-height:var(--sbhd-logo-c,52px)}
	.sbhd-loghi .sbusto-header.is-fl .sbusto-logo__v--computer{display:none}
	.sbhd-loghi .sbusto-header.is-fl .sbusto-logo__v--fl-computer{display:inline-flex}
}
@media (min-width:768px) and (max-width:1024px){
	.sbhd-loghi .sbusto-logo__v--tablet{display:inline-flex}
	.sbhd-loghi .sbusto-logo__img{max-height:var(--sbhd-logo-t,46px)}
	.sbhd-loghi .sbusto-header.is-fl .sbusto-logo__v--tablet{display:none}
	.sbhd-loghi .sbusto-header.is-fl .sbusto-logo__v--fl-tablet{display:inline-flex}
}
@media (max-width:767px){
	.sbhd-loghi .sbusto-logo__v--telefono{display:inline-flex}
	.sbhd-loghi .sbusto-logo__img{max-height:var(--sbhd-logo-m,40px)}
	.sbhd-loghi .sbusto-header.is-fl .sbusto-logo__v--telefono{display:none}
	.sbhd-loghi .sbusto-header.is-fl .sbusto-logo__v--fl-telefono{display:inline-flex}
}
.sbhd-loghi .sbusto-header.is-fl.is-fl-compatto .sbusto-logo__img,
.sbhd-loghi .sbusto-header.is-fl .sbusto-logo__img{max-height:var(--sbhd-logo-fl,36px)}

/* ------------------------------------------------ disposizioni su telefono */
.sbusto-nav__extra{display:none}

@media (max-width:767px){
	/* comune alle disposizioni A, B e C: margini laterali da telefono */
	body[class*="sbhd-tel-"]:not(.sbhd-tel-destra) .sbusto-header__in{padding-left:16px;padding-right:16px}

	/* Logo sopra a sinistra, icone sotto allineate a destra (☰ nell'angolo); margini come ora */
	body.sbhd-tel-destra .sbusto-actions{margin-left:auto}
	body.sbhd-tel-destra .sbusto-header:not(.is-fl-compatto) .sbusto-actions{flex:0 0 100%;justify-content:flex-end}

	/* A – una riga: il logo va a capo se è troppo lungo; ricerca e account dentro il menu ☰ */
	body.sbhd-tel-riga .sbusto-header__in{flex-wrap:nowrap;column-gap:10px;padding-top:12px;padding-bottom:12px}
	body.sbhd-tel-riga .sbusto-header.is-open .sbusto-header__in{flex-wrap:wrap}
	body.sbhd-tel-riga .sbusto-logo{min-width:0;flex:1 1 auto}
	body.sbhd-tel-riga .sbusto-logo__text{white-space:normal;line-height:1.1}
	body.sbhd-tel-riga .sbusto-actions{flex-shrink:0;margin-left:auto}
	body.sbhd-tel-riga .sbusto-header .sbusto-actions .sbusto-search,
	body.sbhd-tel-riga .sbusto-header .sbusto-actions .sbusto-accountbtn{display:none}
	body.sbhd-tel-riga .sbusto-cartbtn{padding:0 12px}
	body.sbhd-tel-riga .sbusto-nav__extra{display:flex;flex-direction:column;gap:10px;padding:12px 0 6px;margin-top:6px;border-top:1px solid var(--sb-line2)}
	body.sbhd-tel-riga .sbusto-nav__search{display:flex;align-items:center;gap:6px}
	body.sbusto.sbhd-tel-riga .sbusto-nav__search input[type=search]{flex:1;min-width:0;height:42px;padding:0 14px;border:1px solid var(--sb-line3);border-radius:999px;background:var(--sb-bg2);color:var(--sb-text);font:inherit;font-size:16px}
	body.sbhd-tel-riga .sbusto-nav__search button{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:#1A1920;color:var(--sb-text);cursor:pointer}
	body.sbhd-tel-riga .sbusto-nav__account{display:inline-flex;align-items:center;gap:10px;padding:8px 0;text-decoration:none;font-size:13px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--sb-text)}

	/* B – due righe ordinate: logo centrato, icone distribuite su tutta la larghezza */
	body.sbhd-tel-due_righe .sbusto-header__in{justify-content:center;row-gap:8px;padding-top:14px;padding-bottom:8px}
	body.sbhd-tel-due_righe .sbusto-logo{flex:0 0 100%;text-align:center;justify-content:center}
	body.sbhd-tel-due_righe .sbusto-actions{flex:0 0 100%;justify-content:space-between}

	/* C – logo su due righe a sinistra, tutte le icone a destra */
	body.sbhd-tel-logo_due_righe .sbusto-header__in{flex-wrap:nowrap;column-gap:8px;padding-top:10px;padding-bottom:10px}
	body.sbhd-tel-logo_due_righe .sbusto-header.is-open .sbusto-header__in{flex-wrap:wrap}
	body.sbhd-tel-logo_due_righe .sbusto-logo__text{display:block;font-size:17px;line-height:1.05;max-width:150px;white-space:normal}
	body.sbhd-tel-logo_due_righe .sbusto-actions{margin-left:auto;flex-shrink:0;gap:0}
	body.sbhd-tel-logo_due_righe .sbusto-iconbtn{width:38px;height:38px}
	body.sbhd-tel-logo_due_righe .sbusto-cartbtn{padding:0 10px;height:38px}
}