/* ============================================================
   AŞK — Paleta de marca como BASE global
   Mapea los colores globales de Elementor (kit) a la marca y asegura
   que los componentes propios fijen su color explícito (inmunes a
   estilos globales de enlace/botón). Se carga en TODO el sitio.
   Marca: negro #000 · camel #B89968 · off-white #F4F2EE.
   ============================================================ */

/* Variables globales de Elementor → marca (cubre cualquier elemento que las use,
   incluido el viejo color "Mostaza" #C39915 con id e09f6d6). */
body[class*="elementor-kit-"] {
	--e-global-color-primary: #B89968;
	--e-global-color-secondary: #1A1614;
	--e-global-color-text: #1A1614;
	--e-global-color-accent: #B89968;
	--e-global-color-e09f6d6: #B89968;
}

/* Filtro de tallas (tienda): texto negro; seleccionado negro con texto blanco.
   Especificidad alta para ganar a estilos globales de <button>. */
.ask-shop .ask-shop__fsize { color: var(--ask-black, #000); background: #fff; }
.ask-shop .ask-shop__fsize.active { color: #fff; background: var(--ask-black, #000); }

/* Nombre de producto en tarjetas: negro (no camel), camel solo al hover. */
.ask-prod .ask-prod__name,
.ask-shop .ask-prod__name,
.ask-cart .ask-prod__name { color: var(--ask-black, #000); }
.ask-prod .ask-prod__name:hover,
.ask-shop .ask-prod__name:hover { color: var(--ask-camel, #B89968); }

/* WooCommerce: etiqueta de oferta y precio rebajado con la marca. */
.woocommerce span.onsale { background: var(--ask-black, #000); color: #fff; }
.woocommerce ins, .woocommerce ins .amount { color: var(--ask-camel, #B89968); text-decoration: none; }

/* ------------------------------------------------------------
   FIX GLOBAL: el tema padre Hello Elementor (assets/css/reset.css)
   pinta TODOS los <button>/[type=submit] con un skin magenta #c36
   (#cc3366): borde + texto magenta en base, y fondo magenta sólido
   en :hover/:focus. Eso se filtraba a botones "desnudos" como el
   acordeón del FAQ. Aquí lo neutralizamos a la marca para TODO el sitio.
   Los botones propios definen su color con selectores de clase (mayor
   especificidad), así que conservan su estilo; esto solo afecta a los
   botones sin estilo de fondo explícito.
   ------------------------------------------------------------ */
[type="button"],
[type="reset"],
[type="submit"],
button {
	border-color: var(--ask-gray-line, #E5E2DC);
	color: inherit;
}
[type="button"]:hover, [type="button"]:focus,
[type="reset"]:hover, [type="reset"]:focus,
[type="submit"]:hover, [type="submit"]:focus,
button:hover, button:focus {
	background-color: transparent;
	border-color: var(--ask-camel, #B89968);
	color: inherit;
}