/**
 * Nenne design tokens — titoli, testi, pulsanti (no Bootstrap).
 */
:root {
	--nenne-font-title: "DM Serif Display", "Times New Roman", Times, serif;
	--nenne-font-body: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

	--nenne-color-primary: #9A201E;
	--nenne-color-secondary: #261C15;
	--nenne-color-title: var(--nenne-color-secondary);
	--nenne-color-text: var(--nenne-color-secondary);
	--nenne-color-text-muted: color-mix(in srgb, var(--nenne-color-secondary) 62%, #ffffff);
	--nenne-color-bg: #fff;
	--nenne-color-bg-footer:#f2f2f2;
	/* Alias legacy — pulsanti, focus, link underline */
	--nenne-color-accent: var(--nenne-color-primary);
	--nenne-color-accent-contrast: #ffffff;
	--nenne-color-mobile-bar-gold: #FF4D00;
	--nenne-color-border: #d8d8d8;

	--nenne-layout-gutter: 16px;
	/* Navbar — padding orizzontale fisso (mobile e desktop). */
	--nenne-header-padding-x: 16px;
	/* Hero — overlay scuro sul media (leggibilità testi) */
	--nenne-intro-overlay: hwb(0 0% 100% / 0.55);
	--nenne-media-radius: 25px;
	--nenne-home-media-aspect: 4 / 5;
	/* Split — due foto, larghezza dal contenitore (50% ciascuna) */
	--nenne-split-media-gap: clamp(0.5rem, 2vw, 1rem);
	--nenne-split-media-aspect-ratio: 683 / 1024;
	--nenne-split-media-radius: 24px;
	--nenne-split-media-offset-up: -60px;
	/* Spazio sopra lo stack = compensazione |margin-top| della prima foto */
	--nenne-split-media-offset-compensate:100px;
	--nenne-split-media-rotate-1: -6deg;
	--nenne-split-media-rotate-2: 6deg;
	/* Offset iniziale rotazione split (scroll → stato finale CSS) */
	--nenne-split-media-rotate-scroll-offset: 3deg;
	--nenne-split-1-content-radius: 30px;
	--nenne-split-1-content-bg: #ffffff;
	--nenne-split-1-reveal-inset: 3rem;
	--nenne-split-1-reveal-width-min: calc(100% - 3rem);
	--nenne-split-section-padding-y: 180px;
	--nenne-split-section-padding-y-mobile: 100px;
	--nenne-split-row-gap-mobile: 2rem;
	--nenne-split-media-gap-mobile: 0.25rem;
	--nenne-split-media-frame-width-mobile: 250px;
	--nenne-split-media-mobile-scale: 1.2;
	/* Margine interno sezioni con foto ruotate/scalate (evita taglio senza clip sulle immagini) */
	--nenne-split-media-mobile-safe-inline: 1.25rem;
	/* Viewport — fallback vh, override svh (stabile su mobile; evitare dvh). */
	--nenne-viewport-height: 100vh;
	--nenne-viewport-height: 100svh;
	/* Stack home — come hero (sfondo + overlay) */
	--nenne-home-stack-min-height: 70vh;
	--nenne-home-stack-min-height: 70svh;
	--nenne-split-column-gap: 128px;
	--nenne-split-simple-media-max-width: 520px;
	--nenne-split-simple-media-max-height: 640px;
	--nenne-split-simple-media-safe-inline: 1.25rem;
	--nenne-split-simple-media-frame-width-mobile: 250px;
	--nenne-split-simple-media-rotate-1: 6deg;
	--nenne-split-simple-media-rotate-2: -6deg;
	--nenne-intro-content-max-width: 72rem;
	--nenne-intro-title-max-width: 56rem;
	--nenne-intro-text-max-width: 31rem;
	/* Carosello home — marquee */
	--nenne-carousel-gap: clamp(0.75rem, 2vw, 1.5rem);
	--nenne-carousel-slide-width: 400px;
	--nenne-carousel-slide-height: 500px;
	--nenne-carousel-marquee-duration: 45s;
	--nenne-carousel-marquee-speed: 72px;
	/* Stage full-screen (Chi siamo, Eventi) */
	--nenne-stage-cover-bg: #000000;
	--nenne-stage-overlay-opacity: 0;
	--nenne-header-burger-size: 32px;
	--nenne-header-burger-icon-width: 32px;
	--nenne-header-burger-icon-height: calc(32px * 14 / 24);
	--nenne-header-burger-reserve: calc(var(--nenne-header-burger-size) + 8px);
	/* Fascia toolbar mobile (allineata all’altezza logo navbar). */
	--nenne-header-mobile-nav-height: 60px;
	/* Offset scroll ancore (header fisso / overlay). */
	--nenne-section-scroll-margin: calc(var(--nenne-header-mobile-nav-height) + 1rem);
	/* Spazio sotto header mobile (padding + fascia logo/burger). */
	--nenne-header-mobile-dialog-offset-top: calc(
		1rem + var(--nenne-header-mobile-nav-height) + 0.75rem
	);
	--nenne-mobile-nav-content-padding-bottom: 80px;
	--nenne-mobile-nav-details-gap: 50px;
	/* Tipografia sezioni */
	--nenne-title-size: clamp(44px, 5vw, 72px);
	--nenne-title-leading: 1.15;
	--nenne-title-weight: 700;
	--nenne-text-size: 20px;
	--nenne-text-leading: 28px;

	--nenne-gap-title-text: 2rem;
	--nenne-gap-text-buttons: 52px;

	--nenne-btn-radius: 12px;
	--nenne-cf7-field-radius: var(--nenne-btn-radius);
	--nenne-btn-padding-y: 20px;
	--nenne-btn-padding-x: 40px;
	--nenne-btn-font-size: 20px;
	--nenne-btn-font-weight: 600;
	--nenne-btn-solid-bg: var(--nenne-color-primary);
	--nenne-btn-solid-color: var(--nenne-color-accent-contrast);
	--nenne-btn-outline-border: 2px solid var(--nenne-color-primary);
	--nenne-btn-outline-color: var(--nenne-color-primary);
	--nenne-btn-outline-bg: transparent;

	--nenne-section-padding-y: 80px;
}

@media (max-width: 767.98px) {
	:root {
		--nenne-text-size: 16px;
		--nenne-text-leading: 24px;
		--nenne-btn-font-size: 16px;
		--nenne-carousel-slide-width: 250px;
		--nenne-carousel-slide-height: 313px;
	}
}

@media (min-width: 550px) {
	:root {
		--nenne-layout-gutter: 32px;
	}
}

@media (min-width: 1550px) {
	:root {
		--nenne-layout-gutter: 100px;
	}
}

@media (min-width: 992px) {
	:root {
		--nenne-section-padding-y: 180px;
	}
}

/* Mobile — allineamento e pulsanti */
@media (max-width: 767.98px) {
	.nenne-section .nenne-title,
	.nenne-section .nenne-text {
		text-align: start;
	}

	/* Hero interne — come home (centrato + scale tipografica) */
	.nenne-about-hero__content .nenne-title,
	.nenne-about-hero__content .nenne-text,
	.nenne-waltherpark-hero__content .nenne-title,
	.nenne-waltherpark-hero__content .nenne-text {
		text-align: center;
	}

	.nenne-about-hero__title,
	.nenne-waltherpark-hero__title {
		font-size: clamp(40px, 4.5vw, 58px);
		line-height: 1.1;
		max-width: 100%;
		letter-spacing: 0;
	}

	.nenne-about-hero__subtitle,
	.nenne-waltherpark-hero__subtitle {
		max-width: 100%;
		font-size: var(--nenne-text-size);
		line-height: 1.5;
	}

	.nenne-section .nenne-btn-group {
		flex-direction: column;
		align-items: stretch;
		justify-content: flex-start;
		width: 100%;
	}

	.nenne-section .nenne-btn {
		display: flex;
		width: 100%;
		box-sizing: border-box;
	}

	.nenne-section .nenne-btn--underline {
		justify-content: flex-start;
	}
}

.nenne-title {
	font-family: var(--nenne-font-title);
	font-size: var(--nenne-title-size);
	line-height: var(--nenne-title-leading);
	font-weight: var(--nenne-title-weight);
	letter-spacing: 0;
	color: var(--nenne-color-title);
	margin: 0;
}

.nenne-title + .nenne-text {
	margin-top: var(--nenne-gap-title-text);
}

.nenne-text {
	font-family: var(--nenne-font-body);
	font-size: var(--nenne-text-size);
	line-height: var(--nenne-text-leading);
	font-weight: 500;
	letter-spacing: -0.02em;
	color: var(--nenne-color-text);
	margin: 0;
	max-width: 530px
}

.nenne-text + .nenne-btn-group,
.nenne-text + [data-section-text]:not(.nenne-text) {
	margin-top: var(--nenne-gap-text-buttons);
}

.nenne-text--muted {
	color: var(--nenne-color-text-muted);
}

.nenne-wysiwyg {
	color: var(--nenne-color-text);
}

.nenne-wysiwyg a {
	color: var(--nenne-color-primary);
}

.nenne-wysiwyg a:hover,
.nenne-wysiwyg a:focus-visible {
	opacity: 0.88;
}

.nenne-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	font-family: var(--nenne-font-body);
	font-size: var(--nenne-btn-font-size);
	font-weight: var(--nenne-btn-font-weight);
	line-height: 1;
	padding: var(--nenne-btn-padding-y) var(--nenne-btn-padding-x);
	border-radius: var(--nenne-btn-radius);
	text-decoration: none;
	border: 2px solid transparent;
	cursor: pointer;
	transition: opacity 0.25s ease, transform 0.25s ease, background-color 0.25s ease, color 0.25s ease;
}

