/* =========================================================
   ALTER EGO — BLINDATURA CONTRO IL TEMA
   Caricato per ultimo (wp_enqueue_scripts a priorità 999 e ripetuto
   nel piè di pagina). Ogni regola parte da `body.ae-page .ae-app`,
   che batte i selettori dei temi (`input[type="search"]`,
   `.entry-content a`, `button`, `.site-main h2`…), e sulle proprietà
   che i temi toccano più spesso usa !important. Niente di nuovo:
   ridice con più forza quello che alter-ego.css dice già.
   ========================================================= */

/* --- Il contenitore: il contenuto è l'app, il tema sta zitto --- */
body.ae-page .ae-app,
body.ae-page .ae-app *,
body.ae-page .ae-app *::before,
body.ae-page .ae-app *::after { box-sizing: border-box !important; }

body.ae-page .ae-app {
	font-family: var(--ae-font) !important;
	font-size: 15px !important;
	line-height: 1.5 !important;
	letter-spacing: normal !important;
	text-transform: none !important;
	text-align: left !important;
	color: var(--ae-text) !important;
}

/* Titolo della pagina, sottotitolo, "hero" del tema: sopra l'app non servono. */
body.ae-page .entry-header,
body.ae-page .page-header,
body.ae-page .page-hero,
body.ae-page h1.entry-title,
body.ae-page .entry-title,
body.ae-page .entry-meta,
body.ae-page .featured-image,
body.ae-page .post-image { display: none !important; }

/* Larghezza piena, senza le cornici del tema. */
body.ae-page.ae-full .site-content,
body.ae-page.ae-full .content-area,
body.ae-page.ae-full .site-main,
body.ae-page.ae-full .inside-article,
body.ae-page.ae-full .entry-content,
body.ae-page.ae-full .container,
body.ae-page.ae-full .grid-container,
body.ae-page.ae-full .wp-block-group__inner-container {
	max-width: none !important;
	width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}
body.ae-page .inside-article,
body.ae-page .entry-content { padding-top: 0 !important; margin-top: 0 !important; }
body.ae-page .entry-content > .ae-app { margin: 0 !important; max-width: none !important; }

/* --- Testo e titoli --- */
body.ae-page .ae-app h1,
body.ae-page .ae-app h2,
body.ae-page .ae-app h3,
body.ae-page .ae-app h4,
body.ae-page .ae-app h5,
body.ae-page .ae-app h6 {
	margin-top: 0 !important;
	text-transform: none !important;
	letter-spacing: normal !important;
	line-height: 1.2 !important;
	color: inherit;
}
body.ae-page .ae-app p { margin-top: 0; }
body.ae-page .ae-app p:last-child { margin-bottom: 0; }
body.ae-page .ae-app ul[class],
body.ae-page .ae-app ol[class] { list-style: none !important; margin: 0 !important; padding: 0 !important; }
body.ae-page .ae-app a { text-decoration: none !important; box-shadow: none !important; border-bottom: 0 !important; }
body.ae-page .ae-app a:hover { text-decoration: none !important; }
body.ae-page .ae-app img { max-width: 100% !important; border: 0 !important; box-shadow: none !important; }
body.ae-page .ae-app svg { display: inline-block; vertical-align: middle; }
body.ae-page .ae-app hr { margin: 0; border: 0; }
body.ae-page .ae-app table { border-collapse: collapse !important; margin: 0 !important; width: 100%; }
body.ae-page .ae-app th,
body.ae-page .ae-app td { border-color: var(--ae-border) !important; text-align: left; }

