/**
* Theme Name: Winesto Child
* Description: This is a child theme of Winesto, generated by Merlin WP.
* Author: <a href="http://pavothemes.com/">Pavothemes</a>
* Template: winesto
* Version: 2.0.4
*/
/* =====================================
   PALETA COMPLETA ESTILO VINO
   Override global Elementor + Winestore
   ===================================== */
/* ============================================================
   1. OVERRIDE DEL KIT GLOBAL DE ELEMENTOR (elementor-kit-7)
   Aquí se define la paleta vino completa
   ============================================================ */
.elementor-kit-7 {
  --e-global-color-primary: #380710 !important;   /* Vino intenso */
  --e-global-color-secondary: #4A0F21 !important; /* Vino oscuro */
  --e-global-color-tertiary: #E8C6C9 !important;  /* Rosado suave */
  --e-global-color-accent: #C9A86D !important;    /* Dorado */
  --e-global-color-text: #2B1C1E !important;      /* Texto vino */
  --e-global-color-border: #7B1E3C !important;
  --e-global-color-lighter: #E8C6C9 !important;
  --e-global-color-dark: #4A0F21 !important;

  /* Fondo global */
  --e-global-background-color: #FAF5F6 !important;
}

/* ============================================================
   2. ELEMENTO QUE NO TOMABA EL COLOR (ID exacto del contenedor)
   ============================================================ */
.elementor-125 .elementor-element.elementor-element-26987cb,
.elementor-125 .elementor-element.elementor-element-26987cb:not(.elementor-motion-effects-element-type-background),
.elementor-125 .elementor-element.elementor-element-26987cb > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-color: var(--e-global-color-primary) !important;
}

/* ============================================================
   3. FONDO GLOBAL DEL SITIO
   ============================================================ */
body {
  background-color: #FAF5F6 !important; /* Fondo rosado suave */
  color: var(--e-global-color-text) !important;
}

/* ============================================================
   4. LINKS
   ============================================================ */
a {
  color: var(--e-global-color-primary) !important;
}
a:hover {
  color: var(--e-global-color-secondary) !important;
}

/* ============================================================
   5. TITULOS Y HEADINGS
   ============================================================ */
h1, h2, h3, h4, h5, h6,
.elementor-heading-title {
  color: var(--e-global-color-primary) !important;
}

/* ============================================================
   6. BOTONES GLOBALES (WordPress, Elementor, WooCommerce)
   ============================================================ */
button,
.btn,
input[type="submit"],
.woocommerce a.button,
.woocommerce button.button,
.elementor-button {
  background-color: var(--e-global-color-primary) !important;
  border-color: var(--e-global-color-primary) !important;
  color: #fff !important;
}

button:hover,
.btn:hover,
input[type="submit"]:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.elementor-button:hover {
  background-color: var(--e-global-color-secondary) !important;
  border-color: var(--e-global-color-secondary) !important;
}

/* Botón secundario */
.btn-secondary,
.woocommerce a.button.alt {
  background-color: var(--e-global-color-tertiary) !important;
  border-color: var(--e-global-color-tertiary) !important;
  color: var(--e-global-color-secondary) !important;
}

/* ============================================================
   7. HEADER + MENÚ (Winestore)
   ============================================================ */
header,
.site-header,
.navbar,
.main-navigation {
  background-color: var(--e-global-color-secondary) !important;
}
.main-navigation a,
.navbar a {
  color: #fff !important;
}
.main-navigation a:hover,
.navbar a:hover {
  color: var(--e-global-color-accent) !important;
}

/* ============================================================
   8. FOOTER
   ============================================================ */
footer,
.site-footer {
  background-color: var(--e-global-color-secondary) !important;
  color: #fff !important;
}
.site-footer a {
  color: var(--e-global-color-tertiary) !important;
}

/* ============================================================
   9. PRODUCTOS (WooCommerce)
   ============================================================ */

/* Precio de productos */
.woocommerce ul.products li.product .price,
.woocommerce div.product .price {
  color: var(--e-global-color-primary) !important;
}

/* Título de producto */
.woocommerce ul.products li.product h2,
.woocommerce div.product .product_title {
  color: var(--e-global-color-text) !important;
}

/* Badge "OFERTA" o similar */
.woocommerce span.onsale {
  background-color: var(--e-global-color-primary) !important;
  color: #fff !important;
}

/* ============================================================
   10. SECCIONES Y WIDGETS ELEMENTOR
   ============================================================ */