.nenne-btn:hover,
.nenne-btn:focus-visible {
	opacity: 0.88;
	text-decoration: none;
}

.nenne-btn--solid,
.nenne-btn--filled {
	background-color: var(--nenne-btn-solid-bg);
	color: var(--nenne-btn-solid-color);
}

.nenne-btn--outline {
	background-color: var(--nenne-btn-outline-bg);
	color: var(--nenne-btn-outline-color);
	border-color: var(--nenne-color-primary);
}

.nenne-btn--underline {
	padding: 0;
	border: none;
	border-radius: 0;
	background-color: transparent;
	color: var(--nenne-color-primary);
	text-decoration: underline;
	text-underline-offset: 0.2em;
}

.nenne-btn-group {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	align-items: center;
	justify-content: center;
}

.nenne-col-inner {
	width: 100%;
}

.nenne-section {
	padding-block: var(--nenne-section-padding-y);
}

/* Container sezioni — stessa base su home, Chi siamo, Waltherpark, eventi, ecc. */
.container-fluid.nenne-home__container,
.container-fluid.nenne-waltherpark__container {
	box-sizing: border-box;
	width: calc(100% - 2 * var(--nenne-layout-gutter));
	max-width: none;
	margin-inline: auto;
	padding-inline: calc(var(--bs-gutter-x) * 0.5);
}

