/*
Theme Name: Niyama Child
Theme URI: https://niyamachile.cl
Description: Tema hijo de Modave para Niyama Chile
Author: Niyama Chile
Author URI: https://niyamachile.cl
Template: modave
Version: 1.0.1
Text Domain: niyama-child
*/

/*
 * Todos los estilos personalizados de Niyama van aquí.
 * NO modificar el tema padre (Modave) directamente.
 */

/* ─── Variables de marca Niyama ─────────────────────────────────────────── */
:root {
	--niyama-verde:        #5C7A5A;   /* verde tierra — color primario */
	--niyama-beige:        #F5EFE6;   /* crema — fondo suave */
	--niyama-marron:       #8B6F47;   /* marrón cálido — acento y hover */
	--niyama-verde-oscuro: #3D5A3B;   /* verde oscuro — footer */
	--niyama-texto:        #2C2C2C;   /* texto principal */
	--niyama-blanco:       #FFFFFF;
}

/* ─── Sobreescritura de variables Modave (--pls-*) ──────────────────────── */
/* Propaga los colores de marca a toda la UI de Modave sin selectores complejos */
:root {
	--pls-primary-color:                    #5C7A5A;
	--pls-primary-inverse-color:            #FFFFFF;

	/* Botones globales */
	--pls-button-bg-color:                  #5C7A5A;
	--pls-button-color:                     #FFFFFF;
	--pls-button-bg-hover-color:            #8B6F47;
	--pls-button-hover-color:               #FFFFFF;

	/* Links */
	--pls-link-color:                       #5C7A5A;
	--pls-link-hover-color:                 #8B6F47;

	/* Botones de checkout */
	--pls-checkout-button-bg-color:         #5C7A5A;
	--pls-checkout-button-color:            #FFFFFF;
	--pls-checkout-button-bg-hover-color:   #8B6F47;
	--pls-checkout-button-hover-color:      #FFFFFF;

	/* Footer */
	--pls-footer-text-color:                #FFFFFF;
	--pls-footer-title-color:               #FFFFFF;
	--pls-footer-link-color:                rgba(255, 255, 255, 0.8);
	--pls-footer-link-hover-color:          #F5EFE6;
}

/* ─── Tipografías globales ───────────────────────────────────────────────── */
body,
p,
li,
td,
label,
input,
select,
textarea,
button {
	font-family: 'Lato', sans-serif;
	color: #2C2C2C;
}

h1,
h2,
h3 {
	font-family: 'Playfair Display', Georgia, serif;
	color: #2C2C2C;
	font-weight: 700;
}

h4,
h5,
h6 {
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	color: #2C2C2C;
}

/* ─── Fondo general ─────────────────────────────────────────────────────── */
body {
	background-color: #FFFFFF;
}

body.woocommerce,
body.woocommerce-page,
body.post-type-product {
	background-color: #FDFAF6;
}

/* ─── Links ─────────────────────────────────────────────────────────────── */
a {
	color: #5C7A5A;
	transition: color 0.2s ease;
}

a:hover,
a:focus {
	color: #8B6F47;
}

