/* =========================================================
   MOIRES — Estilo editorial cerámico
   Paleta y tipografías se consumen vía var(--wp--preset--*)
   declaradas en theme.json. No usar hex hardcoded aquí.
   ========================================================= */

:root {
	--moires-radius: 2px;
	--moires-transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	--moires-gutter: clamp(1.25rem, 3vw, 2.5rem);
	--moires-section-y: clamp(3rem, 8vw, 6rem);
}

/* ---------- Lockup de marca (logo MOIRES) ---------- */
.lockup {
	font-family: var(--wp--preset--font-family--display);
	text-transform: uppercase;
	letter-spacing: 0.18em;
	font-weight: 500;
}

/* ---------- Ritmo vertical editorial ---------- */
body {
	color: var(--wp--preset--color--contrast);
	background: var(--wp--preset--color--base);
}

/* Sin padding-block global en main: cada sección define su propio ritmo
   vertical con wp:group + spacing tokens del theme.json. */

/* Neutralizar el vertical-spacing de Blocksy en páginas y archivos Woo
   (nuestros patterns ya traen su propio padding). Las fichas de producto
   singulares no son `.page` ni `.archive`, así que conservan su espaciado. */
body.page .ct-container-full,
body.home .ct-container-full,
body.archive .ct-container-full,
body.post-type-archive-product .ct-container-full,
body.tax-product_cat .ct-container-full,
body.tax-coleccion .ct-container-full {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

/* Titulares con más aire */
h1, h2, h3 {
	color: var(--wp--preset--color--contrast);
	margin-block: 0 0.6em;
}

p {
	color: var(--wp--preset--color--contrast-2);
}

/* ---------- Cabecera: línea fina sepia, nada de sombras ---------- */
.site-header {
	background: var(--wp--preset--color--base);
	border-bottom: 1px solid var(--wp--preset--color--base-2);
}

/* ---------- Grid de productos ---------- */
.woocommerce ul.products {
	gap: var(--moires-gutter);
}

.woocommerce ul.products li.product {
	background: transparent;
	border: none;
	padding: 0;
	transition: transform var(--moires-transition);
}

.woocommerce ul.products li.product:hover {
	transform: translateY(-3px);
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-family: var(--wp--preset--font-family--serif);
	font-weight: 400;
	font-size: 1.25rem;
	letter-spacing: -0.005em;
	margin-top: 1.25rem;
	color: var(--wp--preset--color--contrast);
}

.woocommerce ul.products li.product .price {
	font-family: var(--wp--preset--font-family--sans);
	font-size: 0.9rem;
	font-weight: 400;
	color: var(--wp--preset--color--contrast-2);
	letter-spacing: 0.01em;
}

/* Imagen de producto sobre fondo hueso muy sutil, sin marco */
.woocommerce ul.products li.product .wp-post-image,
.woocommerce div.product div.images img {
	background: var(--wp--preset--color--base-2);
	border-radius: var(--moires-radius);
	display: block;
}

/* ---------- Ficha de producto: editorial ---------- */
.woocommerce div.product .product_title {
	font-family: var(--wp--preset--font-family--serif);
	font-weight: 400;
	font-size: clamp(2rem, 4vw, 2.75rem);
	letter-spacing: -0.01em;
	margin-bottom: 0.5em;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
	font-family: var(--wp--preset--font-family--sans);
	font-size: 1.125rem;
	color: var(--wp--preset--color--contrast);
	font-weight: 500;
}

.woocommerce div.product .woocommerce-product-details__short-description {
	font-family: var(--wp--preset--font-family--serif);
	font-size: 1.125rem;
	font-style: italic;
	font-weight: 300;
	color: var(--wp--preset--color--contrast-2);
	line-height: 1.55;
	margin-block: 1.5rem;
}

/* ---------- Botones sobrios ---------- */
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.button.alt,
.woocommerce button.button.alt {
	background: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--contrast);
	border-radius: var(--moires-radius);
	font-family: var(--wp--preset--font-family--sans);
	font-weight: 500;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	font-size: 0.78rem;
	padding: 1em 2.2em;
	transition: background var(--moires-transition), color var(--moires-transition);
}

.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover {
	background: var(--wp--preset--color--pine);
	border-color: var(--wp--preset--color--pine);
	color: var(--wp--preset--color--base);
}