@media (max-width: 991.98px) {
	.container-fluid.nenne-home__container,
	.container-fluid.nenne-waltherpark__container {
		width: 100%;
		max-width: 100%;
		margin-inline: 0;
		padding-inline: var(--nenne-layout-gutter);
	}
}

/* Split 1 / 2 / stack — padding mobile su tutte le pagine (home, chi siamo, gluten free, eventi, waltherpark). */
@media (max-width: 767.98px) {
	section.nenne-home-split-1.nenne-section,
	section.nenne-home-split-1.nenne-split--simple.nenne-section,
	.nenne-home-split-2.nenne-section,
	section.nenne-waltherpark-split-1.nenne-section,
	.nenne-waltherpark-split-2.nenne-section,
	.nenne-main .nenne-page--home .nenne-home-stack.nenne-section {
		padding-block: var(--nenne-split-section-padding-y-mobile);
	}
}


.post-430{
	padding:32px;
}
.page-id-430 header.nenne-site-header {
    background: #9A201E;
}
.nenne-mobile-nav-open.page-id-430 header.nenne-site-header {
    padding: 0;
}

.nenne-mobile-nav-open.page-id-430 .nenne-site-header__burger-line{
	background-color: #000;
}
.page-id-430 .nenne-site-header__burger-line{
	background-color: #fff;
}

.page-id-430 .nenne-site-header__menu-link{
	color:#fff;
}