/* ─── Botones WooCommerce (respaldo explícito) ───────────────────────────── */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .wc-block-components-button {
	background-color: #5C7A5A;
	color: #FFFFFF;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	border-radius: 4px;
	transition: background-color 0.3s ease, color 0.3s ease;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce .wc-block-components-button:hover {
	background-color: #8B6F47;
	color: #FFFFFF;
}

/* ─── Grid de tienda ────────────────────────────────────────────────────── */
/* Modave usa flexbox + grid-col-xl-N; forzamos CSS Grid en el child */
.woocommerce ul.products {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 1.5rem !important;
	list-style: none;
	padding: 0;
	margin: 0;
}

/* Cards de producto — overriding Modave flexbox widths */
.woocommerce ul.products li.product {
	flex: 0 0 calc(25% - 1.125rem) !important;
	max-width: calc(25% - 1.125rem) !important;
	float: none !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin: 0 !important;
	box-sizing: border-box;
}

/* Card inner: Modave usa .pls-product-inner como contenedor visual real */
.woocommerce ul.products li.product .pls-product-inner,
.woocommerce ul.products li.product > a:first-child + * {
	border: 1px solid #E8E0D5;
	border-radius: 8px;
	overflow: hidden;
	transition: box-shadow 0.3s ease, transform 0.2s ease;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.woocommerce ul.products li.product:hover .pls-product-inner {
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
	transform: translateY(-2px);
}

/* Sin .pls-product-inner (layout default WC): aplicar a li directamente */
.woocommerce ul.products li.product:not(:has(.pls-product-inner)) {
	border: 1px solid #E8E0D5;
	border-radius: 8px;
	overflow: hidden;
	transition: box-shadow 0.3s ease, transform 0.2s ease;
	background: #FFFFFF;
}

.woocommerce ul.products li.product:not(:has(.pls-product-inner)):hover {
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
	transform: translateY(-2px);
}

/* Nombre del producto en las cards */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2.woocommerce-loop-product__title {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 1rem;
	font-weight: 700;
	color: #2C2C2C;
	padding: 0.75rem 1rem 0.25rem;
	margin: 0;
}

/* Precio en las cards */
.woocommerce ul.products li.product .price {
	color: #5C7A5A;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 1.1rem;
	padding: 0 1rem 0.75rem;
	display: block;
	margin: 0;
}

/* Botón "Añadir al carrito" en cards */
.woocommerce ul.products li.product .button.add_to_cart_button,
.woocommerce ul.products li.product a.add_to_cart_button {
	background-color: #5C7A5A;
	color: #FFFFFF;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 0.8rem;
	text-transform: uppercase;
	letter-spacing: 1px;
	border-radius: 0 0 8px 8px;
	padding: 0.75rem 1rem;
	display: block;
	width: 100%;
	text-align: center;
	transition: background-color 0.3s ease;
	margin: 0;
}

.woocommerce ul.products li.product .button.add_to_cart_button:hover,
.woocommerce ul.products li.product a.add_to_cart_button:hover {
	background-color: #8B6F47;
	color: #FFFFFF;
}

/* ─── Producto individual ───────────────────────────────────────────────── */
.woocommerce div.product h1.product_title,
.woocommerce div.product .product_title {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 2rem;
	font-weight: 700;
	color: #2C2C2C;
	margin-bottom: 1rem;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price,
div.summary .pls-product-price span.price {
	color: #5C7A5A;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 1.75rem;
}

/* Botón "Añadir al carrito" en producto individual */
/* !important necesario: Modave usa selector de alta especificidad en pls-shop.css */
.woocommerce div.product form.cart .button,
div.summary form.cart .button {
	background-color: #5C7A5A !important;
	color: #FFFFFF !important;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 1rem 2rem;
	font-size: 1rem;
	min-width: 200px;
	border-radius: 4px;
}

.woocommerce div.product form.cart .button:hover,
div.summary form.cart .button:hover {
	background-color: #8B6F47 !important;
	color: #FFFFFF !important;
}

/* ─── Carrito ───────────────────────────────────────────────────────────── */
.woocommerce table.shop_table {
	border-collapse: collapse;
	width: 100%;
}

.woocommerce table.shop_table th {
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 0.8rem;
	letter-spacing: 1px;
	color: #2C2C2C;
	border-bottom: 2px solid #E8E0D5;
	padding: 1rem;
}

.woocommerce table.shop_table td {
	border-bottom: 1px solid #F0EAE0;
	padding: 1.25rem 1rem;
	vertical-align: middle;
}

.woocommerce .order-total .amount {
	color: #5C7A5A;
	font-weight: 700;
	font-size: 1.25rem;
}

.woocommerce .wc-proceed-to-checkout a.checkout-button {
	background-color: #5C7A5A;
	color: #FFFFFF;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 1rem;
	padding: 1rem 2rem;
	border-radius: 4px;
	display: block;
	text-align: center;
	transition: background-color 0.3s ease;
}

.woocommerce .wc-proceed-to-checkout a.checkout-button:hover {
	background-color: #8B6F47;
	color: #FFFFFF;
}

/* ─── Checkout ──────────────────────────────────────────────────────────── */
.woocommerce-checkout h3 {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 1.5rem;
	font-weight: 700;
	color: #2C2C2C;
	border-bottom: 2px solid #E8E0D5;
	padding-bottom: 0.75rem;
	margin-bottom: 1.5rem;
}

/* Campos del formulario */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce-checkout .woocommerce-input-wrapper input,
.woocommerce-checkout .woocommerce-input-wrapper select {
	border: 1px solid #D5C9BB;
	border-radius: 4px;
	padding: 0.75rem 1rem;
	font-family: 'Lato', sans-serif;
	font-size: 0.95rem;
	color: #2C2C2C;
	transition: border-color 0.2s ease;
	width: 100%;
	box-sizing: border-box;
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus {
	border-color: #5C7A5A;
	outline: none;
	box-shadow: 0 0 0 2px rgba(92, 122, 90, 0.15);
}

/* Campo RUT */
#billing_rut_field {
	margin-bottom: 1rem;
}

#billing_rut_field label {
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	color: #2C2C2C;
}

#billing_rut_field .required {
	color: #8B6F47;
}

/* Botón "Realizar pedido" */
#place_order {
	background-color: #5C7A5A;
	color: #FFFFFF;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 1rem;
	padding: 1rem 2rem;
	width: 100%;
	border-radius: 4px;
	transition: background-color 0.3s ease;
}

#place_order:hover,
#place_order:focus {
	background-color: #8B6F47;
	color: #FFFFFF;
}

/* ─── Footer ────────────────────────────────────────────────────────────── */
/* !important necesario: Modave puede aplicar color de footer via Customizer con CSS inline */
.pls-site-footer {
	background-color: #3D5A3B !important;
	color: #FFFFFF;
}

.pls-site-footer .pls-footer-main {
	background-color: #3D5A3B;
}

.pls-site-footer .widget-title,
.pls-site-footer .footer-widget .widget h2,
.pls-site-footer .footer-widget .widget-title {
	color: #FFFFFF !important;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 0.85rem;
}

.pls-site-footer .pls-footer-copyright {
	background-color: #2E4330;
	color: rgba(255, 255, 255, 0.7);
	font-family: 'Lato', sans-serif;
	font-size: 0.85rem;
}

.pls-site-footer a {
	color: rgba(255, 255, 255, 0.8);
	transition: color 0.2s ease;
}

.pls-site-footer a:hover {
	color: #F5EFE6;
}

/* ─── Responsive ────────────────────────────────────────────────────────── */

/* Tablet (hasta 1024px): 3 columnas */
@media (max-width: 1024px) {
	.woocommerce ul.products li.product {
		flex: 0 0 calc(33.333% - 1rem) !important;
		max-width: calc(33.333% - 1rem) !important;
	}
}

/* Tablet pequeño (hasta 768px): 2 columnas */
@media (max-width: 768px) {
	.woocommerce ul.products {
		gap: 1rem !important;
	}

	.woocommerce ul.products li.product {
		flex: 0 0 calc(50% - 0.5rem) !important;
		max-width: calc(50% - 0.5rem) !important;
	}

	.woocommerce div.product h1.product_title {
		font-size: 1.5rem;
	}

	.woocommerce div.product p.price,
	.woocommerce div.product span.price {
		font-size: 1.4rem;
	}
}

