/*
 * ATTA Group Banner — stile front-end.
 *
 * Replica della topbar di utensiltecnica.com (#topbar / .topbar-container):
 * contenuto max 1500px con 30px di padding laterale, Albert Sans 500 14px,
 * testo e contatti neri, bordo inferiore #ebebeb. Altezza originale 45px,
 * qui 39px (-3px sopra e sotto, come richiesto).
 *
 * Le proprietà tipografiche sono marcate !important: i temi caricano i
 * propri font (es. Titillium Web) con regole aggressive e senza
 * !important il banner erediterebbe carattere e dimensioni sbagliati.
 *
 * Le variabili CSS si possono comunque adattare al singolo sito
 * (da Aspetto → Personalizza → CSS aggiuntivo) senza toccare il plugin:
 *
 *   .atta-banner { --atta-banner-height: 45px; }
 */

/* Font della topbar originale, incluso nel plugin (licenza SIL OFL):
   nessuna richiesta a Google Fonts, identico su tutti i siti. */
@font-face {
	font-family: "Albert Sans";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("../fonts/albert-sans-500.woff2") format("woff2");
}

/* Valori predefiniti, sovrascrivibili dal CSS aggiuntivo del sito. */
.atta-banner {
	--atta-banner-bg: #ffffff;
	--atta-banner-color: #000000;
	--atta-banner-border: #ebebeb;
	--atta-banner-font: "Albert Sans", Arial, sans-serif;
	--atta-banner-max-width: 1500px;
	/* I 30px dell'originale + 10px di margine in più per lato; i due lati
	   si possono regolare anche da Impostazioni → ATTA Banner. */
	--atta-banner-pad-x: 40px;
	--atta-banner-pad-left: var(--atta-banner-pad-x);
	--atta-banner-pad-right: var(--atta-banner-pad-x);
	--atta-banner-logo-height: 20px;
	--atta-banner-font-size: 14px;
	/* Altezza totale della barra (i 39px iniziali + 4px sopra e sotto). */
	--atta-banner-height: 47px;
}

#atta-banner.atta-banner {
	display: block !important;
	width: 100%;
	margin: 0;
	padding: 0;
	background: var(--atta-banner-bg) !important;
	border: 0;
	border-bottom: 1px solid var(--atta-banner-border) !important;
	color: var(--atta-banner-color) !important;
	font-family: var(--atta-banner-font) !important;
	font-size: var(--atta-banner-font-size) !important;
	font-style: normal !important;
	font-weight: 400 !important;
	line-height: 1.6 !important;
	letter-spacing: normal !important;
	text-transform: none !important;
	position: relative;
	/* Sopra gli header dei temi (di solito ≤ 9999), sotto l'admin bar (99999). */
	z-index: 99990;
}

#atta-banner.atta-banner,
#atta-banner.atta-banner * {
	box-sizing: border-box;
}

#atta-banner .atta-banner__container {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	flex-wrap: nowrap;
	height: var(--atta-banner-height);
	max-width: var(--atta-banner-max-width);
	margin: 0 auto;
	padding: 0 40px;
	padding-left: var(--atta-banner-pad-left);
	padding-right: var(--atta-banner-pad-right);
}

/* Lato sinistro — "Società parte di" + logo ATTA. */
#atta-banner .atta-banner__brand {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	color: var(--atta-banner-color) !important;
	text-decoration: none !important;
}

#atta-banner a.atta-banner__brand:hover .atta-banner__text,
#atta-banner a.atta-banner__brand:focus .atta-banner__text {
	text-decoration: underline;
}

#atta-banner .atta-banner__text {
	color: var(--atta-banner-color) !important;
	font-family: var(--atta-banner-font) !important;
	font-size: var(--atta-banner-font-size) !important;
	font-style: normal !important;
	font-weight: 500 !important;
	line-height: 1.6 !important;
	letter-spacing: normal !important;
	text-transform: none !important;
	white-space: nowrap;
}

#atta-banner img.atta-banner__logo {
	height: var(--atta-banner-logo-height) !important;
	width: auto !important;
	max-width: none !important;
	max-height: none !important;
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	box-shadow: none;
}

/* Lato destro — telefono ed email, separati di 30px come l'originale. */
#atta-banner .atta-banner__contacts {
	display: inline-flex;
	align-items: center;
	flex-wrap: nowrap;
	gap: 0 30px;
}

#atta-banner .atta-banner__contacts a {
	color: var(--atta-banner-color) !important;
	font-family: var(--atta-banner-font) !important;
	font-size: var(--atta-banner-font-size) !important;
	font-style: normal !important;
	font-weight: 500 !important;
	line-height: 1.6 !important;
	letter-spacing: normal !important;
	text-transform: none !important;
	text-decoration: none !important;
	white-space: nowrap;
	background: transparent !important;
	border: 0 !important;
	margin: 0;
	padding: 0 !important;
}

#atta-banner .atta-banner__contacts a:hover,
#atta-banner .atta-banner__contacts a:focus {
	color: var(--atta-banner-color) !important;
	text-decoration: underline !important;
}

/* Mobile: telefono ed email spariscono, "Società parte di" + logo centrati. */
@media (max-width: 768px) {
	#atta-banner .atta-banner__contacts {
		display: none !important;
	}

	#atta-banner .atta-banner__container {
		justify-content: center;
	}
}

@media print {
	#atta-banner.atta-banner {
		display: none !important;
	}
}