/* =========================================================
   Kodica – Mega Dropdown Categorías (PC + Mobile)
   - PC: mostrar SOLO principales, sub desplegable por flecha
   - Excluye "sincategoria" desde PHP
   ========================================================= */

/* BOTÓN / TRIGGER (PC) */
.header-nav li.has-cats-dropdown > a.kodica-cats-trigger,
.header-nav li.has-cats-dropdown > .nav-top-link.kodica-cats-trigger {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0.55em 0.9em !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}
.header-nav li.has-cats-dropdown > a.kodica-cats-trigger:after,
.header-nav li.has-cats-dropdown > .nav-top-link.kodica-cats-trigger:after {
  content: "▾";
  font-size: 13px;
  color: #c00000;
  opacity: .9;
  margin-left: 2px;
  transform: translateY(-1px);
}
.header-nav li.has-cats-dropdown.is-open > a.kodica-cats-trigger,
.header-nav li.has-cats-dropdown.is-open > .nav-top-link.kodica-cats-trigger {
  background: rgba(192, 0, 0, .08) !important;
}

/* Evita titileo: matar submenu nativo SOLO este item */
.header-nav li.has-cats-dropdown > ul,
.header-nav li.has-cats-dropdown > .sub-menu { display: none !important; }

/* PANEL */
.header-nav li.has-cats-dropdown { position: relative; }
.header-nav li.has-cats-dropdown > .kodica-cats-panel {
  display: none;
  position: absolute;
  left: 0;
  top: calc(100% + 10px);
  z-index: 99999;

  width: min(740px, 92vw);
  background: #fff;
  border-radius: 14px;
  padding: 14px 14px;
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 18px 45px rgba(0,0,0,.16);

  max-height: 72vh;
  overflow: auto;

  opacity: 0;
  transform: translateY(6px);
  transition: opacity .14s ease, transform .14s ease;
}
.header-nav li.has-cats-dropdown.is-open > .kodica-cats-panel {
  display: block;
  opacity: 1;
  transform: translateY(0);
}

/* GRID */
.kodica-cats-mega__grid{
  display:grid;
  gap: 8px 14px;
  align-items:start;
  align-content:start;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}

/* Grupo */
.kodica-cats-mega__group{
  padding: 6px 10px;
  border-left: 1px solid rgba(0,0,0,.06);
}
.kodica-cats-mega__group:nth-child(1){ border-left: 0; }

.kodica-cats-mega__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

/* Principal (negrita) */
.kodica-cats-mega__parent{
  font-weight:800;
  color:#111;
  text-decoration:none;
  line-height:1.25;
}
.kodica-cats-mega__parent:hover{ color:#c00000; }

.kodica-cats-mega__count{
  opacity:.65;
  font-weight:700;
  font-size:12px;
  margin-left: 6px;
}

/* Flecha toggle (PC + Mobile) */
.kodica-cats-parent-toggle{
  width: 32px;
  height: 32px;
  border: 0;
  background: transparent;
  cursor: pointer;
  border-radius: 10px;
  flex: 0 0 auto;
}
.kodica-cats-parent-toggle:before{
  content:"▾";
  display:block;
  text-align:center;
  line-height:32px;
  font-size:18px;
  color:#c00000;
  opacity:.9;
}

/* Subcategorías: ocultas por defecto (PC) */
.kodica-cats-mega__sub{
  list-style:none;
  margin: 8px 0 0;
  padding: 0 0 0 14px;
  display:none;
}
.kodica-cats-mega__sub li{ padding: 3px 0; }

.kodica-cats-mega__sub a{
  font-weight:400;
  font-size:13px;
  color:#111;
  opacity:.9;
  text-decoration:none;
  line-height:1.25;
}
.kodica-cats-mega__sub a:hover{ color:#c00000; }

/* Abrir grupo => mostrar sub (PC + Mobile) */
.kodica-cats-mega__group.is-open .kodica-cats-mega__sub{ display:block; }
.kodica-cats-mega__group.is-open .kodica-cats-parent-toggle:before{ content:"▴"; }

/* Current */
.kodica-cats-mega__group.is-current .kodica-cats-mega__parent{ color:#c00000; font-weight:900; }
.kodica-cats-mega__sub .is-current > a{ color:#c00000; font-weight:600; }

/* MOBILE / OFF-CANVAS */
@media (max-width: 849px) {
  .nav-sidebar li.has-cats-dropdown > .kodica-cats-panel,
  .mobile-sidebar li.has-cats-dropdown > .kodica-cats-panel,
  .off-canvas li.has-cats-dropdown > .kodica-cats-panel {
    position: static !important;
    width: 100% !important;
    min-width: auto !important;
    max-width: 100% !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 10px 0 !important;
    transform: none !important;
    opacity: 1 !important;
    display: none;
    max-height: none !important;
    overflow: visible !important;
  }

  .nav-sidebar li.has-cats-dropdown.is-open > .kodica-cats-panel,
  .mobile-sidebar li.has-cats-dropdown.is-open > .kodica-cats-panel,
  .off-canvas li.has-cats-dropdown.is-open > .kodica-cats-panel {
    display: block !important;
  }

  .kodica-cats-mega__grid{
    grid-template-columns: 1fr !important;
    gap: 0;
  }

  .kodica-cats-mega__group{
    padding: 12px 0 0 20px;
    border-left: 0;
    border-bottom: 1px solid rgba(0,0,0,.06);
  }
}