/* Móvil (hasta 480px): 1 columna */
@media (max-width: 480px) {
	.woocommerce ul.products li.product {
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}

	.woocommerce div.product form.cart .button,
	div.summary form.cart .button {
		width: 100%;
		min-width: auto;
	}

	#place_order {
		font-size: 0.9rem;
	}
}

/* ═══════════════════════════════════════════════════════════════════════════
   SPEC-005 — Homepage: Hero, Ayurveda, Formulario, Redes sociales
   ═══════════════════════════════════════════════════════════════════════════ */

/* ─── Hero section ──────────────────────────────────────────────────────── */
.niyama-hero {
	background-color: #3D5A3B;
	/* background-image se inyecta dinámicamente vía wp_add_inline_style() en functions.php */
	background-size: cover;
	background-position: center top;
	position: relative;
}

.niyama-hero .wp-block-cover__background {
	background-color: #1E3320 !important;
	opacity: 0.65 !important;
}

.niyama-hero__title {
	font-family: 'Playfair Display', Georgia, serif !important;
	font-size: clamp(2rem, 5vw, 3.5rem) !important;
	text-transform: none !important;
	font-weight: 700 !important;
	color: #FFFFFF !important;
	line-height: 1.2 !important;
	max-width: 800px;
	margin: 0 auto 1.25rem !important;
	font-style: italic;
}

.niyama-hero__sub {
	font-family: 'Lato', sans-serif !important;
	font-size: 1.15rem !important;
	color: rgba(255, 255, 255, 0.9) !important;
	max-width: 600px;
	margin: 0 auto 2rem !important;
	letter-spacing: 0.3px;
}

.niyama-hero__cta .wp-block-button__link {
	background-color: #8B6F47 !important;
	color: #FFFFFF !important;
	font-family: 'Lato', sans-serif !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 1.5px !important;
	padding: 1rem 2.5rem !important;
	border-radius: 4px !important;
	font-size: 0.95rem !important;
	transition: background-color 0.3s ease !important;
}

.niyama-hero__cta .wp-block-button__link:hover {
	background-color: #5C7A5A !important;
}

/* ─── Sección "¿Qué es Ayurveda?" ──────────────────────────────────────── */
.niyama-ayurveda-section {
	background-color: #3D5A3B !important;
}

.niyama-ayurveda-section .niyama-ayurveda-section__title {
	font-family: 'Playfair Display', Georgia, serif !important;
	color: #FFFFFF !important;
	font-size: 2rem !important;
	margin-bottom: 1.5rem !important;
}

.niyama-ayurveda-section .niyama-ayurveda-section__text {
	color: #F5EFE6 !important;
	font-family: 'Lato', sans-serif !important;
	font-size: 1.05rem !important;
	line-height: 1.8 !important;
	max-width: 780px;
	margin: 0 auto 2rem !important;
}

.niyama-ayurveda-section .niyama-ayurveda-section__quote,
.niyama-ayurveda-section .wp-block-quote {
	border-left: 4px solid #8B6F47 !important;
	padding-left: 1.5rem !important;
	max-width: 680px;
	margin: 0 auto !important;
}

.niyama-ayurveda-section .wp-block-quote p,
.niyama-ayurveda-section .wp-block-quote cite {
	color: #F5EFE6 !important;
	font-style: italic !important;
}

.niyama-ayurveda-section .wp-block-quote cite {
	font-size: 0.9rem !important;
	opacity: 0.8;
}

/* ─── Sección "CONTÁCTANOS" ─────────────────────────────────────────────── */
.niyama-contact-section {
	background-color: #FDFAF6;
}

.niyama-contact-section__title {
	font-family: 'Lato', sans-serif !important;
	font-weight: 700 !important;
	letter-spacing: 3px !important;
	text-transform: uppercase !important;
	color: #2C2C2C !important;
	font-size: 1.5rem !important;
	margin-bottom: 2rem !important;
}

/* ─── Formulario de contacto ────────────────────────────────────────────── */
.niyama-contacto-form {
	max-width: 640px;
	margin: 0 auto;
	padding: 0 1rem;
}

.niyama-form-row {
	margin-bottom: 1.25rem;
}

.niyama-form-row label {
	display: block;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 0.9rem;
	color: #2C2C2C;
	margin-bottom: 0.4rem;
}

.niyama-form-row .required {
	color: #8B6F47;
}

.niyama-form-row input[type="text"],
.niyama-form-row input[type="email"],
.niyama-form-row textarea {
	width: 100%;
	border: 1px solid #D5C9BB;
	border-radius: 4px;
	padding: 0.75rem 1rem;
	font-family: 'Lato', sans-serif;
	font-size: 0.95rem;
	color: #2C2C2C;
	background-color: #FFFFFF;
	box-sizing: border-box;
	transition: border-color 0.2s ease;
}

.niyama-form-row input[type="text"]:focus,
.niyama-form-row input[type="email"]:focus,
.niyama-form-row textarea:focus {
	border-color: #5C7A5A;
	outline: none;
	box-shadow: 0 0 0 2px rgba(92, 122, 90, 0.15);
}

.niyama-form-submit {
	background-color: #2C2C2C;
	color: #FFFFFF;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 0.95rem;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 0.9rem 2.5rem;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	width: 100%;
	transition: background-color 0.3s ease;
}

.niyama-form-submit:hover {
	background-color: #5C7A5A;
}

.niyama-form-success {
	max-width: 640px;
	margin: 0 auto;
	padding: 1.5rem;
	background-color: #EDF5EC;
	border: 1px solid #5C7A5A;
	border-radius: 4px;
	font-family: 'Lato', sans-serif;
	color: #3D5A3B;
}

.niyama-form-error {
	max-width: 640px;
	margin: 0 auto 1rem;
	padding: 1rem 1.5rem;
	background-color: #FDF0EE;
	border: 1px solid #C0392B;
	border-radius: 4px;
	font-family: 'Lato', sans-serif;
	color: #C0392B;
}

