/* ===========================================================
   Konsumaz Carnes & Más — Paleta de marca
   =========================================================== */
:root {
	--kz-black: #141414;
	--kz-wine: #5C1015;
	--kz-gold: #D4A017;
	--kz-gold-light: #E8C25E;
	--kz-red: #C62828;
	--kz-yellow: #F2B705;
	--kz-bg: #FAFAFA;
}

body {
	background: var(--kz-bg);
}

/* ---------- Header ---------- */
#masthead,
.site-header-cart,
.storefront-primary-navigation {
	background-color: var(--kz-black) !important;
	border-bottom: 2px solid var(--kz-yellow);
}

.site-header .site-branding a,
.site-title a {
	color: #fff !important;
}

#masthead a {
	color: #d9d0c8;
}

#masthead a:hover {
	color: var(--kz-gold);
}

/* ---------- Hero de portada ---------- */
.konsumaz-hero {
	position: relative;
	padding: 60px 24px;
	text-align: center;
	background:
		linear-gradient(180deg, rgba(20,20,20,0.55) 0%, rgba(20,20,20,0.85) 100%),
		url('../img/hero-productos.jpg') center/cover no-repeat;
	color: #fff;
	margin-bottom: 0;
}

.konsumaz-hero-badge {
	display: inline-block;
	background: var(--kz-red);
	color: #fff;
	font-size: 12px;
	padding: 4px 12px;
	border-radius: 4px;
	margin-bottom: 14px;
}

.konsumaz-hero h1 {
	color: #fff;
	font-size: 28px;
	margin: 0 0 10px;
}

.konsumaz-hero p {
	color: #ece5df;
	font-size: 15px;
	margin: 0 0 22px;
}

.konsumaz-hero-cta {
	display: inline-block;
	background: var(--kz-yellow);
	color: var(--kz-black);
	border: none;
	padding: 12px 28px;
	border-radius: 4px;
	font-size: 15px;
	font-weight: 500;
	text-decoration: none;
}

.konsumaz-hero-cta:hover {
	background: var(--kz-gold);
	color: var(--kz-black);
}

.konsumaz-brand-strip {
	background: var(--kz-wine);
	color: var(--kz-gold-light);
	text-align: center;
	font-size: 13px;
	padding: 10px 20px;
}

/* ---------- Categorías (product_cat widgets / menú) ---------- */
.product-category h2,
.woocommerce-loop-category__title {
	color: var(--kz-black);
}

/* ---------- Tarjetas de producto ---------- */
ul.products li.product {
	background: #fff;
	border: 0.5px solid #e2e2e2;
	border-radius: 12px;
	padding: 14px;
}

ul.products li.product .price {
	color: var(--kz-wine) !important;
	font-weight: 600;
}

ul.products li.product .button {
	background-color: var(--kz-black);
	color: #fff;
	border-radius: 4px;
}

ul.products li.product .button:hover {
	background-color: var(--kz-wine);
}

/* Badge "Oferta" (usar clase .konsumaz-oferta en el producto vía plugin de badges o shortcode manual) */
.konsumaz-oferta-badge {
	position: absolute;
	top: 10px;
	right: 10px;
	background: var(--kz-red);
	color: #fff;
	font-size: 10px;
	padding: 3px 8px;
	border-radius: 4px;
	z-index: 2;
}

/* ---------- Disponibilidad: Disponible / Agotado (sin cantidad) ---------- */
.stock.in-stock {
	display: inline-block;
	background: #eaf3de;
	color: #27500a;
	font-size: 12px;
	padding: 3px 10px;
	border-radius: 4px;
}

.stock.out-of-stock {
	display: inline-block;
	background: #fcebeb;
	color: #791f1f;
	font-size: 12px;
	padding: 3px 10px;
	border-radius: 4px;
}

/* Producto agotado: atenuar imagen y ocultar botón de compra */
li.product.outofstock .button {
	display: none;
}

li.product.outofstock img {
	opacity: 0.55;
}

/* ---------- Footer ---------- */
#colophon,
.site-footer {
	background-color: var(--kz-black) !important;
	color: #c9c0b8;
	border-top: 2px solid var(--kz-yellow);
}

#colophon a {
	color: var(--kz-gold);
}

/* ---------- Botones generales del sitio (checkout, carrito, etc.) ---------- */
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
	background-color: var(--kz-yellow) !important;
	color: var(--kz-black) !important;
	border-radius: 4px;
}

.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover {
	background-color: var(--kz-gold) !important;
}