/*
Theme Name: BATO
Theme URI: https://bato.it
Description: Tema child di Twenty Twenty-Five per bato.it. Riproduce l'aspetto del vecchio tema Themify Parallax: header nero a tutto schermo con immagini a rotazione, menu che si fissa in alto, pannello laterale su mobile.
Author: Daniele Batocchioni
Template: twentytwentyfive
Version: 1.11.1
Requires at least: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: bato
*/

:root {
	--bato-navbar-h: 70px;
	--bato-admin-h: var(--wp-admin--admin-bar--height, 0px);
}

/* Template parts stacked without TT25's default gaps */
.wp-site-blocks > * {
	margin-block-start: 0;
}

/* ---------- Header ---------- */

.bato-header {
	position: relative;
	background: var(--wp--preset--color--black);
	color: var(--wp--preset--color--white);
}

.bato-hero {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 1.4rem;
	min-height: 500px;
	padding: 48px 16px calc(var(--bato-navbar-h) + 24px);
	overflow: hidden;
	text-align: center;
}

.home .bato-hero {
	min-height: calc(100vh - var(--bato-admin-h));
	min-height: calc(100svh - var(--bato-admin-h));
}

.bato-hero > *:not(.bato-hero__slides) {
	position: relative;
	z-index: 2;
	margin: 0;
}

.bato-hero__logo img {
	width: min(556px, 78vw);
	height: auto;
}

.bato-hero .wp-block-site-tagline {
	max-width: 46em;
}

/* Background slideshow (images are added to the gallery in the Site Editor) */
.bato-hero__slides.wp-block-gallery {
	position: absolute !important;
	inset: 0;
	z-index: 0;
	display: block !important;
	margin: 0 !important;
	padding: 0;
}

.bato-hero__slides.wp-block-gallery figure.wp-block-image {
	position: absolute !important;
	inset: 0;
	width: 100% !important;
	height: 100%;
	margin: 0 !important;
	opacity: 0;
	transition: opacity 1.4s ease;
}

.bato-hero__slides.wp-block-gallery figure.wp-block-image.is-active {
	opacity: 1;
}

.bato-hero__slides.wp-block-gallery figure.wp-block-image img {
	width: 100%;
	height: 100% !important;
	object-fit: cover;
}

.bato-hero__slides::after {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.35);
	z-index: 1;
}

.bato-hero__dots {
	position: absolute !important;
	left: 0;
	right: 0;
	bottom: calc(var(--bato-navbar-h) + 14px);
	display: flex;
	justify-content: center;
	gap: 8px;
}

.bato-hero__dots button {
	width: 9px;
	height: 9px;
	padding: 0;
	border: 1px solid #fff;
	border-radius: 50%;
	background: transparent;
	cursor: pointer;
}

.bato-hero__dots button[aria-current="true"] {
	background: #fff;
}

.bato-hero .wp-block-social-links {
	gap: 6px;
	font-size: 22px;
}

.bato-hero .wp-block-search__button {
	width: 32px;
	height: 32px;
	padding: 6px;
	border: 1px solid #fff;
	border-radius: 50%;
	background: transparent;
	color: #fff;
}

/* ---------- Menu bar ---------- */

.bato-navbar {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 50;
	min-height: var(--bato-navbar-h);
	margin: 0 !important;
	padding: 0 24px;
	background: rgba(0, 0, 0, 0.8);
	align-items: center;
	transition: background-color 0.3s ease;
}

.bato-navbar.is-stuck {
	position: fixed;
	top: var(--bato-bar-top, var(--bato-admin-h));
	bottom: auto;
	background: rgba(0, 0, 0, 0.88);
}

.bato-navbar__logo {
	position: absolute !important;
	left: 24px;
	top: 50%;
	margin: 0 !important;
	transform: translateY(-50%);
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.3s ease;
}

.bato-navbar__logo img {
	width: auto !important;
	height: 44px;
}

.bato-navbar.is-stuck .bato-navbar__logo {
	opacity: 1;
	pointer-events: auto;
}

.bato-navbar .wp-block-navigation {
	color: #fff;
}

.bato-navbar .wp-block-navigation__container {
	gap: 1.6em;
}

/* One typeface everywhere, titles never bold (Daniele, 2026-10-08) */
:where(.wp-site-blocks) :is(h1, h2, h3, h4, h5, h6),
:where(.wp-site-blocks) :is(h1, h2, h3, h4, h5, h6) * {
	font-weight: 400 !important;
}

.wp-site-blocks button,
.wp-site-blocks input,
.mashsb-container,
.mashsb-container * {
	font-family: var(--wp--preset--font-family--times) !important;
}

/* ---------- Language switcher (IT | EN), last menu item ---------- */

.bato-lang {
	display: flex;
	align-items: center;
	gap: 0.45em;
	margin-left: 0.8em;
}

.bato-lang__link {
	color: #fff;
	text-decoration: none !important;
	transition: color 0.2s ease;
}

.bato-lang__link:hover,
.bato-lang__link.is-current {
	color: var(--wp--preset--color--gold);
}

.bato-lang__sep {
	color: var(--wp--preset--color--grey);
}

.wp-block-navigation__responsive-container.is-menu-open .bato-lang {
	margin: 1.2em 0 0;
	font-size: 18px;
	flex-direction: row !important;
	align-items: center !important;
}

/* ---------- First-visit welcome / cookie notice ---------- */

.bato-welcome {
	position: fixed;
	inset: 0;
	z-index: 100000;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px;
	background: rgba(0, 0, 0, 0.55);
	animation: bato-welcome-in 0.4s ease both;
}

.bato-welcome[hidden] {
	display: none;
}

@keyframes bato-welcome-in {
	from { opacity: 0; }
	to { opacity: 1; }
}

.bato-welcome__box {
	position: relative;
	width: 100%;
	max-width: 560px;
	max-height: calc(100vh - 32px);
	overflow-y: auto;
	padding: 44px 40px 36px;
	background: #fff;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.35);
	font-family: var(--wp--preset--font-family--times);
	font-size: 15px;
	line-height: 1.5;
	color: var(--wp--preset--color--ink);
	text-align: center;
	outline: none;
}

