/* ============================================
   WordPress Menu Overrides - Estilos Tailwind
   ============================================ */

/* Desktop nav - quitar bullet points y estilos WP por defecto */
#primary-menu,
#footer-menu,
#legal-menu {
    @apply list-none p-0 m-0;
}

/* Submenús (dropdowns) si los hubiera */
.sub-menu {
    @apply absolute top-full left-0 bg-darker/95 backdrop-blur-md rounded-lg shadow-lg shadow-black/30 py-3 px-2 min-w-[180px] opacity-0 invisible transition-all duration-300 translate-y-2;
}

.menu-item:hover > .sub-menu {
    @apply opacity-100 visible translate-y-0;
}

.sub-menu .menu-item {
    @apply block;
}

.sub-menu .menu-item a {
    @apply block px-4 py-2 text-sm text-white/70 hover:text-gold-light hover:bg-white/5 rounded transition-colors whitespace-nowrap;
}

/* Mobile menu - sobrescribir estilos WP */
#mobileMenu .menu,
#mobileMenu .menu-item {
    @apply list-none p-0 m-0 block;
}

#mobileMenu .menu-item a {
    @apply text-white/85 text-sm tracking-wider uppercase hover:text-gold-light transition-colors block py-2;
}

#mobileMenu .sub-menu {
    @apply static opacity-100 visible translate-y-0 shadow-none bg-transparent py-0 px-0 min-w-0 mt-2;
}

#mobileMenu .sub-menu .menu-item a {
    @apply text-white/55 text-xs tracking-normal uppercase pl-4 hover:text-gold-light;
}

/* Current menu item indicator */
.current-menu-item > a,
.current_page_item > a {
    @apply text-gold-light;
}

.current-menu-item > a::after {
    @apply w-full;
}