/* Non-critical CSS - Loaded asynchronously */

/* Animations and Transitions */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes slideUp {
    from { transform: translateY(20px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

/* Hover Effects */
.hover-scale {
    transition: transform 0.3s ease;
}

.hover-scale:hover {
    transform: scale(1.05);
}

/* Gallery Animations */
.gallery-item {
    animation: fadeIn 0.5s ease forwards;
}

/* Modal Animations */
.modal-content {
    animation: slideUp 0.3s ease forwards;
}

/* Loading States */
.loading {
    opacity: 0;
    transition: opacity 0.3s ease;
}

.loaded {
    opacity: 1;
}

/* Print Styles */
@media print {
    .no-print {
        display: none !important;
    }
    
    .print-only {
        display: block !important;
    }
}

/* High-resolution displays */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .hero-section {
        background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('images/dandeli-hero@2x.jpg');
    }
}

/* Dark Mode */
@media (prefers-color-scheme: dark) {
    :root {
        --background: #1a1a1a;
        --text-dark: #ffffff;
        --text-light: #b3b3b3;
        --card-bg: #2d2d2d;
    }
}