/* ==========================================================================
   ESTILOS DE NAVEGACIÓN - H. AYUNTAMIENTO DE PERIBÁN
   ========================================================================== */

/* Animación de Logo */
.logo-periban-animated {
    animation: floatLogo 4s ease-in-out infinite;
    transition: transform 0.3s ease;
}

.logo-periban-animated:hover {
    transform: scale(1.08);
}

@keyframes floatLogo {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-4px); }
}

/* Enlaces Principales del Menú */
.navbar-dark .navbar-nav .nav-link {
    transition: background-color 0.25s ease, color 0.25s ease;
    border-radius: 4px;
    font-size: 0.8rem;
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
    background-color: #e91e63 !important;
    color: #ffffff !important;
}

/* ==========================================================================
   DESPLEGABLE BASE (NIVEL 1)
   ========================================================================== */
.dropdown-menu {
    border-radius: 4px !important;
}

/* Opciones generales de primer nivel */
.dropdown-menu .dropdown-item {
    font-size: 0.78rem;
    font-weight: 600;
    padding: 10px 16px;
    color: #ffffff !important;
    transition: background-color 0.25s ease, padding-left 0.25s ease;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus {
    background-color: #e91e63 !important;
    color: #ffffff !important;
    padding-left: 20px;
}

/* Títulos de 2º nivel (Ayuntamiento, COMAPA, Reglamentos) resaltados en Rosa */
.dropdown-submenu > a.dropdown-item {
    color: #e91e63 !important;
    font-weight: 700 !important;
}

.dropdown-submenu > a.dropdown-item i {
    color: #e91e63 !important;
}

.dropdown-submenu > a.dropdown-item:hover,
.dropdown-submenu > a.dropdown-item:hover i {
    background-color: #e91e63 !important;
    color: #ffffff !important;
}

/* ==========================================================================
   DESPLEGABLE VERTICAL DE 2.º NIVEL (ACORDEÓN CON TABULADOR)
   ========================================================================== */
.periban-sub-level2 {
    display: none;
    background-color: #2e0416 !important; /* Fondo ligeramente más oscuro para contrastar */
}

/* Muestra la lista al hacer hover en PC */
@media (min-width: 992px) {
    .dropdown-submenu:hover > .periban-sub-level2 {
        display: block !important;
    }
}

/* Muestra en móvil al dar clic */
@media (max-width: 991.98px) {
    .dropdown-submenu > .periban-sub-level2.show-mobile {
        display: block !important;
    }
}

/* --------------------------------------------------------------------------
   REGLA CLAVE: TABULACIÓN Y SANGRÍA FORZADA PARA ELEMENTOS HIJOS DE 2º NIVEL
   -------------------------------------------------------------------------- */
ul.periban-sub-level2 li a.dropdown-item {
    padding-left: 40px !important; /* TABULACIÓN PROGRESIVA A LA DERECHA */
    font-size: 0.72rem !important;  /* Tamaño un poco más fino para denotar sub-item */
    font-weight: 500 !important;
    opacity: 0.9;
}

ul.periban-sub-level2 li a.dropdown-item:hover {
    padding-left: 48px !important; /* EFECTO DESPLAZAMIENTO EN HOVER */
    background-color: #e91e63 !important;
    opacity: 1;
}