/* ═══════════════════════════════════════════════════════
   EL NOA NOA SUPERMARKET — Brand Override CSS
   Child theme sobre Agricoma · Besual Creative Lab 2026
   NO modificar archivos del tema padre.
═══════════════════════════════════════════════════════ */

/* ── 1. FUENTES — Poppins + Open Sans reemplazan Roboto */
body, p, li, td, input, textarea, select,
.woocommerce p, .woocommerce ul {
    font-family: 'Open Sans', sans-serif !important;
}
h1,h2,h3,h4,h5,h6,
.site-title, .product-title, .entry-title,
.nav-logo .header-text-logo,
button, .button, .btn,
.woocommerce a.button, .woocommerce button.button,
.page-title, .section-title, .widget-title {
    font-family: 'Poppins', sans-serif !important;
}

/* ── 2. CSS VARIABLES — Reemplaza verde/naranja de Agricoma */
:root {
    --ninetheme-primary:           #FFC400;
    --ninetheme-primary-bg:        #FFF8DE;
    --ninetheme-primary-bg-soft:   #FFFCF0;
    --ninetheme-secondary:         #1a3a5c;
    --ninetheme-secondary-bg:      #e8eef5;
    --ninetheme-secondary-bg-soft: #f4f7fb;
    --ninetheme-dark:              #0d1f33;
    --ninetheme-dark-soft:         #1a3a5c;
    --ninetheme-text:              #2a4a6b;
    --ninetheme-text-soft:         #6b8ba4;
    --ninetheme-success:           #006847;
    --ninetheme-success-bg:        #e6f4ef;
    --ninetheme-success-border:    #b3d9cc;
    --ninetheme-red:               #CE1126;
    --ninetheme-red-dark:          #9a0d1c;
    --ninetheme-red-bg:            #fce8eb;
    --ninetheme-red-border:        #f5b3bb;
    --ninetheme-gray:              #E8EEF4;
    --ninetheme-gray-soft:         #f4f7fb;
    --ninetheme-border:            #dce5ee;
    --ninetheme-yellow:            #FFC400;
    --ninetheme-yellow-soft:       #FFD84D;
    --ninetheme-yellow-bg:         #FFF8DE;
}

/* ── 3. HEADER */
.ninetheme-header-middle,
.ninetheme-header-bottom,
.ninetheme-header-sticky { background-color: #FFC400 !important; }
.ninetheme-header-top    { background-color: #1a3a5c !important; color: #fff !important; }
.ninetheme-header-top a,
.ninetheme-header-top span { color: rgba(255,255,255,.85) !important; }
.nav-logo .header-text-logo {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 900 !important;
    font-size: 1.4rem !important;
    color: #1a3a5c !important;
}
.ninetheme-main-menu > li > a { color: #1a3a5c !important; font-weight: 600 !important; }
.ninetheme-main-menu > li > a:hover { color: #CE1126 !important; }
.ninetheme-header-sticky.is-sticky { background-color: #1a3a5c !important; }
.ninetheme-header-sticky.is-sticky .header-text-logo,
.ninetheme-header-sticky.is-sticky .ninetheme-main-menu > li > a { color: #FFC400 !important; }

/* ── 4. BOTONES */
.woocommerce a.button, .woocommerce button.button,
.woocommerce input.button, .woocommerce a.button.alt,
.woocommerce button.button.alt, .woocommerce #respond input#submit {
    background-color: #1a3a5c !important;
    color: #FFC400 !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 700 !important;
    border-radius: 8px !important;
    border-color: #1a3a5c !important;
}
.woocommerce a.button:hover, .woocommerce button.button:hover,
.woocommerce button.button.alt:hover {
    background-color: #0d1f33 !important;
    color: #FFC400 !important;
}
.ninetheme-loop-product .add_to_cart_button,
.ninetheme-loop-product .button {
    background-color: #FFC400 !important;
    color: #1a3a5c !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 700 !important;
}
.ninetheme-loop-product .add_to_cart_button:hover { background-color: #1a3a5c !important; color: #FFC400 !important; }

/* ── 5. SALE BADGE */
.onsale, span.onsale, .ninetheme-badge-sale {
    background-color: #CE1126 !important;
    color: #fff !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 700 !important;
}

/* ── 6. PRECIOS */
.woocommerce-Price-amount.amount,
.price ins .woocommerce-Price-amount {
    color: #1a3a5c !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 900 !important;
}
.price del .woocommerce-Price-amount { color: #6b8ba4 !important; }

/* ── 7. PRODUCT CARD HOVER */
.ninetheme-loop-product.type-1:hover, .ninetheme-loop-product:hover {
    border-color: #FFC400 !important;
    box-shadow: 0 8px 32px rgba(255,196,0,.2) !important;
}

/* ── 8. TABS / FILTROS */
.ninetheme-tab-item.active, .ninetheme-tab-item:hover,
.product-cat-tab.active {
    background-color: #1a3a5c !important;
    color: #FFC400 !important;
    border-color: #1a3a5c !important;
}
.ninetheme-fast-filter.active, .ninetheme-fast-filter:hover {
    background-color: #FFC400 !important;
    border-color: #FFC400 !important;
    color: #1a3a5c !important;
}

/* ── 9. MINICART BADGE */
.ninetheme-minicart-count, .cart-count-badge {
    background-color: #CE1126 !important;
    color: #fff !important;
}

/* ── 10. FREE SHIPPING BAR */
.ninetheme-free-shipping-bar .bar-inner { background-color: #006847 !important; }

/* ── 11. LIMPIAR BRANDING NINETHEME */
img[src*="ninetheme-logo"], img[src*="ninetheme-logo-small"] { display: none !important; }
#wp-admin-bar-ninetheme, #wp-admin-bar-ninetheme-demo-wizard { display: none !important; }
/* Link ninetheme.com en footer (fallback si algo escapa) */
a[href*="ninetheme.com"] { display: none !important; }

/* ── 12. MOBILE HEADER */
@media (max-width: 992px) {
    .ninetheme-header-mobile { background-color: #FFC400 !important; }
    .ninetheme-header-mobile .nav-logo .header-text-logo { color: #1a3a5c !important; }
    .ninetheme-mobile-menu-btn span { background-color: #1a3a5c !important; }
}

/* ── 13. TIPOGRAFÍA */
h1 { font-size: clamp(1.8rem, 3.5vw, 2.8rem); font-weight: 900; color: #0d1f33; }
h2 { font-size: clamp(1.5rem, 2.8vw, 2.2rem); font-weight: 800; color: #0d1f33; }
h3 { font-size: clamp(1.2rem, 2vw,   1.6rem); font-weight: 700; color: #1a3a5c; }