/* Tema Archade: stili del brandbook (Quasi Nero #252220, Archancione #F64511, Bianco).
   I colori di fondo, testo e bordi arrivano da theme.json (settings.custom.am): versione nera di
   base, versione chiara come variazione di stile "Chiaro". */

:root {
	--am-o: #F64511;
	--am-on-o: #ffffff;
	--am-bg: var(--wp--custom--am--bg, #252220);
	--am-fg: var(--wp--custom--am--fg, #ffffff);
	--am-bd: var(--wp--custom--am--bd, #ffffff);
	--am-line: var(--wp--custom--am--line, rgba(255, 255, 255, .07));
	--am-foot: #252220;
	--am-wrap: 1120px;
}

html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
.wp-site-blocks > * + * { margin-block-start: 0; }
::selection { background: var(--am-o); color: var(--am-on-o); }
:focus-visible { outline: 2px solid var(--am-o); outline-offset: 3px; }

/* Sfondo a griglia */
.am-grid,
.am-header {
	background-color: var(--am-bg);
	background-image:
		linear-gradient(var(--am-line) 1px, transparent 1px),
		linear-gradient(90deg, var(--am-line) 1px, transparent 1px);
	background-size: 32px 32px;
}

/* Bottoni a pillola: hover arancione pieno e zoom del solo testo, nessuna transizione di colore */
.wp-element-button,
.wp-block-button__link,
.am-pill {
	transition: none;
	box-shadow: none;
	text-decoration: none;
}
.am-pill {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	border: 2px solid var(--am-bd);
	border-radius: 999px;
	padding: 10px 20px;
	background: var(--am-bg);
	color: var(--am-fg);
	font-weight: 600;
	font-size: 15px;
	line-height: 1.2;
}
.am-pill.am-hot { background: var(--am-o); color: var(--am-on-o); }
.am-pill:hover,
.am-pill:focus-visible { background: var(--am-o); color: var(--am-on-o); }
.wp-block-button.is-style-outline > .wp-block-button__link,
.wp-block-button__link.is-style-outline {
	background: var(--am-bg);
	color: var(--am-fg);
	border: 2px solid var(--am-bd);
	padding: 10px 20px;
}
.wp-block-button.is-style-outline > .wp-block-button__link:hover,
.wp-block-button.is-style-outline > .wp-block-button__link:focus-visible {
	background: var(--am-o);
	color: var(--am-on-o);
}
.am-t,
.am-pill > span { display: inline-block; transition: transform .18s ease; }
.wp-block-button__link:hover .am-t,
.wp-block-button__link:focus-visible .am-t,
.am-pill:hover > span,
.am-pill:focus-visible > span { transform: scale(1.07); }
.wp-block-buttons { gap: 10px; }

/* Disegni e icone: le linee prendono il colore del testo, i fondi quello della pagina */
.am-ill g,
.am-icon svg { stroke: var(--am-fg); }
.am-ill [stroke="#252220"],
.am-icon [stroke="#252220"] { stroke: var(--am-fg); }
.am-ill [fill="#fff"],
.am-icon [fill="#fff"] { fill: var(--am-bg); }
.am-ill [fill="#252220"],
.am-icon [fill="#252220"] { fill: var(--am-fg); }

/* Link nel testo */
.am-paper a:hover, .am-sec a:not(.am-pill):hover { color: var(--am-o); }

/* Intestazione */
.am-header { padding-top: 22px; padding-bottom: 22px; }
.am-header__in { gap: 16px; }
.am-logo { margin: 0; font-family: var(--wp--preset--font-family--neulis-neue); font-weight: 600; font-size: 20px; letter-spacing: -.01em; line-height: 1.2; }
.am-logo a { text-decoration: none; color: inherit; }
.am-logo a:hover { color: inherit; }
.am-logo span { color: var(--am-o); }
.am-nav { margin: 0; }

/* Piede di pagina: testi bianchi */
.am-footer {
	background: var(--am-foot);
	color: #ffffff;
	border-top: 2px solid var(--am-bd);
	padding-top: 48px;
	padding-bottom: 48px;
	font-size: 15px;
}
.am-footer,
.am-footer p,
.am-footer a,
.am-footer strong { color: #ffffff; }
.am-footer a:hover { color: #ffffff; text-decoration-color: var(--am-o); text-decoration-thickness: 2px; }
.am-footer .am-logo span { color: var(--am-o); }
.am-footer__in { gap: 32px 48px; align-items: flex-start; }
.am-footer__col { max-width: 420px; }
.am-footer__col p { margin: 0 0 10px; line-height: 1.7; }

/* Contenitori */
.am-main--full .wp-block-post-content > * { margin-block-start: 0; margin-block-end: 0; }
.am-main:not(.am-main--full) { padding-top: 48px; padding-bottom: 72px; }
.am-paper {
	background: var(--am-bg);
	border: 2px solid var(--am-bd);
	border-radius: 40px;
	padding: clamp(24px, 5vw, 56px) !important;
	max-width: var(--am-wrap) !important;
}
.am-paper .wp-block-post-title { margin-top: 0; }
.am-paper h2 { font-size: 28px; margin-top: 2em; }
.am-paper h3 { font-size: 21px; margin-top: 1.6em; }
.am-meta { font-size: 14px; font-weight: 600; }
.am-card { border: 2px solid var(--am-bd); border-radius: 24px; padding: 24px; margin-bottom: 16px; }
.am-card .wp-block-post-title { font-size: 24px; margin: 6px 0; }
.am-card .wp-block-post-title a { text-decoration: none; }

/* Sezioni della home */
.am-wrap { max-width: var(--am-wrap); margin: 0 auto; padding: 0 20px; }
.am-sec { padding: 72px 0; }
.am-sec h2 { margin: 0 0 14px; }
.am-sub { max-width: 680px; margin: 0 0 32px; }
.am-hero { padding: 40px 0 80px; }
.am-hero__grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 40px; align-items: center; }
.am-hero h1 { margin: 18px 0; max-width: 760px; }
.am-hero h1 em { font-style: normal; color: var(--am-o); }
.am-lead { font-size: clamp(17px, 2.2vw, 20px); max-width: 640px; margin: 0 0 28px; }
.am-ctas { display: flex; gap: 12px; flex-wrap: wrap; }
.am-eyebrow {
	display: inline-block;
	border: 2px solid var(--am-bd);
	border-radius: 999px;
	padding: 6px 14px;
	font-size: 13px;
	font-weight: 600;
	background: var(--am-bg);
}
.am-ill { display: block; width: 100%; height: auto; }
.am-box { border: 2px solid var(--am-bd); border-radius: 40px; background: var(--am-bg); padding: 32px; color: var(--am-fg); }
.am-box h3 { margin: 12px 0 8px; font-size: 22px; }
.am-paper h1, .am-paper .wp-block-post-title { font-size: clamp(32px, 5vw, 48px); }
.am-box p { margin: 0; }
.am-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.am-cards--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.am-icon {
	display: inline-flex;
	width: 48px;
	height: 48px;
	border: 2px solid var(--am-bd);
	border-radius: 12px;
	align-items: center;
	justify-content: center;
	background: var(--am-bg);
}
.am-icon svg { width: 28px; height: 28px; }
.am-tag {
	display: inline-block;
	background: var(--am-o);
	color: var(--am-on-o);
	border: 2px solid var(--am-bd);
	border-radius: 999px;
	padding: 4px 12px;
	font-size: 13px;
	font-weight: 600;
}
.am-tag--w { background: var(--am-bg); color: var(--am-fg); }
.am-chips { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; padding: 0; list-style: none; }
.am-chip {
	border: 2px solid var(--am-bd);
	border-radius: 999px;
	padding: 8px 16px;
	font-size: 15px;
	font-weight: 600;
	background: var(--am-bg);
	display: inline-flex;
	gap: 8px;
	align-items: center;
}
.am-chip small { font-size: 12px; font-weight: 600; color: var(--am-o); }
.am-orange { background: var(--am-o); color: var(--am-on-o); }
.am-orange h2 { color: var(--am-on-o); }
.am-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.am-step .am-n {
	display: inline-flex;
	width: 40px;
	height: 40px;
	border-radius: 999px;
	align-items: center;
	justify-content: center;
	background: var(--am-o);
	color: var(--am-on-o);
	border: 2px solid var(--am-bd);
	font-weight: 700;
	margin-bottom: 10px;
}
.am-step h3 { margin: 0 0 6px; font-size: 19px; }
.am-step p { margin: 0; }
.am-split { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; }
.am-faq details { max-width: 820px; }
.am-faq details { border: 2px solid var(--am-bd); border-radius: 24px; background: var(--am-bg); padding: 16px 22px; margin: 0 0 12px; }
.am-faq summary { cursor: pointer; font-weight: 700; list-style: none; display: flex; justify-content: space-between; gap: 16px; }
.am-faq summary::-webkit-details-marker { display: none; }
.am-faq summary::after { content: "+"; color: var(--am-o); font-weight: 700; }
.am-faq details[open] summary::after { content: "\2212"; }
.am-faq p { margin: 10px 0 0; }
.am-band { text-align: center; }
.am-band .am-ctas { justify-content: center; }
.am-band .am-sub { margin-left: auto; margin-right: auto; }
.am-list { margin: 0; padding-left: 20px; }
.am-list li { margin: 6px 0; }

@media (max-width: 960px) {
	.am-cards, .am-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.am-hero__grid, .am-split { grid-template-columns: 1fr; }
	.am-hero__art { max-width: 520px; }
}
@media (max-width: 781px) {
	.am-hide-s { display: none !important; }
}
@media (max-width: 640px) {
	.am-cards, .am-cards--2, .am-steps { grid-template-columns: 1fr; }
	.am-sec { padding: 52px 0; }
	.am-hero { padding: 24px 0 56px; }
	.am-box { padding: 24px; border-radius: 28px; }
	.am-paper { border-radius: 28px; }
	.am-logo { font-size: 18px; }
}
@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	.am-t, .am-pill > span { transition: none; }
}