@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;800&family=Poppins:wght@400;500;600;700&display=swap');
:root{
  --fg-bg:#16130F; --fg-bg2:#1F1B15; --fg-card:#211C15; --fg-line:rgba(212,162,78,.18);
  --fg-gold:#D4A24E; --fg-terra:#C7583B; --fg-cream:#EDE6DA; --fg-muted:#A99C88;
}
/* fondo y texto globales */
body,.site,.content-bg,.entry-content{background:var(--fg-bg) !important;color:var(--fg-cream)}
h1,h2,h3,h4,.entry-title,.product_title{font-family:'Playfair Display',serif !important;color:var(--fg-cream)}
body,p,a,li,span,.woocommerce{font-family:'Poppins',sans-serif}
a{color:var(--fg-gold)}
/* header/nav oscuro */
.site-header-wrap,.site-header-row,#main-header,.site-branding a{background:var(--fg-bg) !important;color:var(--fg-cream)}
/* precios y botones dorados */
.woocommerce .price,.woocommerce span.amount{color:var(--fg-gold) !important}
.woocommerce a.button,.woocommerce button.button,.woocommerce .single_add_to_cart_button,.wp-block-button__link{
  background:var(--fg-gold) !important;color:#241a08 !important;border:0 !important;border-radius:999px !important;font-weight:700 !important}
/* tarjetas de producto oscuras */
.woocommerce ul.products li.product{background:var(--fg-card);border:1px solid var(--fg-line);border-radius:16px;padding:14px}
.woocommerce ul.products li.product h2,.woocommerce ul.products li.product .woocommerce-loop-product__title{color:var(--fg-cream)}
/* variaciones: dropdowns oscuros (Kadence ya ordena el layout) */
.woocommerce div.product form.cart .variations select{background:var(--fg-card);color:var(--fg-cream);border:1px solid var(--fg-line);border-radius:8px;padding:10px}

/* HOME */
.fg-wrap{max-width:1160px;margin:0 auto;padding:0 24px}
.fg-hero{min-height:70vh;display:flex;align-items:center;background-size:cover;background-position:center;color:#fff}
.fg-eyebrow{display:inline-block;background:var(--fg-gold);color:#241a08;font-weight:700;font-size:13px;letter-spacing:1px;text-transform:uppercase;padding:7px 16px;border-radius:999px;margin-bottom:18px}
.fg-hero h1{font-size:3.4rem;color:#fff;max-width:600px;line-height:1.06}
.fg-hero p{font-size:1.2rem;color:#e6dccb;max-width:520px;margin:16px 0 26px}
.fg-btn{display:inline-block;background:var(--fg-gold);color:#241a08;padding:14px 30px;border-radius:999px;font-weight:700;text-decoration:none;margin-right:12px}
.fg-btn.fg-ghost{background:rgba(255,255,255,.1);color:#fff;border:1.5px solid rgba(237,230,218,.4)}
.fg-sec{padding:70px 0;background:var(--fg-bg)}
.fg-about{background:var(--fg-bg2)}
.fg-head{text-align:center;margin-bottom:40px}
.fg-kicker{color:var(--fg-gold);font-weight:700;text-transform:uppercase;letter-spacing:1px;font-size:13px}
.fg-head h2{font-size:2.4rem;color:var(--fg-cream);margin-top:8px}
.fg-grid2{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
.fg-grid2 img{border-radius:20px;width:100%}
.fg-grid2 h2{font-size:2.2rem;color:var(--fg-cream)}
.fg-grid2 p{color:var(--fg-muted);font-size:1.05rem;margin-top:12px}
.fg-locs{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.fg-loc{background:var(--fg-card);border:1px solid var(--fg-line);border-radius:16px;padding:24px;text-align:center}
.fg-loc h3{color:var(--fg-gold);font-size:1.4rem}
.fg-loc p{color:var(--fg-cream);margin-top:10px}
.fg-loc span{color:var(--fg-muted);font-size:14px}
@media(max-width:820px){.fg-grid2,.fg-locs{grid-template-columns:1fr}.fg-hero h1{font-size:2.2rem}}


/* color del nav (salía azul) → crema, hover dorado */
.header-navigation .menu-container > ul > li > a,
.header-navigation .menu-item a,
#main-header .menu-item a,
.main-navigation .menu-item a{color:var(--fg-cream) !important}
.header-navigation .menu-item a:hover,
.header-navigation .menu-item.current-menu-item > a,
.main-navigation .menu-item a:hover{color:var(--fg-gold) !important}
/* logo/site title dorado */
.site-title a, .site-branding .site-title a{color:var(--fg-gold) !important}

/* logo azul → dorado (selector mas fuerte) */
.site-title a, .site-branding a, .site-name a, header .site-title, .site-title{color:var(--fg-gold) !important}
/* boton "Ver Menu" del header azul → dorado */
.header-button, .site-header .button, #main-header .kadence-header-button, .header-item .button,
.site-header-item .button, .header-html .button{background:var(--fg-gold) !important;color:#241a08 !important;border-color:var(--fg-gold) !important;border-radius:999px !important}
/* icono carrito visible */
.header-cart-button svg, .header-cart-total{color:var(--fg-cream) !important;fill:var(--fg-cream) !important}

/* badge del carrito (el circulo con el numero) — se veia blanco sobre blanco */
.header-cart-total, .kadence-cart-total, .header-cart-button .kadence-cart-total,
.site-header-item .header-cart-button .header-cart-total{
  background:var(--fg-terra) !important; color:#fff !important;
  border:0 !important; font-weight:700}
/* el icono del carrito en crema */
.header-cart-button, .header-cart-button svg, .header-cart-button svg *{color:var(--fg-cream) !important; fill:var(--fg-cream) !important; stroke:var(--fg-cream) !important}

/* ===== FIX HERO: full-width, altura contenida, texto izquierda ===== */
/* sacar el contenido del contenedor angosto de Kadence en el home */
.page-id-88 .content-container, .home .content-container,
.page-id-88 .entry-content, .home .entry-content{max-width:100% !important;padding:0 !important;margin:0 !important}
.page-id-88 .entry-content-wrap, .home .entry-content-wrap{padding:0 !important}
.page-id-88 .content-area, .home .content-area{margin:0 !important}
/* hero horizontal correcto */
.fg-hero{min-height:60vh !important;max-height:640px;display:flex !important;align-items:center;
  background-size:cover !important;background-position:center !important;background-repeat:no-repeat;color:#fff;position:relative}
.fg-hero .fg-wrap{max-width:1160px;margin:0 auto;padding:0 40px;width:100%}
.fg-hero h1{font-size:3.4rem;line-height:1.05;color:#fff;max-width:620px;margin:0}
.fg-hero p{color:#e6dccb;max-width:520px}
/* asegurar que las secciones tengan su ancho normal */
.fg-sec .fg-wrap{max-width:1160px;margin:0 auto;padding:0 40px}
.fg-sec{padding:64px 0 !important}

/* ===== SHOP / MENU page: quitar banner gris de Kadence, estilizar toolbar ===== */
/* ocultar el page-header gigante gris (title "Shop") en las paginas WooCommerce */
.woocommerce-page .entry-hero,
.post-type-archive-product .entry-hero,
.woocommerce-shop .entry-hero,
body.woocommerce .entry-hero.page-hero-section{display:none !important}
/* el titulo de archivo de la tienda, si sale, en crema y alineado */
.woocommerce-products-header{padding:32px 0 0 !important;background:transparent !important}
.woocommerce-products-header__title{color:var(--fg-cream) !important;text-align:left}
/* result count + sorting: colores del tema */
.woocommerce-result-count{color:var(--fg-muted) !important}
.woocommerce-ordering select,
.woocommerce-ordering .orderby{background:var(--fg-card) !important;color:var(--fg-cream) !important;
  border:1px solid var(--fg-line) !important;border-radius:8px;padding:8px 12px}
/* botones grid/list view del theme */
.wc-block-product-sort-select,
.woocommerce-ordering{color:var(--fg-cream) !important}

/* ===== SHOP / MENU page: quitar banner gris de Kadence, estilizar toolbar ===== */
.woocommerce-page .entry-hero,
.post-type-archive-product .entry-hero,
.woocommerce-shop .entry-hero,
body.woocommerce .entry-hero.page-hero-section{display:none !important}
.woocommerce-products-header{padding:32px 0 0 !important;background:transparent !important}
.woocommerce-products-header__title{color:var(--fg-cream) !important;text-align:left}
.woocommerce-result-count{color:var(--fg-muted) !important}
.woocommerce-ordering select,
.woocommerce-ordering .orderby{background:var(--fg-card) !important;color:var(--fg-cream) !important;
  border:1px solid var(--fg-line) !important;border-radius:8px;padding:8px 12px}
.woocommerce-ordering{color:var(--fg-cream) !important}

/* ===== FIX banner tienda: selector correcto de Kadence ===== */
.product-archive-hero-section,
.entry-hero.product-archive-hero-section,
.post-type-archive-product .entry-hero{display:none !important}
/* que el listado no quede pegado arriba sin el banner */
.post-type-archive-product .content-container{padding-top:40px !important}

/* ===== PRODUCTO INDIVIDUAL: tabs, reviews, form ===== */
/* tabs (Descripcion / Reseñas): fondo oscuro, texto crema */
.woocommerce-tabs ul.wc-tabs{border:0 !important;margin:0 0 0 !important}
.woocommerce-tabs ul.wc-tabs li{background:var(--fg-bg2) !important;border:1px solid var(--fg-line) !important;
  border-bottom:0 !important;border-radius:8px 8px 0 0}
.woocommerce-tabs ul.wc-tabs li a{color:var(--fg-muted) !important;font-weight:600}
.woocommerce-tabs ul.wc-tabs li.active{background:var(--fg-card) !important}
.woocommerce-tabs ul.wc-tabs li.active a{color:var(--fg-gold) !important}
.woocommerce-tabs ul.wc-tabs::before{border-bottom-color:var(--fg-line) !important}
/* panel de contenido de los tabs */
.woocommerce-Tabs-panel{background:var(--fg-card) !important;color:var(--fg-cream) !important;
  padding:28px !important;border:1px solid var(--fg-line) !important;border-radius:0 8px 8px 8px}
.woocommerce-Tabs-panel h2,.woocommerce-Tabs-panel h3{color:var(--fg-cream) !important}
.woocommerce-Tabs-panel p,.woocommerce-Tabs-panel li{color:var(--fg-cream) !important}
/* reviews */
.woocommerce-Reviews-title,.woocommerce-noreviews,.comment-notes,.comment-reply-title{color:var(--fg-cream) !important}
/* inputs del formulario de review */
.comment-form input[type=text],.comment-form input[type=email],.comment-form textarea{
  background:var(--fg-bg2) !important;color:var(--fg-cream) !important;
  border:1px solid var(--fg-line) !important;border-radius:8px;padding:10px}
.comment-form label{color:var(--fg-muted) !important}
/* boton submit del rating: dorado, no azul */
.comment-form .submit,#respond .form-submit .submit,.woocommerce #review_form #respond .submit{
  background:var(--fg-gold) !important;color:#1a1206 !important;border:0 !important;
  border-radius:999px !important;font-weight:700 !important;padding:12px 28px !important}
.comment-form .submit:hover,#respond .submit:hover{background:var(--fg-terra) !important;color:#fff !important}
/* estrellas del rating en dorado */
.stars a,p.stars a{color:var(--fg-gold) !important}

/* ===== MENU DE CATEGORIAS en la tienda ===== */
.fg-cat-nav{margin:0 0 28px}
.fg-cat-nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0}
.fg-cat-nav li{margin:0}
.fg-cat-nav li a{display:inline-block;padding:8px 18px;border-radius:999px;
  border:1px solid var(--fg-line);color:var(--fg-cream);text-decoration:none;
  font-weight:600;font-size:.95rem;transition:all .15s}
.fg-cat-nav li a:hover{border-color:var(--fg-gold);color:var(--fg-gold)}
.fg-cat-nav li.is-active a{background:var(--fg-gold);color:#1a1206;border-color:var(--fg-gold)}

/* ===== CARD BOTON "Agregar al pedido" — bloque unico consolidado ===== */
/* La clase woo-archive-action-on-hover se quita via post_class en functions.php.
   Aqui solo: sin flecha, texto en una linea, en flujo normal, espacio balanceado. */

/* padding interno de la card: parejo arriba/abajo */
ul.products li.product .product-details,
.related li.product .product-details{ padding:20px 22px !important; }

/* titulo y precio */
ul.products li.product .woocommerce-loop-product__title{ margin:0 0 6px !important; }
ul.products li.product .price{ margin:0 !important; }

/* el boton */
ul.products li.product .button,
ul.products li.product .add_to_cart_button,
.related .button, .related .add_to_cart_button{
  position:static !important; opacity:1 !important; visibility:visible !important;
  transform:none !important; display:inline-block !important; box-shadow:none !important;
  width:auto !important; max-width:100% !important; white-space:nowrap !important;
  margin:14px 0 0 !important; padding:12px 26px !important; line-height:1.2 !important;
}

/* quitar la flecha/icono que Kadence agrega */
ul.products li.product .button::after,
ul.products li.product .add_to_cart_button::after,
.related .button::after{ display:none !important; content:none !important; }
ul.products li.product .button svg,
ul.products li.product .add_to_cart_button svg,
ul.products li.product .kadence-svg-iconset{ display:none !important; }

/* ===== ANULAR el modo "boton en hover" de Kadence (raiz del problema) ===== */
/* Kadence: .woo-archive-action-on-hover pone el boton absolute/opacity:0 y mueve el texto en hover.
   Lo dejamos SIEMPRE visible en flujo normal. */
.loop-entry.woo-archive-action-on-hover .button,
.loop-entry.woo-archive-action-on-hover .add_to_cart_button,
.product.woo-archive-action-on-hover .button,
li.product.woo-archive-action-on-hover .button{
  position:static !important; opacity:1 !important; bottom:auto !important;
  left:auto !important; right:auto !important;
}
/* que el contenido NO se desplace hacia arriba en hover (dejaba hueco / tapaba) */
.loop-entry.woo-archive-action-on-hover:hover .entry-content-wrap,
.loop-entry.woo-archive-action-on-hover:focus-within .entry-content-wrap,
.product.woo-archive-action-on-hover:hover .entry-content-wrap{
  transform:none !important;
}