/* --- Nombres de productos visibles en carrito y checkout --- */
.wc-block-components-product-name,
.wc-block-cart-item__wrap .wc-block-components-product-name,
.wc-block-mini-cart__items .wc-block-components-product-name,
.wc-block-components-order-summary-item__description .wc-block-components-product-name,
.woocommerce-table__product-name a,
td.product-name a {
	color: #C8A97E !important;
	text-decoration: none;
}

.wc-block-components-product-name:hover,
.wc-block-components-product-name:focus,
.woocommerce-table__product-name a:hover,
td.product-name a:hover {
	color: #E3C79B !important;
	text-decoration: underline;
}

/* --- Pagina de contacto: enlaces en blanco --- */
.page-id-10 .wp-block-post-content a:where(:not(.wp-element-button)) {
	color: #ffffff !important;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.page-id-10 .wp-block-post-content a:where(:not(.wp-element-button)):hover {
	color: #C8A97E !important;
}

/* --- Formulario de contacto: campos con relleno blanco --- */
.grunion-field,
input.wp-block-jetpack-input,
textarea.wp-block-jetpack-input,
.wp-block-jetpack-contact-form input.grunion-field,
.wp-block-jetpack-contact-form textarea.grunion-field {
	background-color: #ffffff !important;
	color: #3B2D27 !important;
	border: 1px solid #C8A97E !important;
	border-radius: 4px;
}

.grunion-field::placeholder {
	color: #7A6A60 !important;
}

.grunion-field:focus {
	outline: 2px solid #C8A97E !important;
	outline-offset: 1px;
}

/* --- Botones unificados con el estilo de la home --- */
.wp-block-button__link,
a.wp-element-button,
button.wp-element-button,
.wp-block-jetpack-contact-form button[type="submit"],
.wp-block-jetpack-subscriptions__container button,
.wp-block-jetpack-subscriptions__button,
.wc-block-components-button:not(.wc-block-components-quantity-selector__button) {
	background-color: #241A15 !important;
	color: #FFFFFF !important;
	border: 1px solid #C8A97E !important;
	border-radius: 6px !important;
	font-family: Rubik, sans-serif !important;
	font-weight: 400 !important;
	text-transform: uppercase !important;
	letter-spacing: 2px !important;
}

.wp-block-button__link:hover,
a.wp-element-button:hover,
button.wp-element-button:hover,
.wp-block-jetpack-contact-form button[type="submit"]:hover,
.wp-block-jetpack-subscriptions__container button:hover,
.wc-block-components-button:not(.wc-block-components-quantity-selector__button):hover {
	background-color: #3A2A20 !important;
	border-color: #E3C79B !important;
	color: #FFFFFF !important;
}

/* --- Campo de email del bloque suscripcion --- */
.wp-block-jetpack-subscriptions__container input[type="email"],
input#subscribe-field {
	opacity: 1 !important;
	background-color: #FFFFFF !important;
	color: #3B2D27 !important;
	border: 1px solid #C8A97E !important;
	border-radius: 6px !important;
}

.wp-block-jetpack-subscriptions__container input[type="email"]::placeholder,
input#subscribe-field::placeholder {
	color: #7A6A60 !important;
}

/* --- Enlace "Read more" del blog (en linea, junto al texto) --- */
.wpnbha .entry-wrapper > p {
	display: inline;
}

.wpnbha .more-link,
a.more-link {
	display: inline;
	margin-left: 8px;
	white-space: nowrap;
	color: #E3C79B !important;
	font-family: Rubik, sans-serif;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	text-decoration: underline;
	text-underline-offset: 4px;
	transition: color 0.2s ease;
}

.wpnbha .more-link::after,
a.more-link::after {
	content: " \2192";
}

.wpnbha .more-link:hover,
a.more-link:hover {
	color: #FFFFFF !important;
}

.wpnbha .entry-meta {
	display: block;
	margin-top: 18px;
}

/* --- Tamano parejo de botones (el hero de la home queda mas grande a proposito) --- */
.wp-block-jetpack-contact-form button[type="submit"],
.wp-block-jetpack-subscriptions__container button {
	font-size: 16px !important;
	padding: 18px 34px !important;
}

/* --- Logo: resplandor blanco suave (opcion D - media) --- */
.wp-block-site-logo img,
img.custom-logo {
	filter: drop-shadow(0 0 18px rgba(255, 255, 255, 0.8));
}

/* --- Enlace "Read" de los blogs en la home (link discreto, no boton) --- */
.wp-block-read-more {
	background: none !important;
	background-color: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	padding: 0 !important;
	color: #E3C79B !important;
	font-family: Rubik, sans-serif;
	font-size: 13px !important;
	font-weight: 500;
	letter-spacing: 1.5px;
	text-transform: uppercase !important;
	text-decoration: underline;
	text-underline-offset: 4px;
	transition: color 0.2s ease;
}

.wp-block-read-more::after {
	content: " \2192";
}

.wp-block-read-more:hover {
	color: #FFFFFF !important;
}


/* =========================================================
   MOVIL - solo pantallas chicas (no afecta escritorio)
   ========================================================= */
@media (max-width: 781px) {

	/* --- Menu desplegable: fondo de marca y textos visibles --- */
	.wp-block-navigation__responsive-container.is-menu-open {
		background-color: #2C211C !important;
		padding: 28px 24px 48px !important;
	}
	.wp-block-navigation__responsive-container.is-menu-open,
	.wp-block-navigation__responsive-container.is-menu-open a,
	.wp-block-navigation__responsive-container.is-menu-open button,
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
		color: #FFFFFF !important;
	}
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container,
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
		align-items: flex-start !important;
		justify-content: flex-start !important;
		text-align: left !important;
	}
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > li,
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container > li {
		width: 100% !important;
		text-align: left !important;
	}
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
		justify-content: flex-start !important;
	}
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > li > a {
		font-size: 19px !important;
		letter-spacing: 1px;
		text-transform: uppercase;
		padding: 6px 0 !important;
	}
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
		background: transparent !important;
		border: 0 !important;
		box-shadow: none !important;
		display: block !important;
		width: 100% !important;
		min-width: 0 !important;
		max-width: none !important;
		padding: 2px 0 12px 0 !important;
	}
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container > li {
		grid-row: auto !important;
		grid-column: auto !important;
		width: 100% !important;
		white-space: normal !important;
	}
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container > li > a {
		color: #FFFFFF !important;
		opacity: 1 !important;
		font-size: 16px !important;
		letter-spacing: 0.5px !important;
		padding: 9px 0 !important;
	}
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container > li.qo-h > a {
		color: #C8A97E !important;
		opacity: 1 !important;
		font-size: 11px !important;
		letter-spacing: 2.2px !important;
		padding: 18px 0 2px 0 !important;
	}

	/* --- Cabecera: que el nombre no empuje el menu fuera de pantalla --- */
	header .wp-block-group.is-nowrap { flex-wrap: nowrap !important; }
	header .wp-block-site-title { font-size: 15px !important; line-height: 1.2 !important; min-width: 0 !important; }
	header .wp-block-site-title a { white-space: normal !important; }

	/* --- Hero: titular proporcionado a la pantalla --- */
	header .wp-block-cover h1,
	header .wp-block-cover h2 { font-size: 30px !important; line-height: 1.12 !important; }
}