/* ─── Redes sociales en footer ──────────────────────────────────────────── */
.niyama-social-links {
	display: flex;
	gap: 1rem;
	align-items: center;
	margin-top: 0.75rem;
	flex-wrap: wrap;
}

.niyama-social-links a {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	color: #3D5A3B !important;
	font-family: 'Lato', sans-serif;
	font-size: 0.9rem;
	text-decoration: none;
	transition: color 0.2s ease;
}

.niyama-social-links a:hover {
	color: #8B5E3C !important;
}

.niyama-social-links .social-icon {
	font-size: 1.1rem;
}

/* ─── Barra de progreso envío gratis ────────────────────────────────────── */
.niyama-shipping-bar {
	background: #f8f5f0;
	border: 1px solid #e8ddd0;
	border-radius: 8px;
	padding: 0.75rem 1rem;
	margin-bottom: 1rem;
	font-size: 0.875rem;
}
.niyama-shipping-bar__msg {
	margin: 0 0 0.5rem;
	color: #4d4e4f;
}
.niyama-shipping-bar__track {
	background: #e0d5c5;
	border-radius: 4px;
	height: 6px;
	overflow: hidden;
}
.niyama-shipping-bar__fill {
	background: #3D5A3B;
	height: 100%;
	border-radius: 4px;
	transition: width 0.4s ease;
}
.niyama-shipping-bar--done {
	background: #eaf3ea;
	border-color: #3D5A3B;
	color: #3D5A3B;
	display: flex;
	align-items: center;
	gap: 0.4rem;
	font-weight: 600;
	padding: 0.6rem 1rem;
}
.niyama-shipping-bar--done span { margin: 0; }

/* ─── Carrusel de productos en homepage ─────────────────────────────────── */
.niyama-carousel {
	padding: 3rem 2rem;
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
}

.niyama-carousel__title {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 1.75rem;
	font-weight: 700;
	color: #2C2C2C;
	text-align: center;
	margin-bottom: 2rem;
}

.niyama-carousel .swiper {
	padding-bottom: 0.5rem;
	overflow: hidden;
}

.niyama-carousel__card {
	background: #FFFFFF;
	border: 1px solid #E8E0D5;
	border-radius: 8px;
	overflow: hidden;
	transition: box-shadow 0.3s ease, transform 0.2s ease;
	display: flex;
	flex-direction: column;
	height: 100%;
}

.niyama-carousel__card:hover {
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
	transform: translateY(-2px);
}

/* Badge "Más vendido" */
.niyama-carousel__img-link {
	position: relative;
}

.niyama-carousel__badge {
	position: absolute;
	top: 10px;
	left: 10px;
	background: #8B6F47;
	color: #fff;
	font-family: 'Lato', sans-serif;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	padding: 4px 10px;
	border-radius: 4px;
	z-index: 2;
}

/* Botón "Ver todos los productos" */
.niyama-carousel__ver-todos {
	text-align: center;
	margin-top: 1.5rem;
}

.niyama-carousel__ver-todos-btn {
	display: inline-block;
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	font-weight: 700;
	color: #5C7A5A;
	text-decoration: none;
	border: 2px solid #5C7A5A;
	padding: 10px 28px;
	border-radius: 6px;
	transition: background 0.2s, color 0.2s;
}

.niyama-carousel__ver-todos-btn:hover {
	background: #5C7A5A;
	color: #fff;
}

.niyama-carousel__img-link {
	display: block;
	overflow: hidden;
}

.niyama-carousel__img {
	width: 100%;
	height: 200px;
	object-fit: cover;
	display: block;
	transition: transform 0.3s ease;
}

.niyama-carousel__card:hover .niyama-carousel__img {
	transform: scale(1.04);
}

.niyama-carousel__info {
	padding: 0.75rem 1rem 0.5rem;
	flex: 1;
}

.niyama-carousel__name {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 0.95rem;
	font-weight: 700;
	color: #2C2C2C;
	text-decoration: none;
	display: block;
	margin-bottom: 0.4rem;
	line-height: 1.3;
}

.niyama-carousel__name:hover {
	color: #5C7A5A;
}

.niyama-carousel__price {
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 1rem;
	color: #5C7A5A;
	margin-bottom: 0.25rem;
}

.niyama-carousel__btn {
	display: block;
	width: 100%;
	background-color: #5C7A5A;
	color: #FFFFFF;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 0.8rem;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: center;
	padding: 0.75rem 1rem;
	text-decoration: none;
	border: none;
	cursor: pointer;
	transition: background-color 0.3s ease;
	border-radius: 0 0 8px 8px;
	box-sizing: border-box;
}

.niyama-carousel__btn:hover {
	background-color: #8B6F47;
	color: #FFFFFF;
}

/* Flechas del carrusel */
.niyama-carousel .swiper-button-prev,
.niyama-carousel .swiper-button-next {
	color: #5C7A5A;
	background: #FFFFFF;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	box-shadow: 0 2px 8px rgba(0,0,0,0.15);
	top: calc(50% - 20px);
}

.niyama-carousel .swiper-button-prev { left: -8px; }
.niyama-carousel .swiper-button-next { right: -8px; }

.niyama-carousel .swiper-button-prev::after,
.niyama-carousel .swiper-button-next::after {
	font-size: 1rem;
	font-weight: 700;
}

/* Responsive hero */
@media (max-width: 768px) {
	.niyama-hero__title {
		font-size: 1.8rem !important;
	}

	.niyama-hero__sub {
		font-size: 1rem !important;
	}

	.niyama-ayurveda-section .niyama-ayurveda-section__title {
		font-size: 1.5rem !important;
	}
}

/* ═══════════════════════════════════════════════════════════════════════════
   SPEC-006 — Polish visual: coherencia de marca, correcciones estéticas
   ═══════════════════════════════════════════════════════════════════════════ */

