/*
Theme Name:   Solinfo Tienda
Theme URI:    https://solinfo.com.ec
Description:  Tema hijo de Storefront con los colores de FacturaOnline / Dolibarr Gabarra (verde). Solinfo.
Author:       Solinfo
Template:     storefront
Version:      1.0.0
License:      GPL-3.0-or-later
Text Domain:  solinfo-tienda
*/
:root {
	--st-verde: #2c6b56;
	--st-verde-osc: #1c4437;
	--st-verde-hover: #24594a;
	--st-verde-claro: #e6efea;
	--st-menta: #bfe6d2;
	--st-ambar: #e0a43a;
	--st-texto: #13241f;
	--st-gris: #5b6b65;
	--st-borde: #dfe7e3;
	--st-radio: 12px;
}
body, button, input, select, textarea, .button {
	font-family: "Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	color: var(--st-texto);
}
body { background: #f6f9f7; }
h1, h2, h3, h4, h5, h6 { color: var(--st-verde-osc); font-weight: 600; letter-spacing: -.01em; }
a { color: var(--st-verde); }
a:hover, a:focus { color: var(--st-verde-osc); }

/* Cabecera y menu */
.site-header { background: var(--st-verde-osc); border-bottom: 0; padding-top: 1.2em; }
.site-header .site-branding .site-title a, .site-header .site-description,
.main-navigation ul li a, .site-header-cart .cart-contents, .site-header .widget_product_search form::before { color: #fff; }
.main-navigation ul li a:hover, .main-navigation ul li.current-menu-item > a { color: var(--st-menta); }
.main-navigation ul.menu ul.sub-menu, .main-navigation ul.nav-menu ul.children { background: var(--st-verde); }
.storefront-primary-navigation { background: var(--st-verde); }
.site-header .widget_product_search input[type=search] { border-radius: 999px; border: 0; }
.site-header-cart .widget_shopping_cart { background: #fff; }
.site-header-cart .cart-contents .count { background: var(--st-ambar); color: var(--st-verde-osc); border-radius: 999px; opacity: 1; padding: 0 .5em; }

/* Botones */
button, input[type=button], input[type=reset], input[type=submit], .button, .added_to_cart,
.wc-block-components-button, .wp-element-button, .widget a.button {
	background: var(--st-verde); border-color: var(--st-verde); color: #fff; border-radius: 8px; font-weight: 500;
}
button:hover, input[type=submit]:hover, .button:hover, .added_to_cart:hover,
.wc-block-components-button:hover, .wp-element-button:hover { background: var(--st-verde-hover); border-color: var(--st-verde-hover); color: #fff; }
button.alt, .button.alt, .checkout-button, #place_order, .single_add_to_cart_button,
.wc-block-cart__submit-button, .wc-block-components-checkout-place-order-button {
	background: var(--st-verde-osc); border-color: var(--st-verde-osc);
}
button.alt:hover, .button.alt:hover, .checkout-button:hover, #place_order:hover, .single_add_to_cart_button:hover { background: var(--st-verde); }

/* Productos */
ul.products li.product, .wc-block-grid__product {
	background: #fff; border: 1px solid var(--st-borde); border-radius: var(--st-radio); padding: 14px 14px 18px;
	transition: box-shadow .15s, transform .15s;
}
ul.products li.product:hover { box-shadow: 0 6px 18px rgba(28, 68, 55, .10); transform: translateY(-2px); }
ul.products li.product img { border-radius: 8px; }
ul.products li.product .woocommerce-loop-product__title { color: var(--st-texto); font-weight: 500; }
.price, .woocommerce-Price-amount, ul.products li.product .price { color: var(--st-verde); font-weight: 600; }
del .woocommerce-Price-amount { color: var(--st-gris); font-weight: 400; }
.onsale { background: var(--st-ambar); border: 0; color: var(--st-verde-osc); border-radius: 999px; font-weight: 600; }
.star-rating span::before, .stars a::before { color: var(--st-ambar); }

/* Cajas tipo tarjeta de Dolibarr */
.woocommerce-MyAccount-navigation ul li { border-color: var(--st-borde); }
.woocommerce-MyAccount-navigation ul li.is-active a { color: var(--st-verde); font-weight: 600; }
.woocommerce-info, .woocommerce-message, .woocommerce-noreviews, p.no-comments {
	background: var(--st-verde-claro); color: var(--st-verde-osc); border-left: 4px solid var(--st-verde); border-radius: 8px;
}
.woocommerce-info a, .woocommerce-message a { color: var(--st-verde-osc); }
.woocommerce-error { background: #f6e0dc; color: #9a2f1c; border-left: 4px solid #9a2f1c; border-radius: 8px; }
table.shop_table, .cart-collaterals .cart_totals, #order_review, .woocommerce-checkout-review-order-table {
	background: #fff; border-radius: var(--st-radio);
}
input[type=text], input[type=email], input[type=tel], input[type=password], input[type=search], input[type=number], select, textarea {
	border-radius: 8px; border: 1px solid #c9d6d0; background: #fff; box-shadow: none;
}
input:focus, select:focus, textarea:focus { outline: 2px solid var(--st-menta); border-color: var(--st-verde); }

/* Pie */
.site-footer { background: var(--st-verde-osc); color: #d8e6df; }
.site-footer a:not(.button), .site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4 { color: #fff; }
.storefront-handheld-footer-bar { background: var(--st-verde-osc); }
.storefront-handheld-footer-bar ul li > a { color: #fff; }
.storefront-handheld-footer-bar ul li.cart .count { background: var(--st-ambar); color: var(--st-verde-osc); border-color: var(--st-verde-osc); }