/* ===== NI bridge: hide WoodMart chrome, brand the Woo store ===== */

/* Hide WoodMart's own header/footer (NI ones are injected via hooks) */
header.whb-header, .whb-sticky-clone, .whb-clone { display: none !important; }
footer.wd-footer, .wd-prefooter { display: none !important; }

/* Hide page-title bars on NI landing pages (their sections carry their own titles) */
body.page-template-tpl-ni .page-title, body.page-template-tpl-ni .wd-page-title { display: none !important; }

/* NI header extras (cart) */
.ni-header-actions { display: flex; align-items: center; gap: 14px; }
.ni-cart { position: relative; font-size: 20px; line-height: 1; padding: 6px; }
.ni-cart-count { position: absolute; top: -4px; right: -6px; background: var(--brand); color: #fff; font-family: var(--mono); font-size: 10px; min-width: 16px; height: 16px; border-radius: 8px; display: flex; align-items: center; justify-content: center; padding: 0 3px; }
.ni-nav-shop { color: var(--brand) !important; font-weight: 600 !important; }

/* ===== Store adopts the NI brand (red #d72631, NI typography) ===== */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit, .woocommerce a.button.alt, .woocommerce button.button.alt,
.woocommerce input.button.alt, .add_to_cart_button, .single_add_to_cart_button,
.checkout-button, a.btn.btn-default.close-popup:hover, a.wc-forward, a.wc-backward {
  background-color: var(--brand, #d72631) !important; color: #fff !important; border-color: var(--brand, #d72631) !important;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .add_to_cart_button:hover,
.single_add_to_cart_button:hover, .checkout-button:hover {
  background-color: var(--brand-dark, #a31d26) !important;
}
.woocommerce ul.products li.product .price, .woocommerce div.product p.price { color: var(--brand, #d72631) !important; font-family: var(--mono, monospace); }
.woocommerce ul.products li.product .woocommerce-loop-product__title { font-family: var(--body, sans-serif); }
h1.product_title, .wd-page-title .title { font-family: var(--display, serif); }
.woocommerce-message, .woocommerce-info { border-top-color: var(--brand, #d72631) !important; }

/* keep secondary popup button in NI palette */
a.btn.btn-default.close-popup { background: #fff !important; color: var(--brand, #d72631) !important; border: 1px solid var(--brand, #d72631) !important; }

/* ===== Header fit: 11 nav items on one line ===== */
.ni-header .header-inner { gap: 18px; }
.ni-header nav ul { gap: 14px; flex-wrap: nowrap; }
.ni-header nav a { font-size: 13px; white-space: nowrap; }
.ni-header .header-cta { white-space: nowrap; padding: 10px 14px; font-size: 13px; }
.ni-header .logo-img { height: 40px; }
@media (max-width: 1450px) {
  .ni-header nav ul { flex-wrap: wrap; row-gap: 4px; justify-content: center; }
}
/* sticky header debajo de la barra de admin de WP (solo logueados) */
body.admin-bar .ni-header { top: 32px; }
body.admin-bar .topbar { margin-top: 0; }

/* ============================================================
   NI MODERN LAYER — refinamiento visual 2026 (aditivo)
   ============================================================ */

/* Base: radios y sombras más actuales */
:root {
  --ni-radius: 16px;
  --ni-shadow: 0 1px 2px rgba(14,17,22,.04), 0 8px 24px -8px rgba(14,17,22,.10);
  --ni-shadow-hover: 0 2px 4px rgba(14,17,22,.06), 0 18px 40px -12px rgba(14,17,22,.18);
}
::selection { background: var(--brand, #d72631); color: #fff; }

/* Header con presencia: sombra sutil flotante */
.ni-header { box-shadow: 0 1px 0 var(--border, #e6e4df), 0 10px 30px -18px rgba(14,17,22,.18); }

/* Enlaces del menú: subrayado animado en vez de borde duro */
.ni-header nav a { position: relative; padding-bottom: 6px; }
.ni-header nav a::after { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background: var(--brand, #d72631); border-radius: 2px; transition: width .25s ease; }
.ni-header nav a:hover::after { width: 100%; }

/* Botones CTA: gradiente, radio y sombra de color */
.header-cta { border-radius: 12px; background: linear-gradient(135deg, #16a34a, #128a3d); box-shadow: 0 8px 20px -8px rgba(22,163,74,.55); }
.header-cta:hover { transform: translateY(-2px); box-shadow: 0 12px 26px -8px rgba(22,163,74,.65); }
.hero-actions a { border-radius: 12px !important; transition: transform .2s ease, box-shadow .2s ease; }
.hero-actions a:hover { transform: translateY(-2px); box-shadow: var(--ni-shadow-hover); }

/* Tarjetas (pilares, diagnóstico, ofertas, rutas, contacto): elevación moderna */
.pillar, .diagnostic-card, [class*="-card"]:not([class*="wd-"]), .footer-col, .contact-card {
  border-radius: var(--ni-radius) !important;
}
.pillar, [class*="-card"]:not([class*="wd-"]) {
  box-shadow: var(--ni-shadow);
  transition: transform .25s ease, box-shadow .25s ease;
}
.pillar:hover, [class*="-card"]:not([class*="wd-"]):hover { transform: translateY(-5px); box-shadow: var(--ni-shadow-hover); }
.pillar.featured { box-shadow: 0 2px 6px rgba(14,17,22,.15), 0 24px 48px -16px rgba(14,17,22,.35); }

/* Iconos de pilares: chip redondeado con tinte de marca */
.pillar-icon { border-radius: 12px; background: linear-gradient(135deg, rgba(215,38,49,.10), rgba(245,166,35,.10)); }

/* Bandas oscuras y banner verde: gradientes con vida */
.block.dark, .stats-band, [class*="dark-band"] { background: linear-gradient(160deg, #0e1116, #171d26) !important; }

/* Marcas: hover con color y elevación */
.brands-row > *, .brand-item, [class*="brand-"] li { transition: all .2s ease; border-radius: 12px; }
.brands-row > *:hover, .brand-item:hover { transform: translateY(-3px); box-shadow: var(--ni-shadow); color: var(--brand, #d72631); }

/* Footer: respiración y hovers */
.ni-footer .footer-col a { transition: color .2s ease, padding-left .2s ease; }
.ni-footer .footer-col a:hover { color: #fff; padding-left: 4px; }
.ni-footer .footer-col h4 { letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; }

/* ===== Tienda: tarjetas de producto modernas ===== */
.woocommerce ul.products li.product {
  border-radius: var(--ni-radius); overflow: hidden;
  box-shadow: var(--ni-shadow); transition: transform .25s ease, box-shadow .25s ease;
  background: #fff; padding-bottom: 10px;
}
.woocommerce ul.products li.product:hover { transform: translateY(-5px); box-shadow: var(--ni-shadow-hover); }
.woocommerce ul.products li.product img { transition: transform .4s ease; }
.woocommerce ul.products li.product:hover img { transform: scale(1.04); }
.woocommerce a.button, .woocommerce button.button, .add_to_cart_button, .single_add_to_cart_button, .checkout-button {
  border-radius: 10px !important; transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease;
}
.add_to_cart_button:hover, .single_add_to_cart_button:hover, .checkout-button:hover {
  transform: translateY(-2px); box-shadow: 0 10px 22px -8px rgba(215,38,49,.5);
}

/* Accesibilidad: foco visible con la marca */
a:focus-visible, button:focus-visible { outline: 2px solid var(--brand, #d72631); outline-offset: 2px; border-radius: 4px; }

/* Scrollbar fino (WebKit) */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: #c9c6bf; border-radius: 8px; border: 2px solid #fff; }
::-webkit-scrollbar-thumb:hover { background: var(--brand, #d72631); }

/* ===== v2 (2026-08-20): iconos sociales, WhatsApp con logo, página activa ===== */
.topbar-social{display:flex;align-items:center;gap:16px}
.topbar-social a{display:inline-flex;align-items:center;line-height:0;opacity:1}
.topbar-social a svg{width:16px;height:16px;fill:#e9edf2;transition:fill .18s ease,transform .18s ease}
.topbar-social a:hover svg{fill:var(--brand);transform:translateY(-1px)}
.topbar-social .topbar-usa{color:#e9edf2;font-weight:600;font-size:.82rem;letter-spacing:.06em;line-height:1}
.topbar-social .topbar-usa:hover{color:var(--brand)}
.header-cta{display:inline-flex;align-items:center;gap:8px}
.header-cta svg{width:17px;height:17px;fill:currentColor;flex:0 0 auto}
.ni-header nav a.active{color:var(--brand)}
.ni-header nav a.active::after{width:100%}

/* ===== v3 (2026-08-20): contraste de títulos, botón teléfono en CTA, radios discretos ===== */

/* 1) Títulos siempre oscuros sobre fondo claro (anula el color que impone WoodMart) */
body h1, body h2, body h3, body h4, body h5, body h6 { color: var(--ink, #0e1116) !important; }

/* 2) ...y siempre blancos dentro de contenedores oscuros o de color */
body .pillar.featured h3,
body .catalog-banner h3, body .catalog-banner-text h3,
body .credit-callout h3,
body .repair-card.dark h3,
body .warranty-block h2,
body .cta-banner h2,
body .hero-visual h1, body .hero-visual h2, body .hero-visual h3,
body footer h4, body .ni-footer h4, body .footer-col h4 { color: #fff !important; }

/* 3) Botones base .btn: re-afirmar la paleta NI frente a WoodMart */
body .btn { border-radius: 12px !important; }
body .btn-primary { background: var(--ink, #0e1116) !important; color: #fff !important; border: none !important; }
body .btn-primary:hover { background: var(--brand, #d72631) !important; }
body .btn-whatsapp { background: var(--success, #16a34a) !important; color: #fff !important; border: none !important; }
body .btn-whatsapp:hover { background: #128a3d !important; }
body .btn-ghost { background: #fff !important; color: var(--ink, #0e1116) !important; border: 1px solid var(--border, #e6e4df) !important; }
body .btn-ghost:hover { border-color: var(--ink, #0e1116) !important; }

/* 3b) Dentro del banner rojo: WhatsApp blanco sólido, teléfono con borde blanco visible */
body .cta-banner .btn-whatsapp { background: #fff !important; color: var(--brand, #d72631) !important; border: none !important; }
body .cta-banner .btn-whatsapp:hover { background: var(--ink, #0e1116) !important; color: #fff !important; }
body .cta-banner .btn-ghost { background: transparent !important; color: #fff !important; border: 1px solid rgba(255,255,255,.85) !important; }
body .cta-banner .btn-ghost:hover { background: #fff !important; color: var(--brand, #d72631) !important; border-color: #fff !important; }

/* 3c) Dentro del banner de catálogo (rojo): botón blanco */
body .catalog-banner .btn { background: #fff !important; color: var(--brand, #d72631) !important; }
body .catalog-banner .btn:hover { background: var(--ink, #0e1116) !important; color: #fff !important; }

/* 4) Radios discretos donde faltaban */
.wstat { border-radius: 12px; }
.hero-visual { border-radius: 16px; }
input[type="text"], input[type="email"], input[type="tel"], input[type="number"],
input[type="password"], input[type="search"], textarea, select { border-radius: 10px; }

/* ===== v4 (2026-08-20): menú móvil hamburguesa (el CSS original oculta el nav <960px) ===== */
.ni-burger { display: none; }
.ni-mobile-menu[hidden] { display: none; }
@media (max-width: 960px) {
  .ni-header { position: sticky; top: 0; }
  .ni-burger {
    display: inline-flex; flex-direction: column; justify-content: center; gap: 5px;
    background: none; border: 0; padding: 10px 8px; cursor: pointer; -webkit-tap-highlight-color: transparent;
  }
  .ni-burger span { display: block; width: 22px; height: 2px; background: var(--ink, #0e1116); border-radius: 2px; transition: transform .25s ease, opacity .2s ease; }
  .ni-burger.is-open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
  .ni-burger.is-open span:nth-child(2) { opacity: 0; }
  .ni-burger.is-open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

  .ni-mobile-menu {
    position: absolute; top: 100%; left: 0; right: 0; background: #fff;
    border-bottom: 1px solid var(--border, #e6e4df);
    box-shadow: 0 28px 48px -20px rgba(14,17,22,.28);
    max-height: calc(100vh - 110px); overflow-y: auto; z-index: 99;
  }
  .ni-mobile-menu ul { list-style: none; margin: 0; padding: 8px 22px 4px; display: block; }
  .ni-mobile-menu li { border-bottom: 1px solid var(--border, #e6e4df); }
  .ni-mobile-menu li:last-child { border-bottom: 0; }
  .ni-mobile-menu nav a { display: block; padding: 13px 4px; font-size: 15px; font-weight: 500; color: var(--ink, #0e1116); }
  .ni-mobile-menu nav a::after { content: none; }
  .ni-mobile-menu nav a.active { color: var(--brand, #d72631); font-weight: 700; }
  .ni-mm-cta { display: flex; gap: 12px; align-items: center; padding: 14px 22px 20px; flex-wrap: wrap; }
  .ni-mm-cta .header-cta { flex: 0 0 auto; }
  .ni-mm-cart {
    display: inline-flex; align-items: center; gap: 8px; padding: 11px 16px;
    border: 1px solid var(--border, #e6e4df) !important; border-radius: 12px;
    color: var(--ink, #0e1116) !important; background: #fff !important; font-weight: 600; font-size: 14px;
  }
  /* que el carrito y el CTA no saturen el header en pantallas chicas */
  .ni-header-actions .header-cta span { display: none; }
  .ni-header-actions .header-cta { padding: 10px 12px; }
}
@media (min-width: 961px) {
  .ni-mobile-menu { display: none !important; }
}

/* ===== v5 (2026-08-20): responsive — en móvil solo existe el menú hamburguesa ===== */
.ni-mobile-menu[hidden] { display: none !important; }
@media (max-width: 960px) {
  /* matar el nav de escritorio (WoodMart le ganaba al display:none original) */
  .ni-header .header-inner nav,
  .ni-header .header-inner nav ul { display: none !important; }
  /* y asegurar que el nav DEL PANEL móvil sí se vea cuando se abre */
  .ni-mobile-menu nav { display: block !important; }
  .ni-mobile-menu nav ul { display: block !important; padding: 8px 22px 4px; }
  .ni-header .header-inner { flex-wrap: nowrap; }
  .topbar-info { justify-content: center; text-align: center; }
  .topbar-social { justify-content: center; }
}

/* ===== v6 (2026-08-20): móvil — topbar oculta, header fijo arriba ===== */
@media (max-width: 960px) {
  .topbar { display: none !important; }
  .ni-header { position: sticky; top: 0; z-index: 100; }
  body.admin-bar .ni-header { top: 46px; }
}

/* ===== v7 (2026-08-20): separar botones flotantes ===== */
/* Escritorio: el botón de subir queda ARRIBA de la burbuja de WhatsApp */
a.scrollToTop, .wd-scroll-top { bottom: 92px !important; right: 20px !important; }

@media (max-width: 960px) {
  /* WhatsApp sube para no chocar con la barra inferior (Tienda/Carrito/Mi cuenta) */
  a.ni-wa-float { bottom: 78px !important; right: 14px !important; width: 54px !important; height: 54px !important; }
  /* y el botón de subir se va a la IZQUIERDA, bien separado */
  a.scrollToTop, .wd-scroll-top { left: 14px !important; right: auto !important; bottom: 78px !important; }
}

/* ===== v8 (2026-08-20): matar el flotante 💬 duplicado del contenido original ===== */
a.float-wa { display: none !important; }

/* ===== v9 (2026-08-20): referencia en córdobas bajo el precio USD ===== */
.ni-nio-ref { display: block; font-size: .72em; font-weight: 500; color: var(--ink-mute, #8a9099); font-family: var(--mono, monospace); letter-spacing: 0; margin-top: 2px; }
.woocommerce ul.products li.product .ni-nio-ref { font-size: .78em; }

/* ===== v10 (2026-08-20): hover de tarjetas de producto + icono Inicio en navbar ===== */
/* La tarjeta ya no recorta el panel del hover (el botón de agregar se despliega por fuera);
   el recorte/zoom de la imagen se mueve a su propio contenedor */
.woocommerce ul.products li.product { overflow: visible; }
.woocommerce ul.products li.product .product-element-top { overflow: hidden; border-radius: var(--ni-radius, 16px) var(--ni-radius, 16px) 0 0; }
.woocommerce ul.products li.product:hover { z-index: 10; }

/* Icono de Inicio: solo casita en escritorio, "Inicio" con casita en el menú móvil */
.ni-header nav a.ni-nav-home svg { width: 17px; height: 17px; fill: currentColor; vertical-align: -3px; }
.ni-header .header-inner nav .ni-home-txt { display: none; }
.ni-mobile-menu a.ni-nav-home svg { width: 16px; height: 16px; fill: currentColor; vertical-align: -2px; margin-right: 8px; }

/* ===== v11b (2026-08-20): logo sin encoger + C$ inline en la grilla (hover intacto) ===== */
.ni-header .logo { flex: 0 0 auto; }
.ni-header .logo-img { height: 40px; width: auto; max-width: none !important; }
@media (max-width: 960px) { .ni-header .logo-img { height: 34px; } }

/* En la grilla la referencia va junto al precio para no cambiar la altura de la tarjeta;
   en ficha de producto, carrito y checkout sigue debajo del precio */
.woocommerce ul.products li.product .ni-nio-ref { display: inline; margin-left: 6px; font-size: .72em; }

/* ===== v12 (2026-08-20): selector correcto de la grilla WoodMart (.product-grid-item) ===== */
/* Referencia C$ inline en la grilla → la tarjeta recupera su altura y el hover revela el botón completo */
.product-grid-item .ni-nio-ref { display: inline !important; margin-left: 6px; font-size: .72em; }
/* Precio de la grilla en el rojo de marca (estaba en azul por el mismo selector equivocado) */
.product-grid-item .price { color: var(--brand, #d72631) !important; font-family: var(--mono, monospace); }

/* ===== v13 (2026-08-20): títulos de producto a 2 líneas (tarjetas parejas) ===== */
.wd-product .wd-entities-title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.45; height: 2.9em; }

/* ===== v5 (2026-08-25): burger oculto en escritorio, tarjeta de categoría activa ===== */
@media (min-width: 961px) { .ni-header .ni-header-actions .ni-burger { display: none !important; } }
.ni-cat.is-active { border-color: var(--brand, #e11d48); box-shadow: 0 0 0 2px var(--brand, #e11d48) inset; }
.ni-cat.is-active .ni-cat-name { color: var(--brand, #e11d48); }

nav a { border-bottom: 2px solid transparent; }

/* precio: C$ principal, US$ referencia 2026-08-25 */
.ni-nio-main{font-weight:600}
.ni-usd-ref{font-size:.78em;font-weight:400;opacity:.6;white-space:nowrap}
.ni-usd-ref .amount,.ni-usd-ref .woocommerce-Price-amount{color:inherit!important;font-weight:400!important;font-size:inherit!important}

/* nav: cajas iguales, texto centrado, subrayado al borde 2026-08-25 */
.ni-header nav ul{margin:0;padding:0;display:flex;align-items:stretch;gap:24px}
.ni-header nav li{display:flex;align-items:center;margin:0;padding:0}
.ni-header nav a,.ni-header nav a.active{display:inline-flex;align-items:center;height:40px;padding:0;margin:0;line-height:1;box-sizing:border-box;border-bottom:2px solid transparent;vertical-align:middle}
.ni-header nav a.active{border-bottom-color:var(--brand,#e11d48)}

/* account icon 2026-08-25 */
.ni-account{display:inline-flex;align-items:center;color:inherit}
.ni-account svg,.ni-mm-account svg{width:22px;height:22px;fill:currentColor;vertical-align:middle}

/* login/register: boton visible 2026-08-25 */
.wd-registration-page .btn-default.wd-switch-to-register,.wd-registration-page .btn.btn-default{background:var(--brand,#e11d48);color:#fff;border:0}
.wd-registration-page .btn-default.wd-switch-to-register:hover{filter:brightness(.9);color:#fff}

/* mi cuenta: menu lateral vertical (el nav ul global es solo del header) 2026-08-25 */
.woocommerce-MyAccount-navigation ul{display:block;gap:0;margin:0;padding:0}
.woocommerce-MyAccount-navigation li{display:block;margin:0}
.woocommerce-MyAccount-navigation a,.woocommerce-MyAccount-navigation a.active{display:block;height:auto;line-height:1.4;padding:10px 12px;border-bottom:0;font-size:14px}
.woocommerce-MyAccount-navigation .is-active a{border-bottom:0}

/* cookies: no quedar bajo el boton de WhatsApp 2026-08-28 */
.woodmart-cookies-popup{padding-right:90px}
@media (max-width:768px){.woodmart-cookies-popup{padding-right:20px;padding-bottom:80px}}

/* 2026-09-03: la franja de categorias ocupaba una columna estrecha en movil */
@media (max-width:768px){
  .ni-cats{width:100%;max-width:100%;clear:both}
  .ni-cats-inner{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .ni-cat-img{width:64px;height:64px}
  .ni-cat-name{font-size:13px}
  .ni-cat-count{font-size:11px}
  .wd-shop-tools,.wd-sticky-nav{clear:both;width:100%}
}

/* 2026-09-03: en movil las categorias se despliegan con un boton */
@media (max-width:768px){
  .ni-cats{position:relative}
  .ni-cats-inner{display:none!important}
  .ni-cats.is-open .ni-cats-inner{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;margin-top:12px}
  .ni-cats-toggle{display:flex!important;align-items:center;justify-content:space-between;width:100%;padding:12px 14px;background:#f2f7fc;border:1px solid #dbe7f3;border-radius:10px;font-weight:600;font-size:14px;color:#0D5FA6;cursor:pointer}
  .ni-cats-toggle:after{content:"\25BE";transition:transform .2s}
  .ni-cats.is-open .ni-cats-toggle:after{transform:rotate(180deg)}
}
.ni-cats-toggle{display:none}

/* 2026-09-03: en movil sobraba un boton de filtros y el selector de cantidad no cabia */
@media (max-width:768px){
  .wd-show-sidebar-btn{display:none!important}
  .wd-shop-tools{flex-wrap:wrap;gap:10px;width:100%}
  .wd-products-per-page{display:flex!important;flex-wrap:wrap;align-items:center;gap:6px;width:100%}
  .wd-products-per-page .per-page-title{width:100%;margin:0 0 4px;font-size:13px}
  .wd-products-per-page .per-page-variation{padding:4px 10px;border:1px solid #dbe7f3;border-radius:6px;font-size:13px}
  .wd-products-per-page .per-page-border{display:none}
}

/* 2026-09-03: en movil cuenta y carrito ya estan en la barra inferior */
@media (max-width:960px){
  .ni-header .ni-account,
  .ni-header .ni-cart{display:none!important}
}


/* 2026-09-03: la lupa no tenia tamano y el boton era transparente */
.ni-search button{background:#e9edf2;color:#5b6675;border-radius:0 8px 8px 0}
.ni-search button svg{width:18px;height:18px;fill:currentColor;display:block}
.ni-search button:hover{background:#dde3ea;color:#0D5FA6}
.ni-shop-search{display:flex;max-width:520px;margin:0 0 16px}
.ni-shop-search input[type=search]{flex:1;padding:10px 12px;border:1px solid #cfd8e3;border-right:0;border-radius:8px 0 0 8px;font-size:14px}

/* forzar visibilidad de la lupa */
.ni-search button svg{width:18px!important;height:18px!important;display:inline-block!important;opacity:1!important;visibility:visible!important}
.ni-search button svg path{fill:#5b6675!important}


/* 2026-09-03: en movil el WhatsApp ya esta en el boton flotante */
@media (max-width:960px){
  .ni-header .header-cta{display:none!important}
}

/* 2026-09-03: lupa de contorno */
.ni-search button svg,.ni-shop-search button svg{width:18px;height:18px;fill:none;stroke:currentColor}
.ni-search button{color:#7a8696}
.ni-search button:hover{color:#0D5FA6}

/* 2026-09-03: ya estan en la barra inferior */
.ni-mm-cta .ni-mm-account,.ni-mm-cta .ni-mm-cart{display:none!important}

/* 2026-09-03: la lupa del desplegable no se veia por el color heredado */
.ni-mm-search .ni-search button{color:#5b6675!important;background:transparent!important;border:0!important}
.ni-mm-search .ni-search button svg{width:20px!important;height:20px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;display:block!important}
.ni-mm-search .ni-search button:hover{color:#0D5FA6!important}

/* 2026-09-03: forzar el trazo en las formas del icono */
.ni-mm-search svg *,.ni-search svg circle,.ni-search svg path{fill:none!important;stroke:#5b6675!important;stroke-width:2!important}
.ni-mm-search svg{width:20px!important;height:20px!important;overflow:visible!important}

/* 2026-09-03: misma lupa de contorno en el buscador de la tienda */
.ni-shop-search svg *{fill:none!important;stroke:#5b6675!important;stroke-width:2!important}
.ni-shop-search svg{width:20px!important;height:20px!important;overflow:visible!important}
.ni-shop-search button{color:#5b6675!important}
.ni-shop-search button:hover svg *{stroke:#0D5FA6!important}

/* 2026-09-03: el buscador del desplegable con el mismo fondo que el de la tienda */
.ni-mm-search .ni-search button{background:#e9edf2!important;border-radius:0 8px 8px 0!important}
.ni-mm-search .ni-search button:hover{background:#dde3ea!important}

/* 2026-09-03: el boton de telefono del banner debe verse igual que el de WhatsApp */
.cta-banner .btn-ghost{background:#fff!important;color:var(--brand)!important;border-color:#fff!important}
.cta-banner .btn-ghost:hover{background:var(--ink)!important;color:#fff!important;border-color:var(--ink)!important}

/* 2026-09-03: el boton de telefono del banner debe verse igual que el de WhatsApp */
.cta-banner .btn-ghost{background:#fff!important;color:var(--brand)!important;border-color:#fff!important}
.cta-banner .btn-ghost:hover{background:var(--ink)!important;color:#fff!important;border-color:var(--ink)!important}

/* 2026-09-03: el contenedor es cta-banner-actions, no cta-banner */
.cta-banner-actions .btn-ghost{background:#fff!important;color:var(--brand)!important;border-color:#fff!important}
.cta-banner-actions .btn-ghost:hover{background:var(--ink)!important;color:#fff!important;border-color:var(--ink)!important}

/* 2026-09-03: boton de telefono del banner igual al de WhatsApp */
.ni-btn-tel{background:#fff!important;color:#e11d48!important;border-color:#fff!important;display:inline-flex;align-items:center}
.ni-btn-tel svg{stroke:currentColor!important;fill:none!important}
.ni-btn-tel:hover{background:#1e2a37!important;color:#fff!important;border-color:#1e2a37!important}

.ni-btn-tel:hover{background:#1e2a37!important;color:#fff!important;border-color:#1e2a37!important}

/* 2026-09-03: el rojo venia de un pseudo-elemento del boton */
.ni-btn-tel::before,.ni-btn-tel::after{background:transparent!important;background-color:transparent!important;display:none!important}
.ni-btn-tel{position:relative;z-index:1;background-image:none!important}

/* 2026-09-03: en tablet las categorias tambien plegadas (el corte del tema es 960px) */
@media (max-width:960px){
  .ni-cats-inner{display:none!important}
  .ni-cats.is-open .ni-cats-inner{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;margin-top:12px}
  .ni-cats-toggle{display:flex!important;align-items:center;justify-content:space-between;width:100%;padding:12px 14px;background:#f2f7fc;border:1px solid #dbe7f3;border-radius:10px;font-weight:600;font-size:14px;color:#0D5FA6;cursor:pointer}
}
@media (max-width:600px){
  .ni-cats.is-open .ni-cats-inner{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (min-width:961px){
  .ni-cats-toggle{display:none!important}
  .ni-cats .ni-cats-inner{display:grid!important}
}

/* 2026-09-03: en tablet cada elemento en su fila */
@media (min-width:769px) and (max-width:960px){
  .ni-shop-search{width:100%;max-width:100%;margin:0 0 12px}
  .ni-cats{width:100%;clear:both}
  .ni-cats-toggle{width:100%!important}
  .ni-cats.is-open .ni-cats-inner{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .wd-shop-tools{width:100%;clear:both;margin-top:12px}
}

/* 2026-09-03: comparar no sirve (sin atributos) y la wishlist no funciona */
.wd-action-btn.wd-compare-icon,
.wd-action-btn.wd-wishlist-icon,
.woodmart-compare-btn,
.wd-compare-btn,
.wd-wishlist-btn,
.compare-btn-wrapper,
.wd-buttons .wd-compare,
.wd-buttons .wd-wishlist{display:none!important}

/* 2026-09-03: quitar wishlist tambien del menu de Mi cuenta y del header */
.menu-item-wishlist,
.wd-header-wishlist{display:none!important}

/* 2026-09-03: los dos botones de compra alineados */
.single-product form.cart{display:flex;flex-wrap:wrap;align-items:stretch;gap:10px}
.single-product form.cart .single_add_to_cart_button{margin:0!important}
.ni-comprar-ahora{display:inline-flex!important;align-items:center;justify-content:center;margin:0!important;padding:0 22px!important;min-height:44px;background:#0D5FA6!important;color:#fff!important;border:0!important;border-radius:6px;font-weight:600;text-decoration:none!important;line-height:1}
.ni-comprar-ahora:hover{background:#0a4a82!important;color:#fff!important}
@media (max-width:600px){
  .single-product form.cart{flex-direction:column}
  .ni-comprar-ahora,.single-product form.cart .single_add_to_cart_button{width:100%!important}
}

/* 2026-09-03: jerarquia de botones en la ficha de producto */
.single-product form.cart{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.single-product form.cart .quantity{order:1;margin:0!important}
.single-product form.cart .single_add_to_cart_button{order:2;flex:1;min-width:180px;margin:0!important;min-height:46px;background:#fff!important;color:#e11d48!important;border:2px solid #e11d48!important;font-weight:600}
.single-product form.cart .single_add_to_cart_button:hover{background:#fff5f7!important;color:#e11d48!important}
.ni-comprar-ahora{order:3;width:100%!important;display:flex!important;align-items:center;justify-content:center;min-height:48px;margin:0!important;background:#e11d48!important;color:#fff!important;border:2px solid #e11d48!important;border-radius:6px;font-weight:700;font-size:15px;letter-spacing:.3px;text-decoration:none!important}
.ni-comprar-ahora:hover{background:#c1123c!important;border-color:#c1123c!important;color:#fff!important}
@media (max-width:600px){
  .single-product form.cart .single_add_to_cart_button{flex:1 1 100%;min-width:0}
}

/* 2026-09-03: las imagenes de las tarjetas se recortaban y parecian ampliadas */
.wd-product-img-link img,
.product-image-link img,
ul.products li.product img,
.product-grid-item img{object-fit:contain!important;background:#fff}

/* 2026-09-03: rejilla pareja con imagenes de distinta proporcion */
.product-grid-item .product-element-top,
ul.products li.product .product-element-top{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;background:#fff;overflow:hidden}
.product-grid-item .product-element-top img,
ul.products li.product .product-element-top img{max-width:100%;max-height:100%;width:auto!important;height:auto!important;object-fit:contain!important}

/* 2026-09-04: condicion del equipo */
.ni-condicion{margin:10px 0 0;padding:8px 12px;background:#f2f7fc;border-left:3px solid #0D5FA6;border-radius:4px;font-size:14px}
.ni-condicion strong{color:#0D5FA6}


/* 2026-09-04: cerrar el hueco que dejaron comparar y favoritos en el hover */
.product-grid-item .wd-buttons .wd-action-btn:not(.wd-add-cart-btn){display:none!important}
.product-grid-item .wd-buttons{gap:0!important}
.product-grid-item .wd-add-btn{margin:0!important}

/* 2026-09-04: condicion del equipo */
.ni-condicion{margin:10px 0 0;padding:8px 12px;background:#f2f7fc;border-left:3px solid #0D5FA6;border-radius:4px;font-size:14px}
.ni-condicion strong{color:#0D5FA6}

/* 2026-09-04: el importe del envio, en la misma linea */
.woocommerce-shipping-methods li{display:flex;align-items:flex-start;gap:6px;flex-wrap:nowrap}
.woocommerce-shipping-methods label{flex:1;display:inline}
.ni-envio-cero{white-space:nowrap;margin-left:4px}

/* 2026-09-04: la lupa del buscador del header no se veia */
.ni-header .ni-search button svg *{fill:none!important;stroke:#5b6675!important;stroke-width:2!important}
.ni-header .ni-search button svg{width:18px!important;height:18px!important;display:block!important;overflow:visible!important}
.ni-header .ni-search button{color:#5b6675!important}

/* 2026-09-04: el pie ahora tiene 4 columnas mas la marca */
@media (min-width:961px){
  .ni-footer .footer-grid{display:grid!important;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr!important;gap:28px!important;align-items:start}
  .ni-footer .footer-brand-block{grid-column:1}
}
@media (max-width:960px) and (min-width:601px){
  .ni-footer .footer-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:24px!important}
}

/* 2026-09-08: la descripcion corta va encima del titulo, como en el sitio de EE.UU. */
.single-product .summary-inner{display:flex;flex-direction:column}
.single-product .woocommerce-product-details__short-description{order:-1;margin:0 0 6px;font-size:14px;color:#7a8696;line-height:1.4}
.single-product .product_title{order:0}