/* ─── 1. Botón "Comprar ahora": rojo Modave → marrón de marca ───────────── */
/* Modave hardcodea #E43131 en pls-shop.css; lo sobrescribimos con !important */
.pls-buy-now-btn,
.pls-quick-buy-btn,
a.pls-buy-now-btn,
button.pls-buy-now-btn {
	background-color: #8B6F47 !important;
	color: #FFFFFF !important;
	border-color: #8B6F47 !important;
	font-family: 'Lato', sans-serif !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 1px !important;
	transition: background-color 0.3s ease !important;
}

.pls-buy-now-btn:hover,
.pls-quick-buy-btn:hover {
	background-color: #5C7A5A !important;
	color: #FFFFFF !important;
	border-color: #5C7A5A !important;
}

/* También como variable CSS para cubrir todos los contextos */
:root {
	--pls-buy-now-button-bg-color:       #8B6F47;
	--pls-buy-now-button-hover-bg-color: #5C7A5A;
	--pls-buy-now-button-color:          #FFFFFF;
	--pls-buy-now-button-hover-color:    #FFFFFF;
}

/* ─── 2. Ocultar barra de progreso de ventas (0% vendido) ───────────────── */
.pls-stock-progressbar,
.pls-product-stock-bar,
.pls-stock-progressbar-wrap {
	display: none !important;
}

/* ─── 3. Menú: color hover rojo → marrón de marca ───────────────────────── */
/* Modave inyecta inline #dd3333 via dynamic-css.php; necesitamos especificidad */
.pls-site-header .pls-primary-menu > li > a:hover,
.pls-site-header .pls-primary-menu > li > a:focus,
.pls-site-header .pls-primary-menu > li.current-menu-item > a,
.pls-site-header .pls-primary-menu > li.current_page_item > a,
.pls-site-header .pls-primary-menu > li.current-menu-ancestor > a,
.pls-navigation .pls-primary-menu > li > a:hover,
nav.pls-primary-menu-wrap ul > li > a:hover,
nav.pls-primary-menu-wrap ul > li.current-menu-item > a {
	color: #8B6F47 !important;
}

/* Topbar links */
.pls-topbar a:hover {
	color: rgba(255, 255, 255, 0.7) !important;
}

/* ─── 4. Ocultar toolbar grid/lista de tienda ───────────────────────────── */
/* El toggle de columnas (2/3/4/5) no aporta valor en catálogo pequeño */
.pls-products-view {
	display: none !important;
}

/* ─── 5. Nombres de productos: evitar que text-transform los rompa ──────── */
/* Modave aplica text-transform: capitalize en .product-title */
/* Usamos font-variant para que unidades (mg, ml, cm) permanezcan en minúscula */
.woocommerce-loop-product__title,
.woocommerce ul.products li.product .product-title,
.woocommerce ul.products li.product h2 {
	text-transform: none !important;
}

/* ─── 6. Imágenes de producto: altura uniforme en catálogo ─────────────── */
/* Fuerza todas las imágenes al mismo ratio para un grid visualmente limpio */
.woocommerce ul.products li.product .pls-product-image,
.woocommerce ul.products li.product .woocommerce-LoopProduct-link img,
.woocommerce ul.products li.product img.wp-post-image {
	height: 220px !important;
	width: 100% !important;
	object-fit: cover !important;
	object-position: center !important;
	display: block;
}

/* Placeholder gris cuando no hay imagen: centrado y con icono */
.woocommerce ul.products li.product img.woocommerce-placeholder {
	object-fit: contain !important;
	padding: 2rem;
	background-color: #F5F1EC;
}

/* ─── 7. Botón "Enviar" del formulario de contacto: negro → verde ───────── */
.niyama-form-submit {
	background-color: #5C7A5A !important;
}

.niyama-form-submit:hover {
	background-color: #8B6F47 !important;
}

/* ─── 8. Hero overlay: ligeramente más transparente para ver la imagen ──── */
.niyama-hero .wp-block-cover__background {
	opacity: 0.55 !important;
}

/* ─── 9. Separación visual entre secciones del home ────────────────────── */
.niyama-carousel {
	padding: 4rem 2rem 3rem;
	background-color: #FDFAF6;
}

.niyama-carousel__title {
	font-size: 1.5rem;
	color: #3D5A3B;
	letter-spacing: 0.5px;
}

/* Línea decorativa bajo el título del carrusel */
.niyama-carousel__title::after {
	content: '';
	display: block;
	width: 48px;
	height: 3px;
	background-color: #8B6F47;
	margin: 0.75rem auto 0;
	border-radius: 2px;
}

/* ─── 10. "EN STOCK" badge: ajuste visual ───────────────────────────────── */
.pls-single-product-availability .pls-stock-instock,
.pls-product-availability-badge {
	background-color: #5C7A5A !important;
	color: #FFFFFF !important;
	font-family: 'Lato', sans-serif !important;
	font-size: 0.75rem !important;
	letter-spacing: 1px !important;
	border-radius: 3px !important;
}

/* ─── 11. Footer: íconos de redes sociales visibles ─────────────────────── */
.pls-site-footer .pls-social-profile a,
.pls-site-footer .pls-social-links a {
	color: rgba(255, 255, 255, 0.8) !important;
	font-size: 1.2rem;
}

.pls-site-footer .pls-social-profile a:hover,
.pls-site-footer .pls-social-links a:hover {
	color: #F5EFE6 !important;
}

/* ─── 12. Producto individual: mejorar layout del panel de compra ────────── */
.single-product div.product .entry-summary {
	padding: 1.5rem 0;
}

/* Separador visual antes del precio */
.single-product .pls-product-price {
	border-bottom: 1px solid #E8E0D5;
	padding-bottom: 1rem;
	margin-bottom: 1rem;
}

