/*
Theme Name: Agricultura de Occidente
Theme URI: https://agriculturadeoccidente.com
Author: Agricultura de Occidente
Description: Child theme de Storefront para la tienda en línea de Agricultura de Occidente.
Template: storefront
Version: 1.0.0
Text Domain: agriocc
*/

:root {
	--agriocc-dark: #025B4B;
	--agriocc-dark-hover: #01473A;
	--agriocc-accent: #39B54A;
	--agriocc-accent-hover: #2E9A3D;
	--agriocc-bg-light: #F1FFF6;
	--agriocc-text: #1A2E29;
	--agriocc-border: #DCEAE3;
	--agriocc-font-heading: 'Poppins', sans-serif;
	--agriocc-font-body: 'Inter', sans-serif;
}

/* Tipografía base */
body {
	font-family: var(--agriocc-font-body);
	color: var(--agriocc-text);
}

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

a {
	color: var(--agriocc-dark);
}

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

/* Barra superior */
.storefront-primary-navigation {
	background-color: var(--agriocc-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,
.storefront-primary-navigation .site-header-cart:hover .cart-contents {
	color: var(--agriocc-accent);
}

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

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

/* Botones */
.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(--agriocc-accent);
	border: none;
	color: #fff;
	border-radius: 6px;
	font-weight: 600;
}

.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(--agriocc-accent-hover);
	color: #fff;
}

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

.onsale {
	background-color: var(--agriocc-accent);
}

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

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

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

/* La portada ya 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(--agriocc-dark);
	color: var(--agriocc-bg-light);
}

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

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

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