/*
Theme Name:   BOSKA
Theme URI:    https://boska.col
Description:  Tema de la tienda BOSKA (hijo de Storefront): verde oliva, café y beige.
Author:       BOSKA
Template:     storefront
Version:      1.0.0
Text Domain:  boska-tema
*/

:root {
	--boska-verde: #384628;
	--boska-cafe: #4a311f;
	--boska-beige: #ece5de;
	--boska-crema: #f6f1e9;
	--boska-linea: #d6ccbf;
}

body {
	font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	background-color: var(--boska-beige);
	color: var(--boska-cafe);
}
h1, h2, h3, h4, .site-title, .woocommerce-loop-product__title, .product_title, .boska-hero h1 {
	font-family: "Fredoka", "Nunito", sans-serif;
	font-weight: 600;
	letter-spacing: 0;
}

/* Cabecera */
.site-header { background-color: var(--boska-beige); border-bottom: 1px solid var(--boska-linea); padding-top: 1em; }
.site-branding .custom-logo-link img { max-height: 88px; width: auto; }
.main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a { color: var(--boska-verde); font-weight: 700; }
.main-navigation ul.menu > li > a:hover, .main-navigation ul.menu > li.current-menu-item > a { color: var(--boska-cafe); }
.boska-menu-granel > a { color: var(--boska-cafe) !important; }
.storefront-primary-navigation { background: transparent; }
.site-header-cart .cart-contents, .site-search .widget_product_search form::before { color: var(--boska-verde); }

/* Contenido */
.site-content { background: transparent; }
.hentry .entry-content a:not(.button) { color: var(--boska-verde); text-decoration-color: rgba(56,70,40,.35); }
.entry-title, .page-title { color: var(--boska-cafe); }

/* Botones */
button, input[type="button"], input[type="reset"], input[type="submit"], .button, .widget a.button {
	background-color: var(--boska-cafe); border-color: var(--boska-cafe); color: #fff;
	border-radius: 999px; padding: .75em 1.5em; font-weight: 700;
}
button:hover, input[type="submit"]:hover, .button:hover, .widget a.button:hover { background-color: #3a2617; border-color: #3a2617; color: #fff; }
button.alt, input[type="button"].alt, input[type="submit"].alt, .button.alt, .widget-area .widget a.button.alt, .added_to_cart {
	background-color: var(--boska-verde); border-color: var(--boska-verde); color: #fff;
}
button.alt:hover, .button.alt:hover, .added_to_cart:hover { background-color: #2b361f; border-color: #2b361f; color: #fff; }

/* Tarjetas de producto */
ul.products li.product {
	background: #fff; border-radius: 16px; padding: 14px 14px 18px; border: 1px solid var(--boska-linea);
	transition: box-shadow .2s ease, transform .2s ease;
}
ul.products li.product:hover { box-shadow: 0 10px 24px rgba(74,49,31,.10); transform: translateY(-2px); }
ul.products li.product img { border-radius: 12px; background: var(--boska-crema); }
ul.products li.product .woocommerce-loop-product__title { color: var(--boska-cafe); font-size: 1.05em; }
ul.products li.product .price, .single-product div.product p.price { color: var(--boska-verde); font-weight: 700; }
.onsale { border-color: var(--boska-verde); color: var(--boska-verde); border-radius: 99px; }

/* Ficha de producto */
.single-product div.product .product_title { color: var(--boska-cafe); }
.single-product div.product .woocommerce-product-gallery img { border-radius: 16px; }
.variations select { border-radius: 10px; border: 1px solid var(--boska-linea); background-color: #fff; padding: .55em .7em; }
.quantity .qty { border-radius: 10px; }

/* Avisos */
.woocommerce-info, .woocommerce-noreviews, p.no-comments { background-color: var(--boska-verde); }
.woocommerce-message { background-color: #5b6f3d; }
.woocommerce-error { background-color: #9b3b2a; }

/* Formularios */
input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="search"], input[type="number"], textarea, .select2-container .select2-selection--single {
	background-color: #fff; border: 1px solid var(--boska-linea); border-radius: 10px; box-shadow: none;
}
input:focus, textarea:focus { outline: 2px solid rgba(56,70,40,.35); outline-offset: 1px; }

/* Pie de página */
.site-footer { background-color: var(--boska-verde); color: #e9e3d7; }
.site-footer a:not(.button):not(.components-button) { color: #fff; }
.site-footer h1, .site-footer h2, .site-footer h3, .site-footer .widget-title { color: #fff; }
.boska-footer { display: grid; grid-template-columns: auto 1fr; gap: 1.5em; align-items: center; padding: 1.5em 0 .5em; }
.boska-footer img { width: 92px; height: 92px; object-fit: contain; background: var(--boska-crema); border-radius: 50%; padding: 6px; }
.boska-footer-lema { font-family: "Fredoka", sans-serif; font-size: 1.15em; color: #fff; margin: 0 0 .3em; }
.boska-copy { font-size: .8em; opacity: .75; padding: 1em 0 0; }
@media (max-width: 600px) { .boska-footer { grid-template-columns: 1fr; text-align: center; } .boska-footer img { margin: 0 auto; } }

/* Barra inferior móvil de Storefront */
.storefront-handheld-footer-bar { background: var(--boska-crema); border-top: 1px solid var(--boska-linea); }
.storefront-handheld-footer-bar ul li > a { background: var(--boska-crema); color: var(--boska-verde); }
.storefront-handheld-footer-bar ul li.cart .count { background: var(--boska-cafe); color: #fff; border-color: var(--boska-crema); }

/* Inicio: sin título "Inicio" ni márgenes dobles */
.home.page .entry-header { display: none; }
.home.page .hentry { margin-bottom: 0; }