/* Categoría del producto: estilo más sobrio */
.woocommerce div.product .posted_in {
	font-family: 'Lato', sans-serif;
	font-size: 0.85rem;
	color: #8B9E87;
	margin-top: 1rem;
}

.woocommerce div.product .posted_in a {
	color: #5C7A5A;
	font-weight: 700;
}

/* ─── 13. Logo: proporcional al header (82px) ───────────────────────────── */
/*
 * El logo (642×462px, ratio 1.39:1) con max-width:200px renderiza ~144px de alto,
 * desbordando el header de 82px. Forzamos la altura como referencia y dejamos
 * que el ancho se ajuste automáticamente manteniendo la proporción.
 */
.pls-site-header .pls-header-logo img,
.pls-site-header .pls-header-logo .pls-logo,
.pls-site-header .pls-header-logo .pls-logo-light {
	max-height: 70px !important;
	height: auto !important;
	width: auto !important;
	max-width: 180px !important;
	object-fit: contain !important;
}

/* Header fijo (sticky): logo ligeramente más pequeño */
.pls-site-header.fixed .pls-header-logo img,
.pls-site-header.fixed .pls-header-logo .pls-logo,
.pls-site-header.fixed .pls-header-logo .pls-logo-light {
	max-height: 44px !important;
}

/* ─── Value Bar ─────────────────────────────────────────────────────────── */
.niyama-value-bar {
	background-color: #F5F1EC;
	border-top: 1px solid #E8E0D5;
	border-bottom: 1px solid #E8E0D5;
	padding: 1.5rem 2rem;
}

.niyama-value-bar__inner {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 3rem;
	flex-wrap: wrap;
	max-width: 1200px;
	margin: 0 auto;
}

.niyama-value-bar__item {
	display: flex;
	align-items: center;
	gap: 0.85rem;
}

a.niyama-value-bar__item--link {
	text-decoration: none;
	color: inherit;
	transition: opacity 0.2s;
}

a.niyama-value-bar__item--link:hover {
	opacity: 0.8;
}

a.niyama-value-bar__item--link:hover strong {
	text-decoration: underline;
}

.niyama-value-bar__icon {
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	color: #5C7A5A;
	display: flex;
	align-items: center;
	justify-content: center;
}

.niyama-value-bar__icon svg {
	width: 32px;
	height: 32px;
}

.niyama-value-bar__text {
	display: flex;
	flex-direction: column;
	line-height: 1.3;
}

.niyama-value-bar__text strong {
	font-family: 'Lato', sans-serif;
	font-size: 0.9rem;
	color: #2C2C2C;
	font-weight: 700;
}

.niyama-value-bar__text span {
	font-family: 'Lato', sans-serif;
	font-size: 0.8rem;
	color: #6B7A6A;
}

/* ─── Categorías destacadas ─────────────────────────────────────────────── */
.niyama-categorias {
	padding: 4rem 2rem;
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
}

.niyama-categorias__titulo {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 1.75rem;
	color: #2C2C2C;
	margin-bottom: 2.5rem;
}

.niyama-categorias__titulo::after {
	content: '';
	display: block;
	width: 48px;
	height: 3px;
	background-color: #8B6F47;
	margin: 0.75rem auto 0;
	border-radius: 2px;
}

.niyama-categorias__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.5rem;
}

.niyama-categorias__item {
	display: flex;
	flex-direction: column;
	border-radius: 10px;
	overflow: hidden;
	border: 1px solid #E8E0D5;
	text-decoration: none;
	background-color: #FDFAF6;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.niyama-categorias__item:hover {
	transform: translateY(-4px);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.09);
	border-color: #D5C9BB;
}

.niyama-categorias__img-wrap {
	overflow: hidden;
	height: 180px;
}

.niyama-categorias__img-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: transform 0.3s ease;
}

.niyama-categorias__item:hover .niyama-categorias__img-wrap img {
	transform: scale(1.04);
}

