/* --- NAVIGATION DROPDOWN (Mobile & Desktop) --- */
.dropdown { position: relative; }
.dropbtn { display: flex; align-items: center; gap: 8px; cursor: pointer; }
.dropbtn i { transition: transform 0.3s ease; font-size: 0.8rem; }

.dropdown-content {
    display: none; position: absolute; top: 100%; left: 0;
    background-color: var(--c-light); min-width: 250px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1); border-radius: 12px;
    border: 1px solid var(--c-line); flex-direction: column;
    padding: 10px 0; z-index: 1000;
}
.dropdown-content li { list-style: none; }
.dropdown-content a {
    padding: 12px 20px; color: var(--text-main); text-decoration: none;
    display: block; transition: background 0.2s, color 0.2s; font-size: 1rem;
}
.dropdown-content a:hover {
    background-color: var(--c-light-grey); color: var(--c-accent-dark);
}

/* Desktop Hover */
@media (min-width: 901px) {
    .dropdown:hover .dropdown-content { display: flex; }
    .dropdown:hover .dropbtn i { transform: rotate(180deg); }
}

/* Mobile Click/Accordion */
@media (max-width: 900px) {
    .dropdown-content {
        position: static; box-shadow: none; border: none;
        padding-left: 15px; background: transparent; min-width: 100%; display: none;
    }
    .dropdown.active-mobile .dropdown-content { display: flex; margin-top: 10px; }
    .dropdown.active-mobile .dropbtn i { transform: rotate(180deg); }
}