/* Botón secundario (outline) */
.woocommerce a.button.outline,
.woocommerce button.button.outline {
	background: transparent;
	color: var(--wp--preset--color--contrast);
}

.woocommerce a.button.outline:hover,
.woocommerce button.button.outline:hover {
	background: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
}

/* ---------- Cabecera de la tienda ---------- */
.woocommerce-products-header {
	text-align: center;
	padding-block: clamp(2rem, 6vw, 4.5rem);
}

.woocommerce-products-header__title {
	font-family: var(--wp--preset--font-family--serif);
	font-weight: 400;
	font-size: clamp(2.25rem, 5vw, 4rem);
	letter-spacing: -0.01em;
	margin: 0;
}

/* ---------- Enlaces ---------- */
a {
	color: var(--wp--preset--color--pine);
	text-decoration: none;
	transition: color var(--moires-transition);
}

a:hover {
	color: var(--wp--preset--color--favus);
}

/* ---------- Badge de Ediciones limitadas / destacados ---------- */
.woocommerce span.onsale {
	background: var(--wp--preset--color--favus);
	color: var(--wp--preset--color--contrast);
	font-family: var(--wp--preset--font-family--sans);
	font-weight: 500;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	font-size: 0.7rem;
	border-radius: var(--moires-radius);
	padding: 0.35em 0.9em;
	min-height: auto;
	min-width: auto;
	line-height: 1.4;
}

/* ---------- Footer discreto ---------- */
.site-footer {
	background: var(--wp--preset--color--base-2);
	color: var(--wp--preset--color--contrast-2);
	border-top: 1px solid var(--wp--preset--color--base-2);
	padding-block: clamp(2rem, 5vw, 4rem);
}

.site-footer a {
	color: var(--wp--preset--color--contrast-2);
}

.site-footer a:hover {
	color: var(--wp--preset--color--contrast);
}

/* =========================================================
   Overrides de pulido (Parte E, G, I, J + fallback Parte A)
   ========================================================= */

/* ---------- Tipografías: fuerza Cormorant en títulos y Inter en cuerpo ---------- */
body,
.wp-site-blocks,
p, li, td, th, input, textarea, select, button,
.price, .woocommerce-Price-amount {
	font-family: var(--wp--preset--font-family--sans), "Inter", system-ui, sans-serif !important;
}

h1, h2, h3, h4, h5, h6,
.entry-title,
.woocommerce-loop-product__title,
.woocommerce div.product .product_title,
.page-header__title,
.page-title {
	font-family: var(--wp--preset--font-family--serif), "Cormorant Garamond", Georgia, serif !important;
	font-weight: 400;
	letter-spacing: -0.005em;
}

.lockup,
.site-title,
.m-lockup {
	font-family: var(--wp--preset--font-family--display), "Cinzel", serif !important;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	font-weight: 500;
}

/* ---------- Parte A fallback: ocultar hero/título de Blocksy en editoriales ---------- */
body.home .hero-section,
body.home .entry-header,
body.page .hero-section[data-type="type-1"],
body.page .entry-header,
body.post-type-archive-product .hero-section,
body.tax-product_cat .hero-section,
body.tax-coleccion .hero-section,
.woocommerce-products-header__title {
	display: none !important;
}
/* Si el hero se renderiza igualmente, colapsar padding/min-height */
body.page .hero-section,
body.archive .hero-section,
body.home .hero-section {
	padding-block: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	min-height: 0 !important;
	height: 0 !important;
	overflow: hidden !important;
}
.hero-section:empty,
.page-header:empty,
[data-section="hero"]:empty {
	display: none !important;
}
/* excepción: fichas de producto SÍ muestran título */
body.single-product .hero-section,
body.single-product .entry-header {
	display: block !important;
	height: auto !important;
	padding-block: 2rem !important;
}

/* ---------- Parte G: Hero contenedor semi-translúcido ---------- */
.home .wp-block-cover {
	min-height: 85vh;
}
.home .wp-block-cover .wp-block-cover__inner-container {
	background: rgba(248, 245, 239, 0.82);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	padding: clamp(2rem, 4vw, 3.5rem) clamp(1.5rem, 5vw, 4rem);
	border-radius: var(--moires-radius);
	max-width: min(640px, 90vw);
	margin-inline: auto;
}
.home .wp-block-cover h1,
.home .wp-block-cover p {
	color: var(--wp--preset--color--contrast) !important;
}