/* Placeholder cuando no hay imagen */
.niyama-categorias__emoji {
	height: 180px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 3.5rem;
	background: linear-gradient(135deg, #EDF2EC 0%, #F5F1EC 100%);
}

.niyama-categorias__label {
	padding: 1.1rem 1.25rem;
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
	text-align: left;
}

.niyama-categorias__name {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 1.05rem;
	font-weight: 700;
	color: #2C2C2C;
}

.niyama-categorias__benefit {
	font-family: 'Lato', sans-serif;
	font-size: 0.75rem;
	color: #8B6F47;
	font-style: italic;
}

.niyama-categorias__count {
	font-family: 'Lato', sans-serif;
	font-size: 0.8rem;
	color: #8B9E87;
}

/* ─── Responsive 480px ──────────────────────────────────────────────────── */
@media (max-width: 768px) {
	.niyama-value-bar__inner {
		gap: 1.5rem;
	}
	.niyama-categorias__grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 480px) {
	.niyama-carousel {
		padding: 2.5rem 1rem 2rem;
	}
	.niyama-value-bar__inner {
		flex-direction: column;
		gap: 1.25rem;
		align-items: flex-start;
	}
	.niyama-categorias__grid {
		grid-template-columns: 1fr 1fr;
		gap: 1rem;
	}
	.niyama-categorias__emoji {
		height: 130px;
	}
}

/* ── Newsletter popup ─────────────────────────────────────────────────────── */
.niyama-popup-overlay {
	display: none;
	position: fixed;
	inset: 0;
	background: rgba(0,0,0,.55);
	z-index: 99999;
	align-items: center;
	justify-content: center;
	padding: 16px;
}
.niyama-popup-overlay--visible {
	display: flex;
	animation: niyamaFadeIn .35s ease;
}
@keyframes niyamaFadeIn {
	from { opacity: 0; }
	to   { opacity: 1; }
}
.niyama-popup {
	background: #fff;
	border-radius: 12px;
	padding: 40px 36px 32px;
	max-width: 440px;
	width: 100%;
	text-align: center;
	position: relative;
	box-shadow: 0 20px 60px rgba(0,0,0,.2);
	animation: niyamaSlideUp .35s ease;
}
@keyframes niyamaSlideUp {
	from { transform: translateY(24px); opacity: 0; }
	to   { transform: translateY(0);    opacity: 1; }
}
.niyama-popup__close {
	position: absolute;
	top: 12px;
	right: 16px;
	background: none;
	border: none;
	font-size: 18px;
	color: #999;
	cursor: pointer;
	line-height: 1;
	padding: 4px;
}
.niyama-popup__close:hover { color: #333; }
.niyama-popup__badge {
	display: inline-block;
	background: #3D5A3B;
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 2px;
	padding: 4px 14px;
	border-radius: 20px;
	margin-bottom: 16px;
}
.niyama-popup__title {
	font-family: Georgia, serif;
	font-size: 24px;
	color: #2c2c2c;
	margin: 0 0 12px;
	line-height: 1.3;
}
.niyama-popup__text {
	font-size: 15px;
	color: #555;
	line-height: 1.6;
	margin-bottom: 24px;
}
.niyama-popup__form {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.niyama-popup__form input[type="email"] {
	border: 1.5px solid #ddd;
	border-radius: 6px;
	padding: 12px 14px;
	font-size: 15px;
	width: 100%;
	box-sizing: border-box;
	transition: border-color .2s;
}
.niyama-popup__form input[type="email"]:focus {
	outline: none;
	border-color: #3D5A3B;
}
.niyama-popup__form button[type="submit"] {
	background: #3D5A3B;
	color: #fff;
	border: none;
	border-radius: 6px;
	padding: 13px;
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
	transition: background .2s;
}
.niyama-popup__form button[type="submit"]:hover { background: #2e4530; }
.niyama-popup__legal {
	font-size: 11px;
	color: #aaa;
	margin: 12px 0 0;
}
.niyama-popup__success p {
	font-size: 16px;
	color: #3D5A3B;
	line-height: 1.6;
}
@media (max-width: 768px) {
	/* SPEC-017: Popup no fullscreen en móvil, X más grande */
	.niyama-popup {
		max-height: 85vh;
		overflow-y: auto;
		margin: auto 16px;
		width: auto;
	}
	.niyama-popup__close {
		width: 36px;
		height: 36px;
		font-size: 22px;
		top: 8px;
		right: 8px;
	}

	/* SPEC-017: Hero max 100vh en móvil */
	.niyama-hero {
		max-height: 100vh !important;
		min-height: auto !important;
	}

	/* SPEC-017: Body text >= 16px en móvil */
	body,
	p,
	li,
	td,
	label {
		font-size: 16px;
	}
}

@media (max-width: 480px) {
	.niyama-popup { padding: 32px 20px 24px; }
	.niyama-popup__title { font-size: 20px; }

	/* SPEC-017: Barra de valor compacta en pantallas chicas */
	.niyama-value-bar {
		padding: 1rem;
	}
	.niyama-value-bar__icon {
		width: 32px;
		height: 32px;
	}
	.niyama-value-bar__icon svg {
		width: 24px;
		height: 24px;
	}
	.niyama-value-bar__text strong {
		font-size: 0.85rem;
	}
	.niyama-value-bar__text span {
		font-size: 0.75rem;
	}
}

/* ── Blog: layout cards horizontales (estilo Wix) ────────────────────────── */

/* Contenedor del loop: columna única centrada */
body.blog .site-main {
	max-width: 800px;
	margin: 0 auto;
	padding: 0 16px;
}

/* Card wrapper */
body.blog .blog-post-loop {
	margin-bottom: 28px;
	border: 1px solid #ece8e1;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 2px 12px rgba(0,0,0,.06);
	transition: box-shadow .2s;
	background: #fff;
}
body.blog .blog-post-loop:hover {
	box-shadow: 0 4px 20px rgba(0,0,0,.1);
}

/* entry-post: el flex row va aquí */
body.blog .blog-post-loop .entry-post {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	min-height: 220px;
}

/* Imagen: izquierda, 42% */
body.blog .blog-post-loop .entry-thumbnail-wrapper {
	flex: 0 0 42%;
	max-width: 42%;
	overflow: hidden;
	position: relative;
}
body.blog .blog-post-loop .entry-thumbnail-wrapper .post-thumbnail,
body.blog .blog-post-loop .entry-thumbnail-wrapper a {
	display: block;
	height: 100%;
}
body.blog .blog-post-loop .entry-thumbnail-wrapper img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform .4s ease;
}
body.blog .blog-post-loop:hover .entry-thumbnail-wrapper img {
	transform: scale(1.04);
}

/* Contenido: derecha */
body.blog .blog-post-loop .entry-content-wrapper {
	flex: 1;
	padding: 24px 28px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

/* Meta */
body.blog .blog-post-loop .entry-meta {
	font-size: 12px;
	color: #999;
	margin-bottom: 8px;
	text-transform: uppercase;
	letter-spacing: .5px;
}
body.blog .blog-post-loop .entry-meta a { color: #3D5A3B; }

/* Título */
body.blog .blog-post-loop .entry-title {
	font-family: Georgia, serif;
	font-size: 21px;
	line-height: 1.35;
	margin: 0 0 12px;
	color: #1a1a1a;
}
body.blog .blog-post-loop .entry-title a {
	color: inherit;
	text-decoration: none;
}
body.blog .blog-post-loop .entry-title a:hover { color: #3D5A3B; }

/* Excerpt */
body.blog .blog-post-loop .entry-content p {
	font-size: 14px;
	color: #666;
	line-height: 1.65;
	margin: 0 0 14px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* Leer más — botón */
body.blog .blog-post-loop .read-more-btn { margin: 4px 0 0; }
body.blog .blog-post-loop .more-link {
	display: inline-block;
	font-size: 13px;
	font-weight: 600;
	color: #3D5A3B;
	text-decoration: none;
	border: 1.5px solid #3D5A3B;
	border-radius: 5px;
	padding: 7px 18px;
	transition: background .2s, color .2s;
}
body.blog .blog-post-loop .more-link:hover {
	background: #3D5A3B;
	color: #fff;
}

/* Highlight strip — ocultar */
body.blog .blog-post-loop .post-highlight { display: none; }

/* Sin imagen: layout normal */
body.blog .blog-post-loop.no-post-thumbnail .entry-post { flex-direction: column; }

/* Responsive */
@media (max-width: 640px) {
	body.blog .blog-post-loop .entry-post { flex-direction: column; }
	body.blog .blog-post-loop .entry-thumbnail-wrapper {
		flex: 0 0 210px;
		max-width: 100%;
		height: 210px;
	}
	body.blog .blog-post-loop .entry-content-wrapper { padding: 20px; }
}

/* ── Footer: 4 columnas compacto ─────────────────────────────────────────── */

/* Padding vertical del footer */
.pls-site-footer {
	padding-top: 36px !important;
	padding-bottom: 28px !important;
}

/* 4 columnas iguales — override Bootstrap col-lg-* */
.pls-site-footer .row {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: flex-start !important;
	gap: 0 !important;
}
.pls-site-footer .footer-widget {
	flex: 0 0 25% !important;
	max-width: 25% !important;
	width: 25% !important;
	padding: 0 16px !important;
	box-sizing: border-box !important;
}

/* Títulos visibles — fondo real del área de widgets es blanco */
/* Especificidad (0,3,1) para vencer el inline CSS de Modave: .pls-site-footer .footer-widget .widget-title (0,3,0) !important */
.pls-footer-main .footer-widget h3.widget-title,
.pls-footer-main .footer-widget .widget h3 {
	font-size: 12px !important;
	font-weight: 700 !important;
	color: #181818 !important;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	margin-bottom: 14px !important;
	padding-bottom: 8px !important;
	border-bottom: 1px solid rgba(0,0,0,0.1) !important;
}

/* Párrafos ajustados */
.pls-site-footer .textwidget p {
	margin-bottom: 6px;
	font-size: 13px;
	line-height: 1.5;
}

/* Links del menú footer — especificidad (0,2,1) vence el !important de Modave (0,1,1) */
.pls-footer-main .footer-widget a {
	color: #3D5A3B !important;
}
.pls-footer-main .footer-widget a:hover {
	color: #8B6F47 !important;
}
.pls-site-footer .menu li {
	margin-bottom: 5px;
}
.pls-site-footer .menu li a {
	font-size: 13px;
}

/* Redes sociales: columna vertical alineada a la izquierda */
.pls-site-footer .niyama-social-links {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	gap: 10px !important;
	margin: 0 !important;
	padding: 0 !important;
}
.pls-site-footer .niyama-social-links a {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	font-size: 13px !important;
}

/* Copyright más compacto */
.pls-site-footer .pls-footer-bar,
.pls-footer-bar {
	padding-top: 12px !important;
	padding-bottom: 12px !important;
}

/* Responsive: 2 columnas en tablet */
@media (max-width: 900px) {
	.pls-site-footer .footer-widget {
		flex: 0 0 50% !important;
		max-width: 50% !important;
		width: 50% !important;
		margin-bottom: 24px !important;
	}
}
/* 1 columna en móvil */
@media (max-width: 480px) {
	.pls-site-footer .footer-widget {
		flex: 0 0 100% !important;
		max-width: 100% !important;
		width: 100% !important;
	}
}

/* ─── SPEC-011: Reseñas — estrellas en color de marca ───────────────────── */

/* Estrellas en cards de tienda y ficha de producto */
.star-rating span::before,
.star-rating::before {
	color: #8B6F47 !important;
}

/* Estrellas del formulario de valoración (interactivas) */
#respond .stars a:hover::before,
#respond .stars a.active::before,
#respond .stars span a::before {
	color: #8B6F47 !important;
}

/* Texto "x de 5 estrellas" y "N valoraciones" */
.woocommerce-product-rating .rating-count a,
.woocommerce-product-rating .woocommerce-review-link {
	color: #3D5A3B !important;
	font-size: 13px;
}

/* Tab Valoraciones — estilo coherente con marca */
.woocommerce-tabs .tabs li.reviews_tab a {
	color: #3D5A3B;
}
.woocommerce-tabs .tabs li.reviews_tab.active a {
	color: #2C2C2C;
}

/* Botón "Enviar valoración" */
#respond #submit {
	background-color: #3D5A3B !important;
	color: #fff !important;
}
#respond #submit:hover {
	background-color: #8B6F47 !important;
}

/* ─── S3: Trust badges en ficha de producto ─────────────────────────────── */
.niyama-trust-badges {
	display: flex;
	flex-wrap: wrap;
	gap: 12px 20px;
	margin-top: 14px;
	padding-top: 14px;
	border-top: 1px solid #e8e0d5;
}
.niyama-trust-badges span {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 12px;
	color: #3D5A3B;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}
.niyama-trust-badges svg {
	width: 18px;
	height: 18px;
	fill: #3D5A3B;
	flex-shrink: 0;
}

/* ─── Topbar mobile: ocultar en pantallas pequeñas ──────────────────────── */
/* El topbar con teléfono + email + ciudad se corta en mobile — se oculta    */
@media (max-width: 767px) {
	.pls-header-topbar {
		display: none !important;
	}
}