/*
Theme Name: GreenMart Child
Theme URI: https://demo.thembay.com/greenmart/
Author: Thembay
Description: This is a child theme for GreenMart
Version: 1.0
Author URI: https://thembay.com/
Template: greenmart
Text Domain: greenmart-child
*/

/*  [ Add your custom css below ]
- - - - - - - - - - - - - - - - - - - - */

.lucacity-brand-tree {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.lucacity-brand-block {
  border-bottom: 1px solid #eee;
  padding-bottom: 30px;
}

.lucacity-brand-image {
  margin-bottom: 10px;
}

.lucacity-brand-image img {
  max-height: 120px;
  object-fit: contain;
}

.lucacity-subbrand-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 15px;
}

.lucacity-subbrand-item img {
  max-height: 60px;
  object-fit: contain;
}

.lucacity-navegador .lucacity-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.lucacity-navegador .lucacity-item {
  text-align: center;
  width: 140px;
}

.lucacity-navegador .lucacity-item img {
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

.lucacity-navegador .lucacity-item span {
  display: block;
  margin-top: 8px;
  font-size: 14px;
}

/* Contenedor general del navegador */
.lucacity-navegador {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
/* CONTENEDOR GENERAL */
.lucacity-navegador {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
/* FILAS HORIZONTALES PARA MARCAS / SUBMARCAS / CATEGORÍAS */
.lucacity-navegador .lucacity-grid,
.lucacity-navegador .marcas-grid,
.lucacity-navegador .submarcas-grid,
.lucacity-navegador .categorias-grid {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;      /* >>> ahora SÍ se baja a otra fila */
  overflow-x: visible !important;  /* sin scroll horizontal */
  gap: 16px;
  padding-bottom: 8px;
}

/* Cada item (marca, submarca, categoría) */
.lucacity-navegador .lucacity-item {
  flex: 0 0 calc(15% - 16px);  /* 4 por fila (25% cada uno) */
  max-width: calc(15% - 16px);
  box-sizing: border-box;
  text-align: center;
}

/* Imágenes de marca / submarca / categoría */
.lucacity-navegador .lucacity-item img {
  max-width: 100%;
  height: auto;
  object-fit: contain;
  display: block;
  margin: 0 auto;
}

/* Texto bajo la imagen (nombre) */
.lucacity-navegador .lucacity-item span {
  display: block;
  margin-top: 6px;
  font-size: 14px;
}

/* Ocultar "Marcas" y "Todas las Marcas" si NO está logeado */
body:not(.logged-in) #menu-item-5001,   /* ID del ítem Marcas (ejemplo) */
body:not(.logged-in) #menu-item-5058 {  /* Todas las Marcas */
    display: none !important;
}