/* ===========================================
   CLST Theme v3.0 - Fix per Astra
   Solo override minimi per far convivere Astra
   con i plugin CLST. Tutti gli stili del brand
   (colori, layout delle pagine, badge, card,
   tabelle prezzo) arrivano dai CSS dei plugin.
   =========================================== */

/* --------------------------------------------
   1. HEADER: rendi l'header Astra pulito e compatto
   -------------------------------------------- */
.clst-site .site-header {
	padding: 10px 0;
	box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.06 );
	background: #ffffff;
}

.clst-site .custom-logo {
	max-height: 55px;
	width: auto;
}

.clst-site .main-navigation a {
	font-weight: 500;
	font-size: 15px;
	padding: 8px 14px;
	color: #1A365D;
	transition: color 0.2s ease;
}

.clst-site .main-navigation a:hover,
.clst-site .main-navigation .current-menu-item > a {
	color: #00CFEF;
}

/* --------------------------------------------
   2. CONTENUTO: rimuovi padding extra di Astra
   -------------------------------------------- */
.clst-site .site-content .ast-container {
	padding-top: 0;
	padding-bottom: 0;
}

.clst-site .entry-header {
	margin-bottom: 20px;
}

/* --------------------------------------------
   3. BREADCRUMBS: nascondi (non servono su CLST)
   -------------------------------------------- */
.clst-site .ast-breadcrumbs-wrapper {
	display: none;
}

/* --------------------------------------------
   4. FOOTER: padding base (il footer esteso lo
   costruirai con Elementor o Astra Footer Builder)
   -------------------------------------------- */
.clst-site .site-footer {
	padding: 40px 20px 20px;
	background: #1A365D;
	color: #CBD5E0;
}

.clst-site .site-footer a {
	color: #CBD5E0;
	transition: color 0.2s ease;
}

.clst-site .site-footer a:hover {
	color: #00CFEF;
}

/* --------------------------------------------
   5. ELEMENTOR: sistema il contenitore quando
   una pagina è costruita con Elementor
   -------------------------------------------- */
.clst-site.elementor-page .site-content {
	padding: 0;
}

.clst-site.elementor-page .ast-container {
	max-width: 100%;
	padding: 0;
}

/* --------------------------------------------
   6. ACCESSIBILITÀ: focus visibile sui link/bottoni
   -------------------------------------------- */
.clst-site a:focus,
.clst-site button:focus {
	outline: 2px solid #00CFEF;
	outline-offset: 2px;
}

/* --------------------------------------------
   7. IMMAGINI: mai overflow nei contenuti
   -------------------------------------------- */
.clst-site img {
	max-width: 100%;
	height: auto;
}

/* --------------------------------------------
   8. TABELLE: stile base coerente col brand
   -------------------------------------------- */
.clst-site table {
	width: 100%;
	border-collapse: collapse;
}

.clst-site table th,
.clst-site table td {
	padding: 10px;
	border: 1px solid #E2E8F0;
	text-align: left;
}

.clst-site table th {
	background: #F5F8FA;
	color: #1A365D;
	font-weight: 600;
}

/* --------------------------------------------
   9. TIPOGRAFIA: titoli in linea con il brand
   -------------------------------------------- */
.clst-site h1,
.clst-site h2,
.clst-site h3 {
	color: #1A365D;
	line-height: 1.2;
}

.clst-site h1 { font-size: 2.5rem; }
.clst-site h2 { font-size: 2rem; }
.clst-site h3 { font-size: 1.4rem; }

.clst-site a {
	color: #1A365D;
	text-decoration: none;
}

.clst-site a:hover {
	color: #00CFEF;
}

/* --------------------------------------------
   10. RESPONSIVE: fix per tablet e smartphone
   -------------------------------------------- */
@media ( max-width: 921px ) {
	.clst-site .site-header {
		padding: 8px 0;
	}
	.clst-site .custom-logo {
		max-height: 45px;
	}
	.clst-site h1 { font-size: 2rem; }
	.clst-site h2 { font-size: 1.6rem; }
	.clst-site h3 { font-size: 1.2rem; }
}

@media ( max-width: 544px ) {
	.clst-site h1 { font-size: 1.7rem; }
	.clst-site h2 { font-size: 1.4rem; }
}

/* --------------------------------------------
   11. FIX: evita conflitto con Neon CSS
   Il plugin CLST Neon imposta --neon-primary.
   Qui garantiamo che il body non abbia sfondi
   scuri se il plugin neon è disattivato.
   -------------------------------------------- */
.clst-site:not(.clst-neon-enabled) {
	background: #F5F8FA;
}