/*
Theme Name:   antonellozoffoli_v2
Theme URI:    https://www.antonellozoffoli.com
Author:       Antonello Zoffoli
Author URI:   https://www.antonellozoffoli.com
Template:     Divi
Version:      1.0.0
Text Domain:  antonellozoffoli-v2
*/

/* ==========================================================================
   CSS personalizzato ANTONELLOZOFFOLI_V2
   Tutto il CSS del sito va qui, organizzato per sezione.
   Il CSS della pagina di login è in inc/login.php
   perché richiede PHP per l'URL del logo.
   ========================================================================== */

/* --- Variabili di base --- */
:root {
	--antonellozoffoli-v2-scuro: #000000;
	--antonellozoffoli-v2-chiaro: #ffffff;
	--antonellozoffoli-v2-accento: #A2A49E;
}

/* --- Globale ------------------------------------------------------------ */

/* --- Header di DEFAULT di Divi (#main-header) ---------------------------- */

/* Regolazioni header: altezza logo e margini sopra/sotto */
:root {
	--antonellozoffoli-v2-logo-h: 30px;
	--antonellozoffoli-v2-header-pt: 24px; /* spazio sopra */
	--antonellozoffoli-v2-header-pb: 24px; /* spazio sotto */
}

/* Header desktop: logo e menu centrati verticalmente (flexbox). */
@media (min-width: 981px) {
	#main-header {
		padding-top: var(--antonellozoffoli-v2-header-pt) !important;
		padding-bottom: var(--antonellozoffoli-v2-header-pb) !important;
	}
	/* Larghezza identica alle righe dei contenuti: se le righe hanno
	   un max-width, rimetterlo uguale qui. */
	#main-header .container.et_menu_container {
		display: flex;
		align-items: center;
		justify-content: space-between;
		max-width: none;
		width: 90%;
	}
	/* Azzera il padding di default delle li di Divi: spaziatura via gap. */
	#top-menu > li {
		padding: 0 !important;
	}
	#top-menu {
		display: flex;
		align-items: center;
		gap: 10px;
	}
	#et-top-navigation .et-cart-info {
		margin-left: 16px;
	}
	#main-header .logo_container {
		position: static;
		height: auto;
		width: auto;
		flex: 0 0 auto;
	}
	#logo {
		max-height: none !important;
		max-width: none !important;
		height: var(--antonellozoffoli-v2-logo-h) !important;
		width: auto !important;
	}
	#et-top-navigation {
		float: none;
		padding: 0 !important; /* annulla anche il padding inline del JS di Divi */
		display: flex;
		align-items: center;
		justify-content: flex-end;
		margin-left: auto;  /* spinge il blocco menu contro il margine destro */
		margin-right: 0;
	}
}

/* --- Voci del menu (header di default Divi, #top-menu) ------------------- */

/* Tutte le voci: bordo trasparente uguale a quello attivo (niente "salti") */
#top-menu > li > a {
	border: 2px solid transparent !important;
	padding: 8px 14px !important;
	transition: border-color .2s, background-color .2s, color .2s;
}

/* Voce ATTIVA (pagina corrente): bordo d'accento */
#top-menu > li.current-menu-item > a,
#top-menu > li.current_page_item > a,
#top-menu > li.current-menu-ancestor > a {
	border-color: var(--antonellozoffoli-v2-accento) !important;
}

/* Voce CTA (classe .menu-cta in Aspetto → Menu): fondo d'accento, nessun hover */
#top-menu > li.menu-cta > a,
#top-menu > li.menu-cta > a:hover {
	background: var(--antonellozoffoli-v2-accento) !important;
	border-color: var(--antonellozoffoli-v2-accento) !important;
	color: var(--antonellozoffoli-v2-scuro) !important;
	opacity: 1 !important;
}

/* --- Voci del menu (modulo Menu del Theme Builder, classe .antonellozoffoli-v2-menu) ---- */
.antonellozoffoli-v2-menu nav ul li > a {
	border: 2px solid transparent;
	padding: 8px 14px !important;
	transition: border-color .2s, background-color .2s, color .2s;
}
.antonellozoffoli-v2-menu nav ul li.current-menu-item > a,
.antonellozoffoli-v2-menu nav ul li.current_page_item > a,
.antonellozoffoli-v2-menu nav ul li.current-menu-ancestor > a {
	border-color: var(--antonellozoffoli-v2-accento);
}
.antonellozoffoli-v2-menu nav ul li.menu-cta > a {
	background: var(--antonellozoffoli-v2-accento);
	border-color: var(--antonellozoffoli-v2-accento);
	color: var(--antonellozoffoli-v2-scuro) !important;
}
.antonellozoffoli-v2-menu nav ul li.menu-cta > a:hover {
	background: var(--antonellozoffoli-v2-scuro);
	color: var(--antonellozoffoli-v2-accento) !important;
}