/* ---------- Parte J: spacing y grid ---------- */
.wp-site-blocks > * + * { margin-block-start: 0; }

.woocommerce ul.products {
	gap: 2rem !important;
}
.woocommerce ul.products li.product {
	margin-bottom: 0 !important;
	background: transparent;
	border: none;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-size: 1.125rem;
	margin-top: 1rem;
	margin-bottom: 0.25rem;
}
.woocommerce ul.products li.product .price {
	font-size: 0.9rem;
	color: var(--wp--preset--color--contrast-2);
}
.woocommerce ul.products li.product .product-categories { display: none; }

/* Botón "Añadir al carrito" en listado: ghost → sólido en hover */
.woocommerce ul.products li.product .button {
	background: transparent !important;
	color: var(--wp--preset--color--contrast) !important;
	border: 1px solid var(--wp--preset--color--contrast) !important;
	padding: 0.75em 1.5em !important;
	font-size: 0.75rem;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	transition: all var(--moires-transition);
}
.woocommerce ul.products li.product .button:hover {
	background: var(--wp--preset--color--contrast) !important;
	color: var(--wp--preset--color--base) !important;
}

/* ---------- Parte I: MOSS tile sin producto (placeholder con tinte) ---------- */
.home .wp-block-column:has(.has-moss-background-color) .has-moss-background-color {
	position: relative;
	overflow: hidden;
	min-height: 320px;
	background-image:
		linear-gradient(rgba(139, 159, 90, 0.55), rgba(139, 159, 90, 0.55)),
		url('/wp-content/uploads/2026/04/2026-02-07_20-47-46_UTC_1-hero.jpg');
	background-size: cover;
	background-position: center;
}
.home .wp-block-column:has(.has-moss-background-color) .has-moss-background-color p {
	color: var(--wp--preset--color--base) !important;
	position: absolute;
	inset: auto 0 50% 0;
	margin: 0;
	font-family: var(--wp--preset--font-family--display);
	letter-spacing: 0.24em;
	text-transform: uppercase;
	font-size: 1.4rem;
}
.home .wp-block-column:has(.has-moss-background-color) .has-moss-background-color p:before {
	content: "MOSS";
}
.home .wp-block-column:has(.has-moss-background-color) .has-moss-background-color p * { display: none; }