.bato-welcome__title {
	margin: 0 !important;
	font-family: var(--wp--preset--font-family--times);
	font-size: clamp(26px, 5vw, 38px);
	font-weight: 400;
	line-height: 1.1;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	color: #000;
}

.bato-welcome__sub {
	margin: 4px 0 20px;
	color: var(--wp--preset--color--grey);
}

.bato-welcome p {
	margin: 0 0 12px;
}

.bato-welcome__en {
	font-size: 13.5px;
	color: var(--wp--preset--color--grey);
}

.bato-welcome a {
	color: inherit;
	text-decoration: underline;
}

.bato-welcome a:hover {
	color: var(--wp--preset--color--gold);
}

.bato-welcome__ok {
	margin-top: 14px;
	padding: 12px 34px;
	border: 0;
	border-radius: 0;
	background: #000;
	color: #fff;
	font-family: var(--wp--preset--font-family--times);
	font-size: 15px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	cursor: pointer;
	transition: background 0.2s ease, color 0.2s ease;
}

.bato-welcome__ok:hover {
	background: var(--wp--preset--color--gold);
	color: #000;
}

.bato-welcome__close {
	position: absolute;
	top: 8px;
	right: 12px;
	padding: 4px 8px;
	border: 0;
	background: none;
	font-family: var(--wp--preset--font-family--times);
	font-size: 34px;
	font-weight: 300;
	line-height: 1;
	color: #000;
	cursor: pointer;
}

.bato-welcome__close:hover {
	color: var(--wp--preset--color--gold);
}

@media (max-width: 600px) {
	.bato-welcome__box {
		padding: 40px 22px 28px;
		font-size: 14px;
	}
}

.bato-welcome :focus:not(:focus-visible) {
	outline: none !important;
}

/* No focus frame after a mouse click/tap (keyboard users still get :focus-visible) */
:where(.wp-site-blocks) :focus:not(:focus-visible) {
	outline: none !important;
}

.bato-navbar .wp-block-navigation-item__content {
	color: #fff;
	transition: color 0.2s ease;
}

.bato-navbar .wp-block-navigation-item__content,
.bato-navbar .wp-block-navigation-item__content:hover,
.bato-navbar .wp-block-navigation-item__content:focus,
.bato-navbar .wp-block-navigation-item__content[aria-current] {
	text-decoration: none !important;
}

.bato-navbar .wp-block-navigation-item__content:hover,
.bato-navbar .current-menu-item > .wp-block-navigation-item__content,
.bato-navbar .current-menu-ancestor > .wp-block-navigation-item__content,
.bato-navbar .wp-block-navigation-item__content[aria-current="page"] {
	color: var(--wp--preset--color--gold);
}

.bato-navbar .wp-block-navigation__responsive-container-open,
.bato-navbar .wp-block-navigation__responsive-container-close {
	color: #fff;
}

.bato-navbar .wp-block-navigation__responsive-container-open svg {
	width: 32px;
	height: 32px;
}

/* Side panel that slides in from the right (phone + tablet) */
.bato-navbar .wp-block-navigation__responsive-container.is-menu-open {
	left: auto;
	right: 0;
	top: var(--bato-bar-top, var(--bato-admin-h));
	width: min(85vw, 360px);
	padding: 72px 32px 32px;
	background: #111 !important;
	color: #fff !important;
	box-shadow: 0 0 0 100vmax rgba(0, 0, 0, 0.55);
	animation: bato-slide-in 0.35s ease-out both;
}

.bato-navbar .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
	flex-direction: column;
	align-items: flex-start;
	gap: 1.1em;
}

.bato-navbar .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
	font-size: 18px;
}

.bato-navbar .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close {
	display: flex;
}

.bato-navbar .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
.bato-navbar .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,
.bato-navbar .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
	align-items: flex-start !important;
	text-align: left;
}

.bato-navbar .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
	padding: 0.6em 0 0 1em !important;
	gap: 0.7em;
}

.bato-navbar .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	font-size: 15px;
	color: var(--wp--preset--color--mist) !important;
}

/* Desktop dropdown (Works) */
.bato-navbar .wp-block-navigation__submenu-container {
	background: rgba(0, 0, 0, 0.88) !important;
	border: 0 !important;
	padding: 8px 0;
}

.bato-navbar .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	padding: 8px 18px !important;
	color: #fff !important;
}

.bato-navbar .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover,
.bato-navbar .wp-block-navigation__submenu-container .current-menu-item > .wp-block-navigation-item__content {
	color: var(--wp--preset--color--gold) !important;
}

@keyframes bato-slide-in {
	from { transform: translateX(100%); }
	to { transform: translateX(0); }
}

/* Hamburger up to 1023px (core switches at 600px, too early for 9 menu items) */
@media (min-width: 600px) and (max-width: 1023px) {
	.bato-navbar .wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: flex;
	}

	.bato-navbar .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: none;
	}
}

