/*
Theme Name: Cultiva tus Setas
Theme URI: https://cultivatussetas.com
Author: Cultiva tus Setas
Description: Child theme de Storefront para Cultiva tus Setas (micelio fresco de hongo ostra, Guatemala).
Template: storefront
Version: 1.0.0
Text Domain: cts
*/

:root {
	--cts-green-dark: #2F4A3C;
	--cts-green-dark-hover: #24392E;
	--cts-brown-accent: #A5682F;
	--cts-brown-accent-hover: #8A5527;
	--cts-bg-cream: #F7F1E8;
	--cts-text: #2B2420;
	--cts-border: #E4D9C6;
	--cts-font-heading: 'Poppins', sans-serif;
	--cts-font-body: 'Inter', sans-serif;
}

/* Tipografía base */
body {
	font-family: var(--cts-font-body);
	color: var(--cts-text);
	background-color: #fff;
}

h1, h2, h3, h4, h5, h6,
.site-title,
.woocommerce-loop-product__title,
.product_title {
	font-family: var(--cts-font-heading);
	color: var(--cts-green-dark);
}

a {
	color: var(--cts-green-dark);
}

a:hover,
a:focus {
	color: var(--cts-brown-accent);
}

/* Barra superior */
.storefront-primary-navigation {
	background-color: var(--cts-green-dark);
}

.storefront-primary-navigation .site-header-cart .cart-contents,
.storefront-primary-navigation ul.menu > li > a,
.storefront-primary-navigation ul.nav-menu > li > a {
	color: #fff;
}

.storefront-primary-navigation ul.menu > li:hover > a,
.storefront-primary-navigation ul.nav-menu > li:hover > a {
	color: var(--cts-brown-accent);
}

.site-header {
	background-color: #fff;
	border-bottom: 1px solid var(--cts-border);
}

.site-title a {
	color: var(--cts-green-dark);
}

/* Botones (incluye botón "Comprar por WhatsApp") */
.button,
.cts-whatsapp-button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
	background-color: var(--cts-brown-accent);
	border: none;
	color: #fff;
	border-radius: 6px;
	font-weight: 600;
}

.button:hover,
.cts-whatsapp-button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
	background-color: var(--cts-brown-accent-hover);
	color: #fff;
}

/* Precios y detalles de producto */
.woocommerce-Price-amount {
	color: var(--cts-green-dark);
	font-weight: 600;
}

.star-rating span:before {
	color: var(--cts-brown-accent);
}

/* Secciones con fondo de marca */
.storefront-product-section,
.woocommerce-message,
.woocommerce-info {
	border-top-color: var(--cts-brown-accent);
}

/* Formularios */
input:focus,
textarea:focus,
select:focus {
	border-color: var(--cts-brown-accent);
	outline: none;
}

/* La portada trae su propio encabezado en el contenido; ocultamos el título automático de la página */
.home .entry-title {
	display: none;
}

/* Footer */
.site-footer {
	background-color: var(--cts-green-dark);
	color: var(--cts-bg-cream);
}

.site-footer a {
	color: #fff;
}

.site-footer a:hover {
	color: var(--cts-brown-accent);
}

.site-footer .widget-title {
	color: #fff;
}

/* Enlaces legales del pie de página */
.cts-footer-legal {
	text-align: center;
	padding: 1rem 1rem 0;
}

.cts-footer-legal-menu {
	list-style: none;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 0.5rem 1.5rem;
	margin: 0;
	padding: 0;
}

.cts-footer-legal-menu a {
	color: var(--cts-bg-cream);
	font-size: 0.85rem;
	opacity: 0.85;
}

.cts-footer-legal-menu a:hover {
	color: var(--cts-brown-accent);
	opacity: 1;
}