/* ---------- Parte D: tiles de /categorias con hover ---------- */
.moires-cat-tile {
	transition: transform var(--moires-transition);
	overflow: hidden;
}
.moires-cat-tile:hover .wp-block-cover__image-background {
	transform: scale(1.04);
}
.moires-cat-tile .wp-block-cover__image-background {
	transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.moires-cat-tile a {
	color: var(--wp--preset--color--base) !important;
}

/* ---------- Footer custom (Parte F) ---------- */
.moires-footer-custom {
	background: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
	padding-block: clamp(3rem, 6vw, 5rem);
}
.moires-footer-custom a {
	color: var(--wp--preset--color--base);
	text-decoration: none;
}
.moires-footer-custom a:hover { text-decoration: underline; }
.moires-footer-custom .lockup-big {
	font-family: var(--wp--preset--font-family--display);
	font-size: clamp(2rem, 6vw, 3.25rem);
	letter-spacing: 0.3em;
	text-transform: uppercase;
	font-weight: 500;
	text-align: center;
	margin-block: 0 2.5rem;
}
.moires-footer-custom .footer-cols {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2.5rem;
	max-width: 1100px;
	margin-inline: auto;
}
@media (max-width: 720px) {
	.moires-footer-custom .footer-cols { grid-template-columns: 1fr; }
}
.moires-footer-custom .footer-cols h4 {
	font-family: var(--wp--preset--font-family--display) !important;
	font-size: 0.75rem;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	margin-bottom: 1rem;
	color: var(--wp--preset--color--base);
}
.moires-footer-custom .footer-cols ul {
	list-style: none;
	padding: 0;
	margin: 0;
	line-height: 2;
}
.moires-footer-custom .footer-sig {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-top: 1px solid var(--wp--preset--color--contrast-2);
	margin-top: 3rem;
	padding-top: 1.5rem;
	font-size: 0.78rem;
	letter-spacing: 0.06em;
	max-width: 1100px;
	margin-inline: auto;
}
@media (max-width: 720px) {
	.moires-footer-custom .footer-sig {
		flex-direction: column;
		gap: 0.5rem;
		text-align: center;
	}
}

/* Ocultar footer nativo de Blocksy (usamos el custom de arriba) */
.ct-footer { display: none !important; }

/* =========================================================
   Logo MOIRES (Parte C + D)
   ========================================================= */

.moires-logo {
	max-height: 56px;
	width: auto;
	display: block;
	object-fit: contain;
}
@media (max-width: 768px) {
	.moires-logo { max-height: 42px; }
}

/* Ocultar lockup textual residual si queda alguno en header */
.site-header .lockup,
header .lockup {
	display: none !important;
}

/* Logo del footer (versión hueso) */
.moires-footer-custom .moires-footer-logo {
	text-align: center;
	margin-bottom: 2.5rem;
}
.moires-footer-custom .moires-footer-logo img {
	display: inline-block;
	max-width: 280px;
	width: 100%;
	height: auto;
}

/* =========================================================
   Pulido final: títulos, Woo, contacto, taller (Partes C/H/I/J)
   ========================================================= */

/* ---------- Títulos de contenido uniformes ---------- */
.entry-content h1,
.entry-content h2,
.wp-block-post-content h1,
.wp-block-post-content h2,
.woocommerce-products-header__title,
.woocommerce div.product .product_title,
.product_title,
h1.entry-title,
h2.entry-title,
.page-title {
	font-family: "Cormorant Garamond", Georgia, serif !important;
	font-weight: 400 !important;
	font-style: normal !important;
	letter-spacing: -0.005em !important;
	line-height: 1.1 !important;
	color: var(--wp--preset--color--contrast) !important;
}
.entry-content h1,
.page-title,
h1.entry-title,
.woocommerce-products-header__title,
.product_title {
	font-size: clamp(2.5rem, 5vw, 4rem) !important;
	margin-block: 0 1rem !important;
}

/* ---------- Tienda: quitar ruido e-commerce ---------- */
.woocommerce-result-count { display: none !important; }
.woocommerce-ordering {
	font-size: 0.75rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}
.woocommerce-ordering select {
	border: none;
	border-bottom: 1px solid var(--wp--preset--color--contrast-2);
	background: transparent;
	padding: 0.4em 1.5em 0.4em 0;
	font-family: var(--wp--preset--font-family--sans);
	cursor: pointer;
}
.woocommerce ul.products .product-categories,
.woocommerce ul.products .posted_in {
	display: none !important;
}

/* ---------- Footer: lockup textual en vez de la imagen del logo ---------- */
.moires-footer-custom .moires-footer-logo { display: none !important; }
.moires-footer-custom .lockup-big {
	font-family: "Cinzel", serif;
	font-size: clamp(2rem, 5vw, 3rem);
	letter-spacing: 0.3em;
	text-transform: uppercase;
	font-weight: 500;
	text-align: center;
	color: var(--wp--preset--color--base);
	margin: 0 0 0.5rem;
}
.moires-footer-custom .moires-footer-tagline {
	font-family: "Inter", system-ui, sans-serif;
	font-size: 0.72rem;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	text-align: center;
	color: var(--wp--preset--color--indigo-soft);
	margin: 0 0 2.5rem;
}

/* ---------- Contacto: imagen con altura acotada ---------- */
.page-contacto .wp-block-image,
body.page .entry-content .wp-block-columns .wp-block-column:last-child .wp-block-image {
	max-height: 70vh;
	overflow: hidden;
	border-radius: var(--moires-radius);
}
.page-contacto .wp-block-image img,
body.page .entry-content .wp-block-columns .wp-block-column:last-child .wp-block-image img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: center;
}

/* ---------- Taller: cuando esté en 2 columnas, altura razonable ---------- */
.page-taller .wp-block-columns .wp-block-image {
	max-height: 60vh;
	overflow: hidden;
}
.page-taller .wp-block-columns .wp-block-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* ---------- Tile MOSS placeholder (sin texto "Próximamente") ---------- */
.moires-tile-moss {
	background: var(--wp--preset--color--moss);
	aspect-ratio: 1 / 1;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: var(--moires-radius);
}
.moires-tile-moss h3 {
	font-family: "Cinzel", serif !important;
	letter-spacing: 0.22em;
	color: var(--wp--preset--color--base) !important;
	font-size: 1.5rem;
	font-weight: 500;
	margin: 0;
}

