/*
Theme Name:   Limbo Child
Theme URI:    https://limbogallery.live
Description:  Tema child di Divi per LIMBO — studio fotografico, spazio eventi, network di professionisti e shop.
Author:       Antonello Zoffoli
Author URI:   https://limbogallery.live
Template:     Divi
Version:      1.0.0
Text Domain:  limbo-child
*/

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

/* --- Variabili di base (da allineare alle Design Variables di Divi 5
       quando arriverà il design definitivo) --- */
:root {
	--limbo-nero: #000000;
	--limbo-bianco: #ffffff;
	--limbo-giallo: #DFFF00;
}

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

/* Spigoli vivi ovunque: nessun elemento arrotondato di default */
/* (regole specifiche verranno aggiunte durante lo sviluppo) */

/* --- Menu principale — header di DEFAULT di Divi (#top-menu) ------------- */

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

/* Header desktop: logo e menu centrati verticalmente (flexbox),
   larghezza allineata al tema (1400px). */
@media (min-width: 981px) {
	#main-header {
		padding-top: var(--limbo-header-pt) !important;
		padding-bottom: var(--limbo-header-pb) !important;
	}
	/* Larghezza identica alle righe dei contenuti (90%, senza tetto):
	   così i margini di header e contenuti coincidono a ogni dimensione.
	   Se un giorno le righe avranno 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 (22px a destra):
	   era questo a fermare il menu prima del bordo. Spaziatura via gap. */
	#top-menu > li {
		padding: 0 !important;
	}
	#top-menu {
		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(--limbo-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;
	}
	#top-menu {
		display: flex;
		align-items: center;
	}
}

/* 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 giallo */
#top-menu > li.current-menu-item > a,
#top-menu > li.current_page_item > a,
#top-menu > li.current-menu-ancestor > a {
	border-color: var(--limbo-giallo) !important;
}

/* Voce CTA (classe .menu-cta in Aspetto → Menu): fondo giallo */
#top-menu > li.menu-cta > a {
	background: var(--limbo-giallo) !important;
	border-color: var(--limbo-giallo) !important;
	color: var(--limbo-nero) !important;
}
/* CTA: nessun effetto hover — identica anche al passaggio del mouse
   (annullata anche l'opacità ridotta che Divi applica di default) */
#top-menu > li.menu-cta > a:hover {
	background: var(--limbo-giallo) !important;
	border-color: var(--limbo-giallo) !important;
	color: var(--limbo-nero) !important;
	opacity: 1 !important;
}

/* --- Menu principale (versione per modulo Menu del Theme Builder,
       classe .limbo-menu — tornerà utile se/quando l'header sarà custom) --- */

/* Tutte le voci: bordo trasparente della stessa misura di quello attivo,
   così all'attivazione il layout non "salta" */
.limbo-menu nav ul li > a {
	border: 2px solid transparent;
	padding: 8px 14px !important;
	transition: border-color .2s, background-color .2s, color .2s;
}

/* Voce ATTIVA (pagina corrente): bordo giallo */
.limbo-menu nav ul li.current-menu-item > a,
.limbo-menu nav ul li.current_page_item > a,
.limbo-menu nav ul li.current-menu-ancestor > a {
	border-color: var(--limbo-giallo);
}

/* Voce CTA (classe .menu-cta assegnata in Aspetto → Menu): fondo giallo */
.limbo-menu nav ul li.menu-cta > a {
	background: var(--limbo-giallo);
	border-color: var(--limbo-giallo);
	color: var(--limbo-nero) !important;
}
.limbo-menu nav ul li.menu-cta > a:hover {
	background: var(--limbo-nero);
	color: var(--limbo-giallo) !important;
}

/* --- Network (CPT professionisti) --------------------------------------- */

/* --- Autori shop (CPT autori) ------------------------------------------- */

/* Pagine singolo autore: sfondo nero totale (tema scuro) */
body.single-limbo_autore,
body.single-limbo_autore #page-container,
body.single-limbo_autore #main-content,
body.single-limbo_autore #et-boc,
body.single-limbo_autore .et-l {
	background-color: var(--limbo-nero) !important;
}

/* --- Eventi (Modern Events Calendar) ------------------------------------ */
/* Le personalizzazioni CSS di MEC andranno in questa sezione */

/* --- Shop (WooCommerce) ------------------------------------------------- */

/* --- Form (Contatti / Rent) --------------------------------------------- */