/* Wrapper */
.adev-nav-wrapper {
    display:flex;
  position: relative;
  justify-content: flex-end;
}

/* Botón móvil */

.adev-nav-toggle .adev-icon-close { display: none; }

/* Lista principal */
.adev-menu-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;              /* Cambia con data-layout en JS/CSS */
  flex-wrap: wrap;
  align-items: flex-end;                 /* Controlado por item_gap */
}

.adev-menu-list > li > a {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  line-height: 1.2;
}

/* Submenús */
.adev-menu-list li { position: relative; }
.adev-submenu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 50;
  display: none;
  list-style: none;
  margin: 8px 0 0 0;
  padding: 8px 0;
}
.adev-menu-list li:hover > .adev-submenu { display: block; }

.adev-submenu li a {
  display: block;
  white-space: nowrap;
  text-decoration: none;
}

/* === ICONO MÓVIL PERSONALIZADO (corregido) === */
/* Estado base: oculto fuera de los breakpoints */
.adev-nav-toggle {
  display: none;             /* se mostrará SOLO en los @media del breakpoint elegido */
  align-items: center;
  gap: 8px;
  border: 0;
  background: transparent;
  cursor: pointer;
  font: inherit;
  padding: 8px 0;
  align-items: flex-start;
}

/* Empujar el botón a la derecha o izquierda del contenedor */
.adev-nav-toggle.right { margin-left: auto; }   /* a la derecha */
.adev-nav-toggle.left  { margin-right: auto; }  /* a la izquierda */

/* (opcional) Orden interno del contenido del botón */
.adev-nav-toggle.right { flex-direction: row-reverse; } /* icono antes del label desde la derecha */
.adev-nav-toggle.left  { flex-direction: row; }

/* Iconos dentro del botón */
.adev-nav-toggle svg,
.adev-nav-toggle i,
.adev-nav-toggle .adev-icon-open,
.adev-nav-toggle .adev-icon-close {
  transition: color 0.2s ease, transform 0.2s ease;
  line-height: 1;
}

.adev-nav-toggle:hover svg,
.adev-nav-toggle:hover i {
  transform: scale(1.1);
}

/* Layout control */
.adev-nav-wrapper[data-layout="row"] .adev-menu-list { flex-direction: row; }
.adev-nav-wrapper[data-layout="column"] .adev-menu-list { flex-direction: column; }

/* Responsive (controlado por data-breakpoint) */
@media (max-width: 1200px) {
  .adev-nav-wrapper[data-breakpoint="desktop"] .adev-nav-toggle { display: inline-flex; }
  .adev-nav-wrapper[data-breakpoint="desktop"] .adev-menu-list { display: none; flex-direction: column; width: 100%; }
  .adev-nav-wrapper[data-breakpoint="desktop"].adev-open .adev-menu-list { display: flex; }
  .adev-nav-wrapper[data-breakpoint="desktop"].adev-open .adev-nav-toggle .adev-icon-open { display: none; }
  .adev-nav-wrapper[data-breakpoint="desktop"].adev-open .adev-nav-toggle .adev-icon-close { display: inline-block; }
}
@media (max-width: 1024px) {
  .adev-nav-wrapper[data-breakpoint="laptop"] .adev-nav-toggle { display: inline-flex; }
  .adev-nav-wrapper[data-breakpoint="laptop"] .adev-menu-list { display: none; flex-direction: column; width: 100%; }
  .adev-nav-wrapper[data-breakpoint="laptop"].adev-open .adev-menu-list { display: flex; }
  .adev-nav-wrapper[data-breakpoint="laptop"].adev-open .adev-nav-toggle .adev-icon-open { display: none; }
  .adev-nav-wrapper[data-breakpoint="laptop"].adev-open .adev-nav-toggle .adev-icon-close { display: inline-block; }
}
@media (max-width: 768px) {
  .adev-nav-wrapper[data-breakpoint="tablet"] .adev-nav-toggle { display: inline-flex; }
  .adev-nav-wrapper[data-breakpoint="tablet"] .adev-menu-list { display: none; flex-direction: column; width: 100%; }
  .adev-nav-wrapper[data-breakpoint="tablet"].adev-open .adev-menu-list { display: flex; }
  .adev-nav-wrapper[data-breakpoint="tablet"].adev-open .adev-nav-toggle .adev-icon-open { display: none; }
  .adev-nav-wrapper[data-breakpoint="tablet"].adev-open .adev-nav-toggle .adev-icon-close { display: inline-block; }
}
@media (max-width: 480px) {
  .adev-nav-wrapper[data-breakpoint="mobile"] .adev-nav-toggle { display: inline-flex; }
  .adev-nav-wrapper[data-breakpoint="mobile"] .adev-menu-list { display: none; flex-direction: column; width: 100%; }
  .adev-nav-wrapper[data-breakpoint="mobile"].adev-open .adev-menu-list { display: flex; }
  .adev-nav-wrapper[data-breakpoint="mobile"].adev-open .adev-nav-toggle .adev-icon-open { display: none; }
  .adev-nav-wrapper[data-breakpoint="mobile"].adev-open .adev-nav-toggle .adev-icon-close { display: inline-block; }
}


.adev-breadcrumbs {
  display: inline-flex;
  flex-wrap: wrap;
  gap: .5rem;
  line-height: 1.4;
}
.adev-breadcrumbs .adev-bc-item {
  display: inline-flex;
  align-items: center;
  gap: .25rem;
}
.adev-breadcrumbs .adev-bc-sep {
  display: inline-flex;
  align-items: center;
  padding: 0 .25rem;
  opacity: .75;
}
.adev-breadcrumbs a.adev-bc-link {
  text-decoration: none;
}
.adev-breadcrumbs a.adev-bc-link:hover {
  text-decoration: underline;
}