/* =========================================================
   Lote de cambios solicitados (1.2, 2.1, 4.1, 4.2, 4.3, 5.1-5.4)
   ========================================================= */

/* ---------- 1.2 Quitar logo del header (ocultamos imagen, dejamos title) ---------- */
.site-header .site-logo-container img,
.site-header [data-id="logo"] img,
.site-header .custom-logo,
.moires-logo {
	display: none !important;
}
.site-header .site-title,
.site-header [data-id="logo"] {
	font-family: "Cinzel", serif !important;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	font-weight: 500;
}

/* ---------- 2.1 Hero: sin caja blanca, texto directo sobre imagen ---------- */
.home .wp-block-cover .wp-block-cover__inner-container {
	background: transparent !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
	padding: 0 !important;
	border-radius: 0 !important;
	max-width: min(720px, 90vw);
}
/* Más overlay oscuro para legibilidad sin caja */
.home .wp-block-cover .wp-block-cover__background.has-background-dim {
	background: linear-gradient(
		180deg,
		rgba(28, 26, 22, 0.15) 0%,
		rgba(28, 26, 22, 0.45) 100%
	) !important;
	opacity: 1 !important;
}
.home .wp-block-cover h1,
.home .wp-block-cover p {
	color: var(--wp--preset--color--base) !important;
	text-shadow: 0 2px 18px rgba(0, 0, 0, 0.45);
}
.home .wp-block-cover .wp-block-button__link {
	background: var(--wp--preset--color--base) !important;
	color: var(--wp--preset--color--contrast) !important;
	border-color: var(--wp--preset--color--base) !important;
}

/* ---------- 4.1 Imágenes verticales (3:4) en tienda ---------- */
.woocommerce ul.products li.product .wp-post-image,
.woocommerce ul.products li.product img.attachment-woocommerce_thumbnail,
.woocommerce ul.products li.product a img {
	aspect-ratio: 3 / 4;
	object-fit: cover;
	width: 100% !important;
	height: auto;
	background: var(--wp--preset--color--base-2);
}

/* ---------- 4.2 Grid 4 columnas en escritorio ---------- */
@media (min-width: 1100px) {
	.woocommerce ul.products,
	.woocommerce-page ul.products,
	[data-products] {
		display: grid !important;
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
		--shop-columns: repeat(4, minmax(0, 1fr));
		gap: 2rem !important;
	}
	.woocommerce ul.products li.product {
		width: 100% !important;
		float: none !important;
		margin: 0 !important;
	}
}
@media (min-width: 700px) and (max-width: 1099px) {
	.woocommerce ul.products,
	[data-products] {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 1.5rem !important;
	}
}

/* ---------- 4.3 Etiqueta "Vendido" ---------- */
.moires-vendido {
	font-family: var(--wp--preset--font-family--display), "Cinzel", serif;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	font-size: 0.85rem;
	font-weight: 500;
	color: var(--wp--preset--color--contrast-2);
}

/* ---------- 5.1 / 5.2 Ficha producto: una sola sección descripción + specs ---------- */
.woocommerce-tabs { display: none !important; }
.related.products,
.upsells.products { /* dejamos relacionados pero limpios */
	margin-top: 4rem;
}
.moires-product-meta {
	max-width: 760px;
	margin: 3rem auto 0;
	padding-inline: clamp(1rem, 4vw, 2rem);
}
.moires-product-description {
	font-family: var(--wp--preset--font-family--serif);
	font-size: 1.05rem;
	line-height: 1.7;
	color: var(--wp--preset--color--contrast-2);
}
.moires-product-description p { margin-block: 0 1.2em; }
.moires-product-specs {
	margin-top: 2.5rem;
	border-top: 1px solid var(--wp--preset--color--base-2);
	padding-top: 1.5rem;
	display: grid;
	gap: 0.6rem;
}
.moires-product-specs .moires-spec {
	display: grid;
	grid-template-columns: 140px 1fr;
	gap: 1.5rem;
	font-size: 0.92rem;
}
.moires-product-specs dt {
	font-family: var(--wp--preset--font-family--display), "Cinzel", serif;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	font-size: 0.7rem;
	color: var(--wp--preset--color--contrast-2);
	margin: 0;
	padding-top: 0.15em;
}
.moires-product-specs dd {
	margin: 0;
	color: var(--wp--preset--color--contrast);
}

