/* Custom Styles */
.group .group-hover\:block {
    display: none;
}

.group:hover .group-hover\:block {
    display: block;
}

.material-symbols-outlined {
    font-variation-settings:
    'FILL' 0,
    'wght' 300,
    'GRAD' 0,
    'opsz' 24
}

/* Smooth scrolling */
html {
    scroll-behavior: smooth;
}

/* Mobile menu animation */
#mobile-menu {
    transition: opacity 0.3s ease-in-out;
}

#mobile-menu.hidden {
    opacity: 0;
    pointer-events: none;
}

#mobile-menu:not(.hidden) {
    opacity: 1;
    pointer-events: auto;
}

/* Lazy loading background images */
.lazy-bg {
    background-color: #f3f4f6;
    transition: opacity 0.3s ease-in-out;
}

.lazy-bg.loaded {
    animation: fadeIn 0.5s ease-in-out;
}

@keyframes fadeIn {
    from {
        opacity: 0.7;
    }
    to {
        opacity: 1;
    }
}