/* EmergenzAutismo — forum coordinato con il sito (si applica sopra il tema standard di SMF 2.1).
   Colori e carattere dal design system del sito (public/assets/css/site.css). Il forum resta in tema chiaro. */

@font-face {
	font-family: "Figtree";
	font-style: normal;
	font-weight: 300 900;
	font-display: swap;
	src: url("fonts/figtree-latin-wght-normal.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: "Figtree";
	font-style: normal;
	font-weight: 300 900;
	font-display: swap;
	src: url("fonts/figtree-latin-ext-wght-normal.woff2") format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
	--ea-corallo: #C63F25;
	--ea-corallo-scuro: #A5331C;
	--ea-corallo-tenue: #FBE9E3;
	--ea-giallo: #F2B134;
	--ea-inchiostro: #1C2541;
	--ea-grigio: #5A6278;
	--ea-linea: #E6E1DA;
	--ea-fondo: #FBF8F4;
	--ea-superficie: #FFFFFF;
	--ea-superficie-2: #F4EFE8;
	--ea-font: "Figtree", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--ea-larghezza: 1200px;
	--ea-gutter: clamp(16px, 4vw, 32px);
	color-scheme: light;
}

/* ---------- Base ---------- */
html { background: var(--ea-fondo); }
body {
	background: var(--ea-fondo);
	color: var(--ea-inchiostro);
	font-family: var(--ea-font);
	font-size: 87.5%;
}
body, input, button, select, textarea, .button, h3.catbg, h3.titlebg, h4.titlebg, .titlebg, .subbg {
	font-family: var(--ea-font);
}
a, a:visited { color: var(--ea-corallo-scuro); }
a:hover { color: var(--ea-corallo); }
:focus-visible { outline: 3px solid #2B66C9; outline-offset: 2px; }

/* ---------- Barra del sito ---------- */
.ea-container { max-width: var(--ea-larghezza); margin: 0 auto; padding: 0 var(--ea-gutter); box-sizing: border-box; }
.ea-header {
	position: relative; z-index: 60;
	background: var(--ea-superficie);
	border-bottom: 1px solid var(--ea-linea);
	font-size: 16px; line-height: 1.4;
}
.ea-header__bar { display: flex; align-items: center; gap: 24px; min-height: 76px; }
.ea-header__logo { display: block; flex: none; }
.ea-header__logo img { display: block; height: 40px; width: auto; }
.ea-nav { margin-left: auto; }
.ea-nav ul { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; gap: 4px; }
.ea-nav a, .ea-nav a:visited {
	display: block; padding: 10px 14px; border-radius: 999px;
	color: var(--ea-inchiostro); font-weight: 600; text-decoration: none;
}
.ea-nav a:hover { background: var(--ea-superficie-2); color: var(--ea-inchiostro); text-decoration: none; }
.ea-nav a[aria-current="page"] { color: var(--ea-corallo); }
.ea-nav a.ea-btn, .ea-nav a.ea-btn:visited { background: var(--ea-corallo); color: #fff; margin-left: 8px; padding: 10px 20px; }
.ea-nav a.ea-btn:hover { background: var(--ea-corallo-scuro); color: #fff; }
.ea-menu-toggle {
	display: none; margin-left: auto; align-items: center; gap: 8px; min-height: 44px; padding: 8px 14px;
	border: 1px solid var(--ea-linea); border-radius: 999px; background: var(--ea-superficie); color: var(--ea-inchiostro);
	font: inherit; font-weight: 700; cursor: pointer;
}
.ea-menu-toggle svg { width: 22px; height: 22px; }
@media (max-width: 960px) {
	.ea-header__bar { gap: 10px; min-height: 64px; }
	.ea-header__logo img { height: 34px; }
	.ea-menu-toggle { display: inline-flex; }
	.ea-nav {
		position: absolute; top: 100%; left: 0; right: 0; margin: 0; display: none;
		background: var(--ea-superficie); border-bottom: 1px solid var(--ea-linea);
		box-shadow: 0 4px 16px rgba(28, 37, 65, .08); padding: 12px var(--ea-gutter) 20px;
	}
	.ea-nav.is-open { display: block; }
	.ea-nav ul { flex-direction: column; align-items: stretch; gap: 2px; }
	.ea-nav a { padding: 14px 12px; border-radius: 10px; }
	.ea-nav a.ea-btn { margin: 10px 0 0; text-align: center; }
}
@media (max-width: 420px) { .ea-header__logo img { height: 28px; } }

/* Link del sito sotto il piè di pagina del forum */
.ea-footer { background: var(--ea-inchiostro); padding: 0 0 20px; font-size: 14px; }
.ea-footer ul { list-style: none; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 6px 22px; }
.ea-footer a, .ea-footer a:visited { color: #F3F1EC; }

/* ---------- Intestazione del forum ---------- */
/* Logo e titolo del forum: li sostituisce la barra del sito */
#header { display: none; }
#top_section {
	background: var(--ea-superficie-2);
	border-bottom: 1px solid var(--ea-linea);
	box-shadow: none;
}
#top_section .inner_wrap, #wrapper, #footer .inner_wrap { max-width: var(--ea-larghezza); }
#wrapper {
	background: transparent;
	box-shadow: none;
	border: 0;
	margin-top: 16px;
}
#upper_section {
	background: var(--ea-superficie);
	border: 1px solid var(--ea-linea);
	border-radius: 14px;
}
#upper_section .news h2 { color: var(--ea-inchiostro); }
.navigate_section ul, .popup_content, .up_contain { background: var(--ea-superficie); background-image: none; }
#inner_section { background: var(--ea-superficie); background-image: none; border-radius: 14px; }

/* Menu del forum */
.dropmenu a.active, #top_info a.active,
.dropmenu li a.active:hover, .dropmenu li:hover a.active {
	background: var(--ea-corallo); border-color: var(--ea-corallo-scuro); color: #fff; text-shadow: none;
}
.dropmenu > li:hover > a, .dropmenu > li > a:focus,
#top_info > li:hover > a, #top_info > li > a:focus, #top_info > li > a.open {
	background: var(--ea-inchiostro); border-color: var(--ea-inchiostro); color: #fff; box-shadow: none; text-shadow: none;
}
.dropmenu li a, #top_info > li > a { border-radius: 999px; padding: 0 10px; }

/* ---------- Riquadri ---------- */
div.cat_bar {
	background: var(--ea-inchiostro);
	border-bottom: 0;
	border-radius: 12px 12px 0 0;
	box-shadow: none;
	text-shadow: none;
}
.cat_bar.collapsed, .cat_bar.cat_bar_round { border-radius: 12px; }
h3.catbg { font-weight: 700; letter-spacing: .01em; }
.title_bar {
	border: 1px solid var(--ea-linea);
	border-top: 3px solid var(--ea-corallo);
	border-bottom: 1px solid var(--ea-linea);
	background: var(--ea-superficie);
	border-radius: 10px 10px 0 0;
}
h3.titlebg, h4.titlebg, .titlebg, .titlebg a, h3.subbg, h4.subbg, .subbg, .subbg a { color: var(--ea-inchiostro); }
.windowbg, .roundframe {
	background-color: var(--ea-superficie);
	border-color: var(--ea-linea);
}
.windowbg:nth-of-type(even) { background-color: #FDFBF8; }
.roundframe { border-radius: 12px; box-shadow: none; }

/* ---------- Pulsanti ---------- */
.button, .quickbuttons > li, .inline_mod_check, #search_form .button,
.dropmenu li ul, .top_menu, .popup_window, .post_options ul {
	background: var(--ea-superficie);
	background-image: none;
}
.button, .quickbuttons > li > a, .inline_mod_check {
	color: var(--ea-inchiostro);
	border-color: var(--ea-linea);
	border-radius: 999px;
	box-shadow: none;
	font-weight: 600;
	padding: 0 12px;
}
.button:hover, .button:focus, #search_form .button:hover, .quickbuttons li:hover {
	background: var(--ea-superficie-2); background-image: none; color: var(--ea-inchiostro);
}
.button.active, .button.active:hover, .button.active:focus,
input[type="submit"].button, button.button[type="submit"] {
	background: var(--ea-corallo); border-color: var(--ea-corallo); color: #fff;
}
input[type="submit"].button:hover, button.button[type="submit"]:hover, .button.active:hover { background: var(--ea-corallo-scuro); }
.cat_bar .button { border-color: transparent; }

/* ---------- Piè di pagina ---------- */
#footer {
	background: var(--ea-inchiostro);
	border-top: 4px solid var(--ea-corallo);
}
#footer li, #footer p, #footer a { color: #F3F1EC; }