/* --- Campi: i temi ridisegnano input, select e textarea per tipo --- */
body.ae-page .ae-app .ae-input,
body.ae-page .ae-app input.ae-input,
body.ae-page .ae-app input[type="search"].ae-input,
body.ae-page .ae-app select.ae-input,
body.ae-page .ae-app textarea.ae-input {
	width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 12px 14px !important;
	border: 1px solid var(--ae-border-strong) !important;
	border-radius: var(--ae-radius-sm) !important;
	background-color: var(--ae-field-bg) !important;
	background-image: none !important;
	color: var(--ae-text) !important;
	font-family: inherit !important;
	font-size: .95rem !important;
	line-height: 1.45 !important;
	letter-spacing: normal !important;
	text-transform: none !important;
	text-indent: 0 !important;
	box-shadow: none !important;
	appearance: none !important;
	-webkit-appearance: none !important;
}
body.ae-page .ae-app select.ae-input { padding-right: 40px !important; }
body.ae-page .ae-app textarea.ae-input { min-height: 96px !important; resize: vertical; }
body.ae-page .ae-app .ae-input:focus,
body.ae-page .ae-app .ae-input:focus-visible {
	outline: none !important;
	border-color: var(--ae-accent) !important;
	background-color: var(--ae-field-bg-on, var(--ae-field-bg)) !important;
	box-shadow: 0 0 0 4px var(--ae-accent-soft) !important;
}
/* La lente nel campo di ricerca: il testo parte dopo l'icona. */
body.ae-page .ae-app .ae-search-box .ae-input,
body.ae-page .ae-app .ae-search-box input[type="search"] { padding-left: 42px !important; }
body.ae-page .ae-app input[type="checkbox"],
body.ae-page .ae-app input[type="radio"] {
	appearance: auto !important;
	-webkit-appearance: auto !important;
	width: 16px !important;
	height: 16px !important;
	margin: 0 !important;
	padding: 0 !important;
	vertical-align: middle;
	accent-color: var(--ae-accent);
}
body.ae-page .ae-app input[type="checkbox"].ae-switch,
body.ae-page .ae-app .ae-switch input[type="checkbox"] { appearance: none !important; -webkit-appearance: none !important; width: auto !important; height: auto !important; }
body.ae-page .ae-app input[type="range"] { appearance: auto !important; -webkit-appearance: auto !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
body.ae-page .ae-app input[type="file"] { padding: 0 !important; border: 0 !important; background: transparent !important; }
body.ae-page .ae-app label { margin: 0; font-weight: inherit; display: inline-block; }
body.ae-page .ae-app .ae-label { display: block; }
body.ae-page .ae-app ::placeholder { color: color-mix(in srgb, var(--ae-muted) 78%, transparent) !important; opacity: 1 !important; }

/* --- Pulsanti: i temi mettono sfondo grigio, maiuscolo, spigoli vivi --- */
body.ae-page .ae-app button,
body.ae-page .ae-app .button,
body.ae-page .ae-app input[type="button"],
body.ae-page .ae-app input[type="submit"] {
	font-family: inherit !important;
	text-transform: none !important;
	letter-spacing: normal !important;
	background-image: none !important;
	text-shadow: none !important;
	line-height: 1.3;
	cursor: pointer;
}
body.ae-page .ae-app button:not([class]) { background: transparent; border: 0; padding: 0; color: inherit; }
body.ae-page .ae-app .ae-btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 9px;
	padding: 11px 20px !important;
	border-radius: var(--ae-radius-sm) !important;
	border: 1px solid var(--ae-border-strong) !important;
	background: var(--ae-surface) !important;
	color: var(--ae-ink-2, var(--ae-text)) !important;
	font-size: .9rem !important;
	font-weight: 600 !important;
	line-height: 1.3 !important;
	text-decoration: none !important;
	width: auto;
	height: auto !important;
	min-height: 0 !important;
}
body.ae-page .ae-app .ae-btn:hover { background: var(--ae-surface-2) !important; color: var(--ae-text) !important; }
body.ae-page .ae-app .ae-btn--primary,
body.ae-page .ae-app .ae-btn--primary:hover {
	background: linear-gradient(135deg, color-mix(in srgb, var(--ae-accent) 82%, #fff), color-mix(in srgb, var(--ae-accent) 78%, #000)) !important;
	border-color: color-mix(in srgb, var(--ae-accent) 78%, #000) !important;
	color: #fff !important;
}
body.ae-page .ae-app .ae-btn--danger,
body.ae-page .ae-app .ae-btn--danger:hover { color: #fff !important; }
body.ae-page .ae-app .ae-btn--sm { padding: 7px 12px !important; font-size: .82rem !important; }
body.ae-page .ae-app .ae-btn--icon,
body.ae-page .ae-app .ae-icon-btn { padding: 8px !important; }
body.ae-page .ae-app button:focus,
body.ae-page .ae-app a:focus,
body.ae-page .ae-app [tabindex]:focus { outline: none !important; }
body.ae-page .ae-app button:focus-visible,
body.ae-page .ae-app a:focus-visible { outline: none !important; box-shadow: 0 0 0 4px var(--ae-accent-soft) !important; }

/* --- Il tema non deve nascondere niente dell'app --- */
body.ae-page .ae-app [hidden] { display: none !important; }
body.ae-page .ae-app .ae-hidden { display: none !important; }