@media (max-width: 1023px) {
	:root {
		--bato-navbar-h: 60px;
	}

	.bato-hero,
	.home .bato-hero {
		min-height: 0;
		gap: 1rem;
		padding: 32px 16px calc(var(--bato-navbar-h) + 44px);
	}

	.bato-hero__dots {
		bottom: calc(var(--bato-navbar-h) + 16px);
	}

	.bato-hero__logo img {
		width: min(320px, 70vw);
	}

	.bato-hero .wp-block-site-tagline {
		font-size: 13px;
	}

	.bato-navbar {
		justify-content: flex-end !important;
		padding: 0 16px;
	}

	.bato-navbar__logo {
		left: 16px;
	}

	.bato-navbar__logo img {
		height: 38px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.bato-hero__slides.wp-block-gallery figure.wp-block-image,
	.bato-navbar .wp-block-navigation__responsive-container.is-menu-open {
		transition: none;
		animation: none;
	}
}

/* Inner pages: only the menu bar, fixed over the first full-screen image */
.bato-header--compact {
	height: 0;
	background: transparent;
}

.bato-header--compact .bato-navbar {
	position: fixed;
	top: var(--bato-bar-top, var(--bato-admin-h));
	bottom: auto;
}

/* ---------- Content ---------- */

/*
 * Fixed ("parallax") backgrounds on phones and tablets: mobile browsers ignore
 * background-attachment: fixed, so the image layer itself is fixed to the screen
 * and the section clips it (same trick as the YouTube backgrounds).
 */
@media (max-width: 1023px), (hover: none) {
	.wp-block-cover:has(> .wp-block-cover__image-background.has-parallax) {
		clip-path: inset(0);
	}

	.wp-block-cover > .wp-block-cover__image-background.has-parallax {
		position: fixed !important;
		inset: 0;
		width: 100vw;
		height: 100vh;
		background-attachment: scroll !important;
		background-size: cover;
	}
}

/* ---------- Home sections (full-screen covers with text on one side) ---------- */

.wp-block-cover.bato-section {
	min-height: 100vh;
	min-height: 100svh;
	padding: 90px clamp(16px, 4vw, 48px);
	margin-block: 0;
}

.bato-section .wp-block-cover__inner-container {
	width: 100%;
	max-width: none;
	color: var(--wp--preset--color--body);
}

.bato-section__box {
	width: min(48%, 680px);
	margin: 0 !important;
}

.bato-section--right .bato-section__box {
	margin-left: auto !important;
	text-align: left;
}

.bato-section--left .bato-section__box {
	margin-right: auto !important;
	text-align: right;
}

.bato-section__title {
	margin: 0;
	font-family: var(--wp--preset--font-family--times);
	font-size: 24px;
	font-weight: 400;
	line-height: 1.08;
	letter-spacing: 0;
	text-transform: uppercase;
	color: var(--wp--preset--color--ink);
}

.bato-section__title a,
.bato-section__more a {
	color: inherit;
	text-decoration: none;
}

.bato-section__more {
	margin-top: 0.4em !important;
	font-size: 24px;
	font-style: italic;
	color: var(--wp--preset--color--ink);
}

.bato-section__more a:hover,
.bato-section__title a:hover {
	color: var(--wp--preset--color--gold);
}

/* Home section texts (EN/ITA): Georgia 16px like the old builder modules */
.bato-section .bato-textslider p,
.bato-section .bato-textsingle p {
	font-family: var(--wp--preset--font-family--times);
	font-size: 16px;
	line-height: 1.62;
}

.bato-section--light .wp-block-cover__inner-container,
.bato-section--light .bato-section__title {
	color: #fff;
}

.bato-section-icons.wp-block-social-links {
	gap: 8px;
	margin-top: 1rem;
}

.bato-section--left .bato-section-icons {
	justify-content: flex-end;
}

.bato-section-icons .wp-social-link {
	color: inherit;
}

.bato-section--center .bato-section__box {
	margin: 0 auto !important;
	text-align: center;
}

/* Video background that stays still while the page scrolls (parallax like the image sections) */
.wp-block-cover.bato-video-fixed {
	clip-path: inset(0);
}

.wp-block-cover.bato-video-fixed .wp-block-cover__video-background {
	position: fixed !important;
	inset: 0;
	width: 100vw !important;
	height: 100vh !important;
	object-fit: cover;
}

/* Page heroes (Dipinti, Sculture…): bigger, airy title like the old pages */
.bato-section--center .bato-section__title {
	font-size: clamp(30px, 5vw, 40px);
}

.bato-section--center .bato-section__more {
	margin-top: 1.4em !important;
	font-size: clamp(28px, 4.6vw, 40px);
}

.bato-section--center .bato-section-icons {
	margin-top: 1.6em;
}

.bato-section .bato-section__more.bato-section__more--tight {
	margin-top: 0.1em !important;
}

.bato-section--center .bato-section-icons,
.bato-section--center .bato-textslider__nav {
	justify-content: center;
}

/* ---------- Performance ---------- */

.bato-dark {
	background: #000;
	color: var(--wp--preset--color--body);
}

.bato-dark.alignfull {
	margin-block: 0 !important;
}

.bato-perf-hero__box {
	width: min(684px, 100%);
	margin: 0 auto !important;
}

.bato-perf-hero__box .wp-block-image {
	margin: 0 auto 0.6rem !important;
}

.bato-perf p.bato-perf-text,
.bato-perf .bato-perf-text p {
	font-family: var(--wp--preset--font-family--times);
	font-size: 16px;
	line-height: 1.62;
	text-align: left;
}

.bato-perf p.bato-perf-by {
	font-family: var(--wp--preset--font-family--times);
	font-size: 16px;
	line-height: 1.5;
	text-align: center;
	color: rgba(0, 0, 0, 0.54);
}

.bato-perf .bato-section-icons {
	justify-content: center;
	margin: 0.6rem 0;
}

/* Data sheets over YouTube background videos */
.bato-ytbg {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 100vh;
	margin-block: 0 !important;
	padding: 90px max(16px, calc((100% - 1160px) / 2));
	background: #000;
	clip-path: inset(0);
}

.bato-ytbg > *:not(.bato-ytbg__media) {
	position: relative;
	z-index: 1;
}

.bato-ytbg__media {
	position: fixed;
	inset: 0;
	z-index: 0;
	overflow: hidden;
	pointer-events: none;
}

.bato-ytbg__media iframe {
	position: absolute;
	top: 50%;
	left: 50%;
	width: max(100vw, 177.78vh);
	height: max(100vh, 56.25vw);
	border: 0;
	transform: translate(-50%, -50%);
}

.bato-datasheet p {
	margin: 0 0 1em !important;
	font-family: var(--wp--preset--font-family--times);
	font-size: 15px !important;
	line-height: 1.4;
	color: #fff;
}

/* Same typography as the other pages: no bold titles, small caps-like headings */
.bato-datasheet strong,
.bato-perf-gallery > p strong,
.bato-perf p.bato-perf-by strong {
	font-weight: 400 !important;
}

.bato-datasheet p:first-child {
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.bato-datasheet a {
	color: inherit;
}

.bato-ytbg__player {
	width: 100%;
	max-width: 760px;
	margin-top: 24px;
	aspect-ratio: 16 / 9;
}

.bato-ytbg__player iframe {
	width: 100%;
	height: 100%;
	border: 0;
}

/* Performance galleries on black */
.bato-perf-gallery {
	padding: 40px max(16px, calc((100% - 1160px) / 2)) 60px;
	margin-block: 0 !important;
}

.bato-perf-gallery > p {
	font-family: var(--wp--preset--font-family--times);
	font-size: 18px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--wp--preset--color--body);
}

.wp-block-gallery.bato-gallery.bato-gallery--plain {
	margin: 20px 0 0 !important;
	padding: 0;
	max-width: none;
}

.wp-block-gallery.bato-gallery.bato-gallery--plain figure.wp-block-image {
	padding: 0;
	border: 0;
	background: transparent;
}

.wp-block-gallery.bato-gallery.bato-gallery--plain figure.wp-block-image figcaption {
	padding: 8px 0 0 !important;
	text-align: left;
	white-space: pre-line;
}

@media (max-width: 1023px) {
	.bato-ytbg {
		min-height: 0;
		padding: 56px 16px;
		clip-path: none;
	}

	.bato-perf p.bato-perf-text,
	.bato-perf .bato-perf-text p,
	.bato-datasheet p {
		font-size: 15px !important;
	}
}

/* ---------- Gallery pages (Dipinti, Sculture, Incisione, Jazz) ---------- */

.wp-block-gallery.bato-gallery {
	max-width: 1160px;
	margin: 60px auto 80px !important;
	padding: 0 clamp(16px, 4vw, 48px);
	--wp--style--unstable-gallery-gap: 16px;
	gap: 16px;
	align-items: flex-start;
}

/* A work left alone on a row keeps the normal size instead of stretching to full width */
.wp-block-gallery.has-nested-images.bato-gallery figure.wp-block-image:not(.bato-gallery-wide, .bato-gallery-w38, .bato-gallery-w62) {
	flex-grow: 0 !important;
}

.wp-block-gallery.has-nested-images.bato-gallery {
	justify-content: center;
}

/* A work shown across the whole gallery width (class "bato-gallery-wide" on the image) */
.wp-block-gallery.has-nested-images figure.wp-block-image.bato-gallery-wide:not(#individual-image) {
	width: 100% !important;
	flex-basis: 100% !important;
}

.wp-block-gallery figure.wp-block-image.bato-gallery-wide img {
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	max-height: none !important;
	margin: 0 auto;
	object-fit: contain !important;
}

/* Two works side by side at the same height: widths proportional to their shapes (e.g. Leone 38% + Ibis 62%) */
.wp-block-gallery.has-nested-images figure.wp-block-image.bato-gallery-w38:not(#individual-image) {
	width: calc(38% - 8px) !important;
	flex: 0 0 calc(38% - 8px) !important;
}

.wp-block-gallery.has-nested-images figure.wp-block-image.bato-gallery-w62:not(#individual-image) {
	width: calc(62% - 8px) !important;
	flex: 0 0 calc(62% - 8px) !important;
}

.wp-block-gallery figure.wp-block-image:is(.bato-gallery-w38, .bato-gallery-w62) img {
	width: 100% !important;
	height: auto !important;
	object-fit: contain !important;
}

.bato-gallery.wp-block-gallery figure.wp-block-image {
	flex-direction: column !important;
	justify-content: flex-start !important;
	padding: 4px;
	border: 1px solid #e6e6e6;
	background: #fff;
}

.bato-gallery.wp-block-gallery figure.wp-block-image img {
	height: auto !important;
	object-fit: contain !important;
}

.bato-gallery.wp-block-gallery figure.wp-block-image figcaption {
	position: static !important;
	max-height: none !important;
	overflow: visible !important;
	margin: 0 !important;
	padding: 10px 6px 6px !important;
	background: none !important;
	color: var(--wp--preset--color--body) !important;
	font-family: var(--wp--preset--font-family--times);
	font-size: 11.4px !important;
	line-height: 1.2;
	text-align: center;
	text-shadow: none !important;
}

/* Dipinti (page 2415) used lighter captions on the old site */
.page-id-2415 .bato-gallery.wp-block-gallery figure.wp-block-image figcaption {
	color: #bdbdbd !important;
}

@media (max-width: 599px) {
	.bato-gallery.wp-block-gallery figure.wp-block-image:not(#individual-image) {
		width: 100% !important;
	}
}

/* Text slider (EN / ITA) */
.bato-textslider {
	position: relative;
	margin-top: 1.6rem !important;
}

/* Single-language text block (was an EN/ITA slider before the site became bilingual) */
.bato-textsingle {
	margin-top: 1.6rem !important;
}

.bato-textslider .bato-slide {
	margin: 0 !important;
}

.bato-textslider.is-ready .bato-slide:not(.is-active) {
	display: none;
}

.bato-textslider.is-ready .bato-slide.is-active {
	animation: bato-fade-in 0.5s ease both;
}

@keyframes bato-fade-in {
	from { opacity: 0; }
	to { opacity: 1; }
}

.bato-textslider__nav {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 1rem;
}

.bato-section--left .bato-textslider__nav {
	justify-content: flex-end;
}

.bato-textslider__nav button {
	padding: 0 4px;
	border: 0;
	background: none;
	color: inherit;
	font-size: 22px;
	line-height: 1;
	cursor: pointer;
}

.bato-textslider__nav .bato-dot {
	width: 8px;
	height: 8px;
	padding: 0;
	border: 1px solid currentColor;
	border-radius: 50%;
}

.bato-textslider__nav .bato-dot[aria-current="true"] {
	background: currentColor;
}

/* News on the home page */
.bato-news {
	padding: 70px clamp(16px, 4vw, 48px);
}

.bato-news h3.bato-news__title {
	font-family: var(--wp--preset--font-family--times);
	font-size: 30px;
	font-weight: 400;
	line-height: 1.4;
	text-align: center;
	color: var(--wp--preset--color--gold);
}

.bato-news .wp-block-post-title {
	font-family: var(--wp--preset--font-family--times);
	font-size: 25.6px;
	font-weight: 400;
	line-height: 1.2;
	color: #adadad;
}

.bato-news .wp-block-post-title a {
	color: inherit;
	text-decoration: none;
}

.bato-news .wp-block-post-date {
	font-family: var(--wp--preset--font-family--times);
	font-size: 14.4px;
	color: #a3a3a3;
}

@media (max-width: 1023px) {
	.bato-hide-mobile {
		display: none !important;
	}

	.wp-block-cover.bato-section {
		padding: 56px 16px;
	}

	.bato-section__box {
		width: 100%;
		max-width: 640px;
		margin: 0 auto !important;
		padding: 0;
		background: none;
		text-align: center !important;
	}

	/* No box behind the text: a light veil over the whole band (panel: "Sfondo del testo") */
	.wp-block-cover.bato-section:not(.bato-m-noveil)::before {
		content: "";
		position: absolute;
		inset: 0;
		z-index: 1;
		background: rgba(235, 229, 226, 0.4);
		pointer-events: none;
	}

	.wp-block-cover.bato-section.bato-section--light:not(.bato-m-noveil)::before {
		background: rgba(0, 0, 0, 0.35);
	}

	.wp-block-cover.bato-section > .wp-block-cover__inner-container {
		z-index: 2;
	}

	.bato-section .bato-section__title,
	.bato-section .bato-section__more {
		text-shadow: 0 0 3px rgba(255, 255, 255, 0.35);
	}

	.bato-section:not(.bato-section--light) .bato-section__title,
	.bato-section:not(.bato-section--light) .bato-section__more {
		color: var(--wp--preset--color--ink) !important;
	}

	.bato-section.bato-m-noveil .bato-section__title,
	.bato-section.bato-m-noveil .bato-section__more {
		text-shadow: 0 0 3px rgba(255, 255, 255, 0.35);
	}

	.bato-section--light .bato-section__title,
	.bato-section--light .bato-section__more {
		text-shadow: 0 0 3px rgba(0, 0, 0, 0.35);
	}

	.bato-section--light .bato-section__more,
	.bato-section--light .bato-section__more a {
		color: var(--wp--preset--color--mist) !important;
	}

	.bato-section-icons.wp-block-social-links,
	.bato-section--left .bato-section-icons,
	.bato-textslider__nav,
	.bato-section--left .bato-textslider__nav {
		justify-content: center;
	}
}

/*
 * Mobile "builder" classes (Advanced > Additional CSS class in the editor):
 *   bato-mpos-10 … bato-mpos-90  = horizontal focus of a cover image on phones/tablets
 *   bato-hide-mobile / bato-hide-desktop = show a block only on desktop / only on mobile
 */
@media (max-width: 1023px), (hover: none) {
	.wp-block-cover.bato-mpos-10 > .wp-block-cover__image-background { background-position: 10% 50% !important; }
	.wp-block-cover.bato-mpos-15 > .wp-block-cover__image-background { background-position: 15% 50% !important; }
	.wp-block-cover.bato-mpos-20 > .wp-block-cover__image-background { background-position: 20% 50% !important; }
	.wp-block-cover.bato-mpos-25 > .wp-block-cover__image-background { background-position: 25% 50% !important; }
	.wp-block-cover.bato-mpos-30 > .wp-block-cover__image-background { background-position: 30% 50% !important; }
	.wp-block-cover.bato-mpos-35 > .wp-block-cover__image-background { background-position: 35% 50% !important; }
	.wp-block-cover.bato-mpos-40 > .wp-block-cover__image-background { background-position: 40% 50% !important; }
	.wp-block-cover.bato-mpos-45 > .wp-block-cover__image-background { background-position: 45% 50% !important; }
	.wp-block-cover.bato-mpos-50 > .wp-block-cover__image-background { background-position: 50% 50% !important; }
	.wp-block-cover.bato-mpos-55 > .wp-block-cover__image-background { background-position: 55% 50% !important; }
	.wp-block-cover.bato-mpos-60 > .wp-block-cover__image-background { background-position: 60% 50% !important; }
	.wp-block-cover.bato-mpos-65 > .wp-block-cover__image-background { background-position: 65% 50% !important; }
	.wp-block-cover.bato-mpos-70 > .wp-block-cover__image-background { background-position: 70% 50% !important; }
	.wp-block-cover.bato-mpos-75 > .wp-block-cover__image-background { background-position: 75% 50% !important; }
	.wp-block-cover.bato-mpos-80 > .wp-block-cover__image-background { background-position: 80% 50% !important; }
	.wp-block-cover.bato-mpos-85 > .wp-block-cover__image-background { background-position: 85% 50% !important; }
	.wp-block-cover.bato-mpos-90 > .wp-block-cover__image-background { background-position: 90% 50% !important; }
}

@media (min-width: 1024px) {
	.bato-hide-desktop {
		display: none !important;
	}
}

/*
 * Mobile panel in the editor ("Visualizzazione su cellulare", assets/js/bato-editor.js)
 * stores its choices as classes on each band (cover block):
 *   bato-m-hide    hide the band on phones      bato-d-hide   hide the band on computers
 *   bato-m-notext  hide the texts on phones     bato-m-noicons hide the social icons on phones
 *   bato-m-noveil  no veil, text only           bato-mpos-NN  image focus on phones/tablets
 */
@media (max-width: 781px) {
	.bato-m-hide {
		display: none !important;
	}

	.bato-m-notext .bato-textsingle,
	.bato-m-notext .bato-textslider,
	.bato-m-notext .bato-perf-text,
	.bato-m-notext .bato-perf-by,
	.bato-m-noicons .bato-section-icons {
		display: none !important;
	}

	.bato-m-notext .bato-section__title,
	.bato-m-notext .bato-section__more {
		font-size: 30px;
	}
}

@media (min-width: 782px) {
	.bato-d-hide {
		display: none !important;
	}
}

/* Galleries: 2 columns on phone (core default), max 3 on tablet */
@media (min-width: 600px) and (max-width: 1023px) {
	.wp-block-gallery.has-nested-images:is(.columns-4, .columns-5, .columns-6, .columns-7, .columns-8) figure.wp-block-image:not(#individual-image) {
		width: calc(33.33333% - var(--wp--style--unstable-gallery-gap, 16px) * 0.66667);
	}
}

/* ---------- Social icons: the original bato.it icon images ---------- */

.bato-social.wp-block-social-links,
.bato-section-icons.wp-block-social-links {
	gap: 6px;
}

.bato-social .wp-social-link,
.bato-section-icons .wp-social-link {
	padding: 0 !important;
	border-radius: 0 !important;
	background: none !important;
	transition: opacity 0.2s ease;
}

.bato-social .wp-social-link:hover,
.bato-section-icons .wp-social-link:hover {
	opacity: 0.75;
	transform: none !important;
}

.bato-social .wp-social-link a,
.bato-section-icons .wp-social-link a {
	display: block;
	width: var(--bato-icon, 25px);
	height: var(--bato-icon, 25px);
	padding: 0 !important;
	background: center / contain no-repeat;
}

.bato-social .wp-social-link svg,
.bato-section-icons .wp-social-link svg {
	visibility: hidden;
	width: 100%;
	height: 100%;
}

/* Header and footer: colour icons */
.bato-social .wp-social-link-instagram a { background-image: url(assets/icons/instagram-color.png); }
.bato-social .wp-social-link-facebook a { background-image: url(assets/icons/facebook-grey.png); }
.bato-social .wp-social-link-flickr a { background-image: url(assets/icons/flickr-color.png); }
.bato-social .wp-social-link-vimeo a { background-image: url(assets/icons/vimeo.png); }
.bato-social .bato-social-issuu a { background-image: url(assets/icons/issuu-color.png); }

/* Inside pages and sections: grey icons */
.bato-section-icons { --bato-icon: 24px; }
.bato-section--center .bato-section-icons,
.bato-about-head .bato-section-icons { --bato-icon: 25px; }
.bato-section-icons .wp-social-link-instagram a { background-image: url(assets/icons/instagram-grey.png); }
.bato-section-icons .wp-social-link-facebook a { background-image: url(assets/icons/facebook-grey.png); }
.bato-section-icons .wp-social-link-flickr a { background-image: url(assets/icons/flickr-grey.png); }
.bato-section-icons .wp-social-link-vimeo a { background-image: url(assets/icons/vimeo.png); }
.bato-section-icons .bato-social-issuu a { background-image: url(assets/icons/issuu-grey.png); }

/* ---------- Image slider (event pages, Graphic Design) ---------- */

.wp-block-gallery.bato-slider {
	position: relative;
	display: block !important;
	overflow: hidden;
	margin: 0 auto 30px !important;
}

.bato-slider .bato-slider__track {
	display: flex;
	align-items: flex-start;
	transition: transform 0.6s ease, height 0.4s ease;
}

.bato-slider .bato-slider__track:not([style*="height"]) {
	aspect-ratio: 4 / 3;
}

.bato-slider .bato-slider__track {
	width: 100%;
}

.wp-block-gallery.bato-slider .bato-slider__track > figure.wp-block-image {
	flex: 0 0 100% !important;
	width: 100% !important;
	min-width: 0 !important;
	max-width: 100% !important;
	overflow: hidden;
	height: 100% !important;
	margin: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.wp-block-gallery.bato-slider figure.wp-block-image img {
	width: 100% !important;
	height: 100% !important;
	object-fit: contain !important;
	object-position: center;
}

/* MashShare: Instagram button instead of X/Twitter */
.mashsb-container a.mashicon-instagram {
	background: linear-gradient(45deg, #f09433, #dc2743 50%, #bc1888) !important;
	color: #fff !important;
}

.mashsb-container a.mashicon-instagram .icon::before {
	content: "";
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-right: 6px;
	vertical-align: -2px;
	border: 2px solid #fff;
	border-radius: 4px;
	box-shadow: inset 0 0 0 2px transparent;
	background: radial-gradient(circle, transparent 0 3px, #fff 3.5px 5px, transparent 5.5px);
}

.wp-block-gallery.bato-slider:not(.is-ready) figure.wp-block-image:not(:first-of-type) {
	display: none;
}

.bato-slider__arrow {
	position: absolute;
	top: calc(50% - 24px);
	width: 36px;
	height: 36px;
	padding: 0;
	border: 0;
	background: rgba(0, 0, 0, 0.35);
	cursor: pointer;
	opacity: 0;
	transition: opacity 0.2s ease;
}

.bato-slider:hover .bato-slider__arrow,
.bato-slider__arrow:focus-visible {
	opacity: 1;
}

.bato-slider__arrow::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 10px;
	height: 10px;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
}

.bato-slider__arrow--prev {
	left: 0;
}

.bato-slider__arrow--prev::before {
	transform: translate(-30%, -50%) rotate(-45deg);
}

.bato-slider__arrow--next {
	right: 0;
}

.bato-slider__arrow--next::before {
	transform: translate(-70%, -50%) rotate(135deg);
}

.bato-slider__dots {
	display: flex;
	justify-content: center;
	gap: 8px;
	padding-top: 10px;
}

.bato-slider__dots button {
	width: 8px;
	height: 8px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: #ccc;
	cursor: pointer;
}

.bato-slider__dots button[aria-current="true"] {
	background: #555;
}

@media (hover: none) {
	.bato-slider__arrow {
		opacity: 1;
	}
}

/* ---------- Event pages (Portfolio) ---------- */

.bato-event {
	padding: calc(var(--bato-navbar-h) + 70px) 0 90px;
	font-family: var(--wp--preset--font-family--times);
	font-size: 13px;
	line-height: 16px;
	color: var(--wp--preset--color--body);
}

.bato-event .wp-block-columns {
	gap: 74px;
}

.bato-event h3 {
	font-family: var(--wp--preset--font-family--times);
	font-size: 19.5px;
	font-weight: 400;
	line-height: 1.4;
	color: #000;
}

.bato-event p {
	margin: 0 0 13px !important;
}

.bato-event .wp-block-buttons {
	margin: 0 0 10px !important;
	gap: 10px;
}

.bato-event .wp-block-button__link {
	padding: 10px 20px;
	border: 1px solid rgba(0, 0, 0, 0.05);
	border-radius: 0;
	background: #f7f7f7;
	color: var(--wp--preset--color--body);
	font-family: var(--wp--preset--font-family--times);
	font-size: 16px;
	line-height: 1.3;
}

.bato-event .wp-block-button__link:hover {
	background: #eee;
	color: #000;
}

.bato-event .wp-block-image,
.bato-event .wp-block-embed {
	margin: 0 auto 30px !important;
}

@media (max-width: 781px) {
	.bato-event .wp-block-columns {
		gap: 40px;
	}

	.bato-event {
		font-size: 14px;
		line-height: 1.45;
	}
}

/* ---------- Exhibitions grid (Eventi passati) ---------- */

.bato-exhibitions {
	padding: 60px 0 90px;
}

.bato-exhibitions__title {
	margin: 0 auto 40px !important;
	font-family: var(--wp--preset--font-family--times);
	font-size: 41.6px;
	font-weight: 400;
	text-align: center;
	text-transform: uppercase;
	color: #999;
}

.bato-exhibitions .wp-block-post-template {
	gap: 40px 30px;
}

.bato-exhibitions .wp-block-post {
	margin: 0 !important;
}

.bato-exhibitions .wp-block-post-featured-image {
	margin: 0 0 12px !important;
	aspect-ratio: 3 / 4;
	background: #f7f7f7;
	overflow: hidden;
}

.bato-exhibitions .wp-block-post-featured-image a,
.bato-exhibitions .wp-block-post-featured-image img {
	display: block;
	width: 100%;
	height: 100% !important;
	object-fit: cover;
	transition: transform 0.5s ease, opacity 0.3s ease;
}

.bato-exhibitions .wp-block-post-featured-image:hover img {
	transform: scale(1.04);
}

.bato-exhibitions .wp-block-post-title {
	margin: 0 !important;
	font-family: var(--wp--preset--font-family--times);
	font-size: 14.4px;
	font-weight: 400;
	line-height: 1.25;
	color: #000;
}

.bato-exhibitions .wp-block-post-title a {
	color: inherit;
	text-decoration: none;
}

.bato-exhibitions .wp-block-post-title a:hover {
	color: var(--wp--preset--color--gold);
}

.bato-exhibitions .wp-block-post-date {
	margin-top: 4px !important;
	font-family: var(--wp--preset--font-family--times);
	font-size: 12px;
	color: #a3a3a3;
}

/* ---------- Works index (3 tiles) ---------- */

.bato-works {
	padding: calc(var(--bato-navbar-h) + 60px) 0 90px;
}

.bato-works__intro {
	margin: -20px auto 40px !important;
	font-family: var(--wp--preset--font-family--times);
	font-size: 13px;
	color: var(--wp--preset--color--body);
	text-align: center;
}

.bato-works .wp-block-columns {
	gap: 40px 30px;
}

.bato-works .wp-block-image {
	margin: 0 0 12px !important;
	aspect-ratio: 3 / 4;
	overflow: hidden;
	background: #f7f7f7;
}

.bato-works .wp-block-image a {
	display: block;
	height: 100%;
}

.bato-works .wp-block-image img {
	display: block;
	width: 100%;
	height: 100% !important;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.bato-works .bato-works__img--right img {
	object-position: 68% center;
}

.bato-works a[href="/batosmokers/"] img {
	object-position: 74% center;
}

.bato-works .wp-block-image:hover img {
	transform: scale(1.04);
}

.bato-works__label {
	margin: 0 !important;
	font-family: var(--wp--preset--font-family--times);
	font-size: 14.4px;
	font-weight: 400;
	text-align: center;
	text-transform: uppercase;
}

.bato-works__label a {
	color: #000;
	text-decoration: none;
}

.bato-works__label a:hover {
	color: var(--wp--preset--color--gold);
}

/*
 * Instagram embeds: their text size is set by Instagram inside the iframe, so the whole
 * post is scaled down to sit in harmony with the site's text (and never wider than its column).
 */
iframe.instagram-media {
	min-width: 0 !important;
	zoom: 0.9;
}

@media (max-width: 781px) {
	iframe.instagram-media {
		zoom: 0.8;
	}
}

/* ---------- News page ---------- */

.bato-newspage {
	padding: 16px !important;
	background: #fafafa;
}

.bato-newspage__title {
	margin: 30px 0 !important;
	font-family: var(--wp--preset--font-family--times);
	font-size: 41.6px;
	font-weight: 400;
	text-align: center;
	text-transform: uppercase;
	color: #999;
}

.bato-newspage .wp-block-post-template {
	gap: 36px;
}

.bato-newspage .wp-block-post-title {
	margin: 0 !important;
	font-family: var(--wp--preset--font-family--times);
	font-size: 14.4px;
	font-weight: 400;
	line-height: 1.2;
	color: #000;
}

.bato-newspage .wp-block-post-title a {
	color: inherit;
	text-decoration: none;
}

.bato-newspage .wp-block-post-date {
	font-family: var(--wp--preset--font-family--times);
	font-size: 8.1px;
	line-height: 25.92px;
	color: #a3a3a3;
}

.bato-newspage .wp-block-query-pagination {
	justify-content: flex-end;
	margin-top: 30px !important;
	font-family: var(--wp--preset--font-family--times);
	font-size: 9.9px;
	color: #ccc;
}

.bato-newspage .wp-block-query-pagination a {
	color: inherit;
	text-decoration: none;
}

.bato-newspage .wp-block-query-pagination .current {
	color: #000;
}

/* ---------- Graphic Design page ---------- */

.bato-design {
	background: #000;
	color: #fff;
	font-family: var(--wp--preset--font-family--times);
}

.bato-design-hero.bato-ytbg {
	align-items: center;
	padding-top: 0;
	padding-bottom: 0;
}

@media (max-width: 1023px) {
	.bato-design-hero.bato-ytbg {
		min-height: 70vh;
		background: #000 var(--bato-hero-bg, none) center / cover no-repeat;
	}
}

.bato-design-hero .wp-block-image {
	margin: 0 auto !important;
}

.bato-design-row {
	padding: 60px max(16px, calc((100% - 1160px) / 2)) !important;
	margin: 0 !important;
	background: #000;
}

.bato-design-row .wp-block-columns {
	gap: 4%;
}

.bato-design-row h2 {
	margin: 0 0 20px !important;
	font-family: var(--wp--preset--font-family--times);
	font-size: clamp(28px, 3vw, 39px);
	font-weight: 400;
	line-height: 1.2;
	color: #fff;
}

.bato-design-row h6 {
	margin: 0 0 14px !important;
	font-family: var(--wp--preset--font-family--times);
	font-size: 10.72px;
	font-weight: 200;
	line-height: 1.4;
	letter-spacing: normal;
	text-transform: none;
	color: #fff;
}

.bato-design-row h6 strong,
.bato-design-row li strong {
	font-weight: 500;
}

.bato-design-row p,
.bato-design-row li {
	font-family: var(--wp--preset--font-family--times);
	font-size: 10.72px;
	font-weight: 200;
	line-height: 1.4;
	color: #fff;
}

.bato-design-row ul {
	padding-left: 22px;
}

.bato-design-row li {
	margin-bottom: 8px;
}

.bato-design-row li::marker {
	color: #555;
}

@media (max-width: 781px) {
	.bato-design-row p,
	.bato-design-row li {
		font-size: 13px;
	}
}

/* ---------- Plain text pages (Privacy Policy) ---------- */

.bato-plain {
	padding: calc(var(--bato-navbar-h) + 60px) 0 90px;
	font-family: var(--wp--preset--font-family--times);
	font-size: 16px;
	line-height: 1.62;
	color: var(--wp--preset--color--body);
}

.bato-plain h2 {
	font-family: var(--wp--preset--font-family--times);
	font-size: clamp(28px, 4vw, 41.6px);
	font-weight: 400;
	line-height: 1.2;
	color: #000;
}

@media (max-width: 1023px) {
	.bato-plain {
		font-size: 15px;
	}
}

/* ---------- Contacts ---------- */

.bato-contacts {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 100vh;
	padding: 120px 16px 60px;
	margin: 0 !important;
}

.bato-contacts .wp-block-image {
	margin: 0 0 10px !important;
}

.bato-contacts .bato-social {
	--bato-icon: 24px;
	justify-content: center;
	margin: 0 0 8px !important;
}

.bato-contact {
	margin: 0 !important;
	font-family: var(--wp--preset--font-family--times);
	font-size: 12px;
	font-style: italic;
	line-height: 32px;
	color: #000;
}

.bato-contact a {
	color: inherit;
	text-decoration: none;
}

.bato-contact a:hover {
	color: var(--wp--preset--color--gold);
}

.bato-contact::before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 12px;
	vertical-align: -3px;
	background: #555;
	-webkit-mask: var(--bato-contact-icon) center / contain no-repeat;
	mask: var(--bato-contact-icon) center / contain no-repeat;
}

.bato-contact--mail {
	--bato-contact-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6'%3E%3Crect x='2' y='5' width='20' height='14'/%3E%3Cpath d='M2 6l10 7 10-7'/%3E%3C/svg%3E");
}

.bato-contact--phone {
	--bato-contact-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1A17 17 0 0 1 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.3 0 .7-.2 1z'/%3E%3C/svg%3E");
}

/* ---------- Footer ---------- */

.bato-footer {
	margin: 0 !important;
	padding: 80px clamp(16px, 4vw, 24px) 70px;
	background: #000;
	color: #fff;
	font-family: var(--wp--preset--font-family--times);
	text-align: center;
}

.bato-footer p {
	margin: 0 !important;
}

.bato-backtop a {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	gap: 30px;
	color: var(--wp--preset--color--gold) !important;
	font-size: 14.4px;
	line-height: 1.6;
	text-transform: uppercase;
	text-decoration: none;
}

/* The gold chevron above "Back to top" */
.bato-backtop a::before {
	content: "";
	width: 40px;
	height: 40px;
	margin-top: 20px;
	border-top: 3px solid currentColor;
	border-left: 3px solid currentColor;
	transform: rotate(45deg);
}

.bato-backtop a:hover {
	opacity: 0.8;
}

.bato-footer .bato-footer__line {
	margin: 44px 0 48px !important;
	border: 0;
	border-top: 1px solid #333 !important;
	opacity: 1;
}

/* Three columns: artist | represented by Von Buren | social */
.bato-footer__cols {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 32px;
	max-width: 960px;
	margin: 0 auto 48px !important;
}

.bato-footer__col {
	font-size: 15px;
	line-height: 1.7;
	color: #d6d6d6;
}

.bato-footer__name {
	font-size: 18px;
	letter-spacing: 0.12em;
	color: #fff;
}

.bato-footer__label {
	font-size: 12px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--wp--preset--color--grey);
}

.bato-footer__col a,
.bato-footer__credits a {
	color: #fff !important;
	text-decoration: none;
	transition: color 0.2s ease;
}

.bato-footer__col a:hover,
.bato-footer__credits a:hover {
	color: var(--wp--preset--color--gold) !important;
}

.bato-footer__credits {
	font-size: 12.24px;
	letter-spacing: 0.01em;
	color: var(--wp--preset--color--grey);
}

@media (max-width: 781px) {
	.bato-footer__cols {
		grid-template-columns: 1fr;
		gap: 24px;
	}
}

/* ---------- Legal text pages (Privacy Policy): same typography as the other text pages ---------- */

.bato-legal {
	max-width: 760px;
	margin-inline: auto !important;
	font-family: var(--wp--preset--font-family--times);
	font-size: 16px;
	line-height: 1.62;
	color: var(--wp--preset--color--body);
}

.bato-legal p {
	margin: 0 0 1em !important;
}

.bato-plain .bato-legal h2,
.bato-legal h2 {
	margin: 2.2em 0 0.6em !important;
	font-family: var(--wp--preset--font-family--times);
	font-size: 18px;
	font-weight: 400;
	line-height: 1.3;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--wp--preset--color--ink);
}

.bato-legal .bato-exhibitions__title {
	margin-bottom: 30px !important;
}

@media (max-width: 1023px) {
	.bato-legal {
		font-size: 15px;
	}
}