/* =========================================================
   WinnerTeam - rifiniture (gli stili globali stanno in theme.json)
   Palette: menta / sage / giallo / arancio / oliva / slate / crema / lilla
   ========================================================= */

:root {
	--wt-radius: 18px;
	--wt-radius-sm: 14px;
	--wt-shadow: 0 12px 30px rgba(54, 69, 78, 0.08);
	--wt-shadow-hover: 0 18px 42px rgba(54, 69, 78, 0.15);
}

body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
h1, h2, h3 { text-wrap: balance; }
p { text-wrap: pretty; }
a { transition: color 0.2s ease; }

/* Eyebrow / etichette di sezione */
.wt-eyebrow {
	font-family: var(--wp--preset--font-family--rounded);
	text-transform: uppercase;
	letter-spacing: 0.14em;
	font-size: 0.8rem;
	font-weight: 600;
	margin-bottom: 0.6rem;
}

/* =========================================================
   HEADER sticky
   ========================================================= */
.wp-site-blocks > header.wp-block-template-part { position: sticky; top: 0; z-index: 100; }
.wp-site-blocks > header .wp-block-group.has-crema-background-color {
	box-shadow: 0 1px 0 rgba(54, 69, 78, 0.06), 0 8px 24px rgba(54, 69, 78, 0.05);
	-webkit-backdrop-filter: saturate(1.1) blur(6px);
	backdrop-filter: saturate(1.1) blur(6px);
}
.wp-block-site-title a { text-decoration: none; }

/* =========================================================
   NAVIGAZIONE desktop
   ========================================================= */
.wp-block-navigation { font-family: var(--wp--preset--font-family--rounded); font-weight: 600; }
.wp-block-navigation a { color: var(--wp--preset--color--slate); text-decoration: none; }
.wp-block-navigation a:hover { color: var(--wp--preset--color--arancio); }
.wp-block-navigation:not(.is-menu-open) .wp-block-navigation-item > a { position: relative; }
.wp-block-navigation:not(.is-menu-open) .wp-block-navigation-item > a::after {
	content: ""; position: absolute; left: 0; right: 100%; bottom: -4px; height: 2px;
	background: var(--wp--preset--color--arancio); transition: right 0.25s ease;
}
.wp-block-navigation:not(.is-menu-open) .wp-block-navigation-item > a:hover::after { right: 0; }
.wp-block-navigation__responsive-container-open { color: var(--wp--preset--color--slate); }
.wp-block-navigation__responsive-container-open:hover { color: var(--wp--preset--color--arancio); }

/* =========================================================
   MENU MOBILE (overlay) - slate full-screen
   ========================================================= */
.wp-block-navigation__responsive-container.is-menu-open {
	position: fixed !important; inset: 0 !important;
	width: 100vw !important; height: 100vh !important; height: 100dvh !important;
	background-color: var(--wp--preset--color--slate) !important;
	padding: clamp(4rem, 12vh, 7rem) 1.5rem 2rem !important;
	z-index: 9999 !important;
	display: flex !important; flex-direction: column !important;
	align-items: center !important; justify-content: center !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
	width: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
	display: flex !important; flex-direction: column !important; align-items: center !important;
	text-align: center !important; gap: clamp(1.5rem, 5vh, 2.75rem) !important; width: 100% !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item { width: auto !important; }
.wp-block-navigation__responsive-container.is-menu-open a {
	color: var(--wp--preset--color--crema) !important;
	font-family: var(--wp--preset--font-family--display) !important;
	font-size: clamp(2rem, 9vw, 2.9rem) !important; font-weight: 600 !important; line-height: 1.1 !important;
}
.wp-block-navigation__responsive-container.is-menu-open a:hover { color: var(--wp--preset--color--arancio) !important; }
.wp-block-navigation__responsive-container.is-menu-open a::after { display: none !important; }
.wp-block-navigation__responsive-container-close {
	position: absolute !important; top: 1.25rem; right: 1.25rem; width: 2.6rem; height: 2.6rem;
	color: var(--wp--preset--color--crema) !important;
}
.wp-block-navigation__responsive-container-close:hover { color: var(--wp--preset--color--arancio) !important; }

/* =========================================================
   BOTTONI
   ========================================================= */
.wp-block-button__link {
	transition: background-color 0.2s ease, color 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
	box-shadow: 0 6px 16px rgba(54, 69, 78, 0.12);
}
.wp-block-button__link:hover { transform: translateY(-2px); box-shadow: var(--wt-shadow-hover); }

/* =========================================================
   COLONNE / blocchi con sfondo (manifesto, sage, ecc.)
   ========================================================= */
.wp-block-columns .wp-block-column.has-background {
	box-shadow: var(--wt-shadow);
}

/* Immagini in evidenza */
.wp-block-post-featured-image img { border-radius: var(--wt-radius); box-shadow: var(--wt-shadow); }

/* Griglie archivi: card solo se c'e' immagine */
.wp-block-post-template.is-layout-grid { gap: 2rem; }
.wp-block-post-template > li:has(.wp-block-post-featured-image) {
	background: var(--wp--preset--color--crema);
	border-radius: var(--wt-radius); padding: 0.75rem 0.75rem 1.25rem;
	box-shadow: var(--wt-shadow); transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.wp-block-post-template > li:has(.wp-block-post-featured-image):hover { transform: translateY(-5px); box-shadow: var(--wt-shadow-hover); }
.wp-block-post-template > li:has(.wp-block-post-featured-image) img { border-radius: var(--wt-radius-sm); }
.wp-block-post-template > li:has(.wp-block-post-featured-image) .wp-block-post-title,
.wp-block-post-template > li:has(.wp-block-post-featured-image) .wp-block-post-excerpt { padding: 0 0.4rem; }
.wp-block-post-template > li:has(.wp-block-post-featured-image) .wp-block-post-title { margin-top: 0.85rem; }

/* =========================================================
   PAGINAZIONE
   ========================================================= */
.wp-block-query-pagination { margin-top: 2.5rem; gap: 0.5rem; }
.wp-block-query-pagination a, .wp-block-query-pagination .current { text-decoration: none; }
.wp-block-query-pagination-numbers .page-numbers { padding: 0.35em 0.7em; border-radius: 999px; }
.wp-block-query-pagination-numbers .page-numbers.current { background: var(--wp--preset--color--slate); color: var(--wp--preset--color--crema); }

/* =========================================================
   PLACEHOLDER (ingombri)
   ========================================================= */
.wt-placeholder {
	display: flex; align-items: center; justify-content: center;
	min-height: 300px; border-radius: var(--wt-radius);
	font-family: var(--wp--preset--font-family--rounded);
}

/* =========================================================
   ACCESSIBILITA'
   ========================================================= */
:where(a, button, .wp-block-button__link, .wp-block-navigation-item a):focus-visible {
	outline: 3px solid var(--wp--preset--color--arancio); outline-offset: 3px; border-radius: 6px;
}
@media (prefers-reduced-motion: reduce) {
	* { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}