/* ========================================
   NAVBAR SAFARI BROWSER FIXES
   Fixes visibility and animation issues in Safari
   ======================================== */

/* Safari-specific fixes for navbar visibility */
@supports (-webkit-appearance: none) {
    .modern-navbar {
        /* Force hardware acceleration in Safari */
        -webkit-transform: translateZ(0) !important;
        transform: translateZ(0) !important;
        -webkit-backface-visibility: visible !important;
        backface-visibility: visible !important;
        -webkit-perspective: 1000px !important;
        perspective: 1000px !important;
        
        /* Ensure visibility in Safari */
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 1030 !important;
    }
    
    .modern-navbar.nav-visible {
        /* Instant show - no animation in Safari */
        -webkit-transform: translateY(0) !important;
        transform: translateY(0) !important;
        -webkit-transition: none !important;
        transition: none !important;
        -webkit-animation: none !important;
        animation: none !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .modern-navbar.nav-hidden {
        -webkit-transform: translateY(-100%) !important;
        transform: translateY(-100%) !important;
        display: block !important;
        visibility: visible !important;
    }
    
    /* Safari backdrop-filter support */
    .modern-navbar.scrolled {
        -webkit-backdrop-filter: blur(10px) !important;
        backdrop-filter: blur(10px) !important;
    }
}

/* Additional Safari fixes for older versions */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .modern-navbar {
        -webkit-transform: translateZ(0) !important;
        will-change: transform !important;
    }
    
    .modern-navbar.nav-visible {
        -webkit-transform: translateY(0) !important;
        -webkit-transition: none !important;
    }
}