/*
Theme Name: Anuncios y Negocios
Theme URI: https://anunciosynegocios.com
Description: Tema hijo de Storefront para la tienda Anuncios y Negocios. Diseño sobrio (blanco/gris con amarillo de marca), pensado primero para celular. Funciona junto al plugin "Anuncios y Negocios".
Author: Anuncios y Negocios
Template: storefront
Version: 1.0.0
Text Domain: anuncios-negocios
*/

/* =========================================================
   Colores de marca
   - Fondo blanco / gris muy claro
   - Textos en gris oscuro
   - Amarillo sólo para detalles y botones de compra
   ========================================================= */

:root {
	--ayn-amarillo: #FFC400;
	--ayn-amarillo-osc: #E0A800;
	--ayn-negro: #141414;
	--ayn-gris-texto: #333333;
	--ayn-gris-claro: #f5f5f5;
}

body {
	background-color: #ffffff;
	color: var(--ayn-gris-texto);
}

/* ---- Cabecera sobria (combina con el logo de fondo negro) ---- */
.site-header {
	background-color: var(--ayn-negro) !important;
	border-bottom: 3px solid var(--ayn-amarillo);
}
.site-header,
.site-header a,
.site-header .site-title a,
.main-navigation ul li a,
.site-header .widget a {
	color: #ffffff !important;
}
.main-navigation ul li a:hover,
.site-header a:hover { color: var(--ayn-amarillo) !important; }

/* Carrito en la cabecera */
.site-header-cart .cart-contents,
.site-header .cart-contents-count { color: #fff; }
.site-header-cart .cart-contents-count { background-color: var(--ayn-amarillo); color: var(--ayn-negro); }

/* ---- Títulos en gris oscuro ---- */
h1, h2, h3, h4 { color: var(--ayn-negro); }

/* =========================================================
   Botones de WooCommerce -> amarillo con texto oscuro
   ========================================================= */
.button,
a.button,
button.button,
input.button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce .button.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt,
.single_add_to_cart_button {
	background-color: var(--ayn-amarillo) !important;
	color: var(--ayn-negro) !important;
	border: none !important;
	font-weight: 700 !important;
	text-shadow: none !important;
	border-radius: 10px !important;
}
.button:hover,
a.button:hover,
button.button:hover,
input.button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce .button.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.single_add_to_cart_button:hover {
	background-color: var(--ayn-amarillo-osc) !important;
	color: var(--ayn-negro) !important;
}

/* Precios */
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
	color: var(--ayn-negro);
	font-weight: 700;
}

/* =========================================================
   Tarjetas de producto en la tienda (2 columnas en celular)
   ========================================================= */
.woocommerce ul.products li.product {
	background: #fff;
	border: 1px solid #ececec;
	border-radius: 12px;
	padding: 10px;
	box-shadow: 0 2px 8px rgba(0,0,0,.04);
}
.woocommerce ul.products li.product img { border-radius: 8px; margin-bottom: 10px; }
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-size: .98rem;
	line-height: 1.3;
	color: var(--ayn-negro);
}

/* La vista previa del PDF se ve borrosa; un pequeño candado visual */
.woocommerce ul.products li.product a img,
.woocommerce div.product div.images img {
	background: #fafafa;
}

/* =========================================================
   Portada a todo el ancho (el hero del plugin)
   ========================================================= */
.page-template-default .ayn-hero,
.home .ayn-hero {
	margin-top: -1.618em; /* pega el hero al borde superior del contenido en Storefront */
}

@media (min-width: 768px) {
	.home .site-content .col-full { max-width: 1040px; }
}

/* Espaciados cómodos en celular */
.woocommerce-breadcrumb { font-size: .85rem; }

/* Mensaje de "añadido al carrito" */
.woocommerce-message,
.woocommerce-info {
	border-top-color: var(--ayn-amarillo);
}
.woocommerce-message::before,
.woocommerce-info::before { color: var(--ayn-amarillo-osc); }