/* Estilos específicos para o Cabeçalho (Header) */

.glass-effect {
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

/* Transição suave para o cabeçalho ao rolar */
.header-scrolled {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

/* Custom Scrollbar for Mega Menu */
.mega-menu-scroll-area::-webkit-scrollbar {
    width: 6px;
}

.mega-menu-scroll-area::-webkit-scrollbar-track {
    background: transparent;
    margin-block: 20px; /* Makes the scrollbar height smaller */
}

.mega-menu-scroll-area::-webkit-scrollbar-thumb {
    background: #D1D5DB; /* Gray-300 */
    border-radius: 10px;
}

.mega-menu-scroll-area::-webkit-scrollbar-thumb:hover {
    background: #9CA3AF; /* Gray-400 */
}

/* Firefox Support */
.mega-menu-scroll-area {
    scrollbar-width: thin;
    scrollbar-color: #D1D5DB transparent;
}



.mobile-expand-trigger.active svg {
    transform: rotate(180deg);
    opacity: 1;
    color: var(--primary);
}