/*
Theme Name:   Naccato Woodmart Child
Theme URI:    https://naccato.com.ar
Description:  Child theme de Woodmart para Naccato — Importadora & Distribuidora de gastronomia japonesa
Author:       Naccato
Author URI:   https://naccato.com.ar
Template:     woodmart
Version:      1.1.1
Text Domain:  naccato-woodmart-child
*/

/* =========================================================
   Hoja de estilos del child. Vacia a proposito: este es el
   child minimo base. Las personalizaciones se agregan aca
   (o en assets/ encolados desde functions.php) por encima
   de los estilos de Woodmart, sin tocar el theme padre.
   ========================================================= */

/* ---------------------------------------------------------
   HOME: secciones ocultas para replicar el demo Vegetables
   Cada regla referencia el data-id del container Elementor.
   Reversible: comentar la línea para volver a mostrar.
   --------------------------------------------------------- */

/* "Weekly Discounts" carousel — no está en el demo Vegetables */
.elementor-element-0b8aa7e { display: none !important; }

/* Popular Categories — el padding se mantiene; el border-bottom se retiro
   porque duplicaba visualmente la barra de scroll nativa del carrusel
   (.wd-nav-scroll), dejando dos lineas apiladas. Confirmado con Sebastian
   el 2026-07-01 (captura del home en naccato.autopymeai.com). */
.elementor-element-0f4484c {
    padding-bottom: 40px;
}

/* ---------------------------------------------------------
   SHOP: tarjetas de categoria del tope compactas y parejas.
   Widget wd_product_categories (carrusel, cat-design-side) id
   .elementor-element-f60c50a en /shop/.
   Causa del estirado: el carrusel es flex en fila con
   align-items:stretch, asi que TODOS los items se estiran a
   la altura del mas alto ("Almacen", 19 subcategorias ~741px).
   Fix: (1) no estirar -> altura natural por card;
        (2) acotar la sublista a ~3 subcategorias visibles.
   Reversible: comentar este bloque.
   --------------------------------------------------------- */

/* (1) No estirar los items a la altura del mas alto */
.elementor-element-f60c50a .wd-carousel-wrap { align-items: flex-start; }
.elementor-element-f60c50a .wd-carousel-item .cat-design-side,
.elementor-element-f60c50a .wd-carousel-item .wd-cat-wrap { height: auto; }

/* (2) Limitar la lista de subcategorias (~3 lineas, como el demo) */
.elementor-element-f60c50a .wd-cat-sub-menu {
    max-height: 5.4em;
    overflow: hidden;
}

/* ---------------------------------------------------------
   HOME (07/07): seccion "Categorias populares" -> cards de IGUAL
   altura (como el demo Vegetables). Widget wd_product_categories
   (carrusel wd-carousel wd-grid, cat-design-side) id
   .elementor-element-25c8063 en el home.
   Antes se forzaba altura-al-contenido (align-items:flex-start +
   height:auto) para que "Almacen" (19 subcats) NO estirara a las
   cards con pocas subcats. Ya NO hace falta: la sublista esta capada
   a max-height:14.5em (~6 subcats) + boton "Ver +", asi que la card
   mas alta esta acotada -> volvemos a altura pareja.
   align-items:stretch estira el .wd-carousel-item a la altura de la
   fila; height:100% hace que la CAJA BLANCA con borde (.cat-design-side
   / .wd-cat-wrap) llene esa altura, dejando el espacio vacio DENTRO de
   la card (ej. Bazar con 2 subcats queda alta), no una card chica
   flotando. Reversible: comentar este bloque.
   --------------------------------------------------------- */
.elementor-element-25c8063 .wd-carousel-wrap { align-items: stretch; }
.elementor-element-25c8063 .wd-carousel-item,
.elementor-element-25c8063 .wd-carousel-item .cat-design-side,
.elementor-element-25c8063 .wd-carousel-item .wd-cat-wrap { height: 100%; }

/* Mostrar SOLO las primeras 5 subcategorias. Usamos display:none (NO
   max-height/overflow) para que los <li> sobrantes SALGAN del layout: asi el
   carrusel de WoodMart mide la altura real (5 subcats) y no vuelve a fijar un
   height inline gigante (ej. 727px por los 19 <li> de Almacen que, con
   overflow:hidden, seguian ocupando layout y estiraban TODAS las cards).
   Las cards con >5 subcats reciben el link "Ver +" en el header (via JS). */
.elementor-element-25c8063 .wd-cat-sub-menu > li:nth-child(n+6) {
    display: none;
}

/* ---------------------------------------------------------
   HOME: link "Ver +" para las cards de "Categorias populares" que
   tienen mas de 5 subcategorias. El JS category-subcats-expand.js lo
   inyecta como <a class="naccato-subcats-more"> DENTRO del .wd-cat-header
   (fila del titulo, a la derecha), apuntando a la pagina de la categoria
   PADRE. Ya NO expande la lista: es navegacion pura.
   Solo las cards con >5 subcats reciben link (ej. Almacen, Bebidas,
   Descartables); las cortas (Bazar) quedan sin link.
   Reversible: comentar este bloque y quitar el enqueue del JS.
   --------------------------------------------------------- */

/* Fila del titulo del card: titulo a la izq, "Ver +" pegado a la derecha. */
.elementor-element-25c8063 .wd-cat-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.elementor-element-25c8063 .naccato-subcats-more {
    flex: 0 0 auto;
    margin: 0;
    padding: 0;
    color: var(--wd-primary-color, #38627A);
    font-size: 0.8125em;
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
    text-decoration: none;
}

.elementor-element-25c8063 .naccato-subcats-more:hover,
.elementor-element-25c8063 .naccato-subcats-more:focus {
    text-decoration: underline;
}

/* ---------------------------------------------------------
   HOME v3 (06/07): fijar explicitamente Manrope (la fuente del
   demo Vegetables) en el titulo de card y las subcategorias del
   widget "Categorias populares". Blinda la coincidencia con el
   demo (title .wd-entities-title weight 600 capitalize;
   subcats .wd-cat-sub-menu a weight 400). Manrope YA viene cargada
   en el home (Google Font naccato-google-fonts + WoodMart), no se
   encola ninguna fuente nueva.
   SCOPED a .elementor-element-25c8063: NO pisa Oswald/Roboto del
   resto del sitio. Solo familia/peso; tamano/color intactos.
   Reversible: comentar este bloque.
   --------------------------------------------------------- */
.elementor-element-25c8063 .wd-entities-title {
    font-family: "Manrope", Arial, Helvetica, sans-serif;
    font-weight: 600;
    text-transform: capitalize;
}

.elementor-element-25c8063 .wd-cat-sub-menu a,
.elementor-element-25c8063 .wd-sub-menu li a {
    font-family: "Manrope", Arial, Helvetica, sans-serif;
    font-weight: 400;
}