/* ---------- 5.3 Galería producto: sin flechas ---------- */
.woocommerce-product-gallery .flex-direction-nav,
.woocommerce-product-gallery .flex-prev,
.woocommerce-product-gallery .flex-next,
.flexy-arrow,
.flexy-button {
	display: none !important;
}

/* ---------- 5.4 Galería respeta proporciones (vertical/horizontal) ---------- */
.woocommerce-product-gallery .woocommerce-product-gallery__image,
.woocommerce-product-gallery img,
.flexy-items img {
	width: auto !important;
	height: auto !important;
	max-width: 100% !important;
	max-height: 80vh;
	object-fit: contain !important;
	background: var(--wp--preset--color--base-2);
	margin: 0 auto;
	display: block;
}
.woocommerce-product-gallery {
	max-width: 720px;
	margin: 0 auto;
}

/* ---------- 3.1 Fondos blanco hueso uniformes en home ---------- */
.home .has-base-2-background-color,
.home [class*="moires-tile"] + .has-base-2-background-color {
	background-color: var(--wp--preset--color--base) !important;
}

/* =========================================================
   Hero con carrusel Swiper (sin caja blanca)
   ========================================================= */
.moires-hero {
	position: relative;
	width: 100vw;
	margin-left: calc(50% - 50vw);
	height: 85vh;
	min-height: 480px;
	overflow: hidden;
	background: var(--wp--preset--color--contrast);
}
.moires-hero-swiper {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}
.moires-hero-slide {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.moires-hero-overlay {
	position: absolute;
	inset: 0;
	background:
		radial-gradient(ellipse at center, rgba(28, 26, 22, 0.45) 0%, rgba(28, 26, 22, 0.20) 70%),
		linear-gradient(180deg, rgba(28, 26, 22, 0.20) 0%, rgba(28, 26, 22, 0.55) 100%);
	pointer-events: none;
	z-index: 5;
}
.moires-hero-content {
	position: absolute;
	inset: 0;
	z-index: 10;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding-inline: clamp(1rem, 5vw, 4rem);
	text-align: center;
	color: var(--wp--preset--color--base);
	pointer-events: none;
}
.moires-hero-content > * { pointer-events: auto; }
.moires-hero-overlay { z-index: 5; }
.moires-hero .moires-hero-title {
	font-family: "Cormorant Garamond", Georgia, serif !important;
	font-weight: 400 !important;
	font-size: clamp(2.5rem, 6vw, 4.5rem) !important;
	letter-spacing: -0.015em !important;
	line-height: 1.05 !important;
	margin: 0 0 1.25rem !important;
	color: var(--wp--preset--color--base) !important;
	text-shadow: 0 2px 18px rgba(0, 0, 0, 0.55), 0 0 60px rgba(0, 0, 0, 0.35) !important;
}
.moires-hero .moires-hero-sub {
	font-family: "Cormorant Garamond", Georgia, serif !important;
	font-style: italic !important;
	font-weight: 300 !important;
	font-size: clamp(1rem, 1.6vw, 1.25rem) !important;
	line-height: 1.55 !important;
	margin: 0 0 2.5rem !important;
	color: var(--wp--preset--color--base) !important;
	text-shadow: 0 2px 14px rgba(0, 0, 0, 0.6), 0 0 40px rgba(0, 0, 0, 0.4) !important;
	max-width: 640px !important;
}
.moires-hero-cta {
	display: inline-block;
	padding: 1em 2.4em;
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--contrast) !important;
	border: 1px solid var(--wp--preset--color--base);
	border-radius: 2px;
	font-family: "Inter", sans-serif;
	font-weight: 500;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	font-size: 0.85rem;
	transition: background 0.3s, color 0.3s;
}
.moires-hero-cta:hover {
	background: transparent;
	color: var(--wp--preset--color--base) !important;
	border-color: var(--wp--preset--color--base);
}
.moires-hero-pagination {
	position: absolute;
	bottom: 1.5rem !important;
	left: 0 !important;
	right: 0 !important;
	z-index: 3;
}
.moires-hero-pagination .swiper-pagination-bullet {
	background: var(--wp--preset--color--base);
	opacity: 0.5;
	width: 8px;
	height: 8px;
}
.moires-hero-pagination .swiper-pagination-bullet-active {
	opacity: 1;
}