/* Cualquier contenedor que use primary */
.elementor-section,
.elementor-widget-container,
.elementor-column {
  --e-global-color-primary: #7B1E3C !important;
}

/* Forzar fondo vino donde Elementor use el primary background */
.elementor-section[data-settings*="background_background"],
.elementor-column[data-settings*="background_background"],
.elementor-widget-container[data-settings*="background_background"] {
  background-color: var(--e-global-color-primary) !important;
}

/* ============================================================
   11. BORDES Y DETALLES
   ============================================================ */
hr, .separator, .divider {
  border-color: var(--e-global-color-border) !important;
}

/* ============================================================
   SUBMENÚ PRINCIPAL (Dropdown) - ESTILO VINO
   ============================================================ */

/* Fondo y caja del submenu */
.main-navigation ul.sub-menu {
  background-color: var(--e-global-color-tertiary) !important; /* Vino intenso */
  /*padding: 30px 29px 30px 40px !important;*/
  /*border-radius: 0 !important;*/
  /*box-shadow: 0 0 25px rgba(123, 30, 60, 0.25) !important; /* Sombra vino suave */
  /*font-size: 1rem !important;*/
  /*left: 29px !important;*/
  color: #380710 !important;
}

/* Links del submenu */
.main-navigation ul.sub-menu a {
  color: #380710 !important; /* Texto blanco */
  font-weight: 500;
}

/* Hover de links */
.main-navigation ul.sub-menu a:hover {
  color: var(--e-global-color-accent) !important; /* Dorado */
}

/* Líneas separadoras (si las usa el tema) */
.main-navigation ul.sub-menu li {
  border-color: var(--e-global-color-secondary) !important; /* Vino oscuro */
}

/* Animación de entrada */
/*.main-navigation ul.menu > li.menu-item > ul {
  transform: translateY(20px);
}*/

/*.main-navigation ul.sub-menu {
  visibility: hidden;
  opacity: 0;
  margin-left: 0;
  position: absolute;
  text-align: left;
  pointer-events: none;
  transition: opacity 0.3s, transform 0.3s, visibility 0.3s ease;
}*/

/* Mostrar submenú al hacer hover */
/*.main-navigation ul.menu > li.menu-item:hover > ul.sub-menu {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
}*/
/* ============================================================
   ICONOS DEL HEADER – COLOR BLANCO
   ============================================================ */

/* Wishlist icon */
.site-header-wishlist a i,
.site-header-wishlist a .winesto-icon-wishlist {
  color: #fff !important;
}

/* User icon */
.site-header-account a i,
.site-header-account a .winesto-icon-user-2 {
  color: #fff !important;
}

/* ==========================
   CART (CARRITO) – ICONO SVG
   ========================== */

/* Carrito cuando usa SVG */
.site-header-cart a svg,
.site-header-cart a svg * {
  fill: #fff !important;
  stroke: #fff !important;
}

/* Texto dentro del carrito: precio + cantidad */
.site-header-cart .count,
.site-header-cart .amount,
.site-header-cart a {
  color: #fff !important;
}

/* ============================================================
   HOVER: COLOR DORADO PARA ÍCONOS
   ============================================================ */

.header-group-action a:hover i,
.header-group-action a:hover .winesto-icon-wishlist,
.header-group-action a:hover .winesto-icon-user-2,
.header-group-action a:hover svg,
.header-group-action a:hover svg *,
.header-group-action a:hover .count,
.header-group-action a:hover .amount {
  color: var(--e-global-color-accent) !important; /* Dorado */
  fill: var(--e-global-color-accent) !important;  /* Para SVG */
  stroke: var(--e-global-color-accent) !important;
}

/* Enlaces dentro del HEADER → blancos */
.elementor-header-group-wrapper a {
  color: #fff !important;
}

/* Hover dorado premium */
.elementor-header-group-wrapper a:hover {
  color: var(--e-global-color-accent) !important;
}
/* ICONO DEL CARRITO – FORZAR BLANCO */
.header-group-action .site-header-cart .cart-contents::before {
    color: #ffffff !important;
}

/* HOVER EN DORADO (opcional) */
.header-group-action .site-header-cart .cart-contents:hover::before {
    color: var(--e-global-color-accent) !important;
}

/* Texto (cantidad + monto) en blanco */
.site-header-cart .count,
.site-header-cart .amount {
    color: #ffffff !important;
}