/* ===== NAVIGATION FIXES 2025 ===== */

/* Desktop Navigation - Ensure it shows properly */
@media (min-width: 992px) {
    /* Hide offcanvas on desktop */
    .offcanvas-2025 {
        display: none !important;
    }
    
    /* Ensure desktop navbar shows */
    .navbar-collapse {
        display: flex !important;
    }
    
    /* Hide mobile toggle on desktop */
    .navbar-toggler {
        display: none !important;
        margin: 0 auto;
    }
    
    /* Language dropdown fixes for desktop */
    .language-dropdown {
        position: absolute !important;
        top: 100% !important;
        left: auto !important;
        right: 0 !important;
        z-index: 1000 !important;
        display: none !important;
        opacity: 0;
        transform: translateY(-10px);
        transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }
    
    .language-dropdown.show {
        display: flex !important;
        flex-direction: column;
        opacity: 1;
        transform: translateY(0);
    }
    
    /* Dropdown toggle animation */
    .dropdown-toggle::after {
        transition: transform 0.3s ease;
    }
    
    .dropdown-toggle[aria-expanded="true"]::after {
        transform: rotate(180deg);
    }
}

/* Mobile/Tablet - Hide desktop navbar */
@media (max-width: 991.98px) {
    /* Hide desktop navbar on mobile/tablet */
    .navbar-collapse {
        display: none !important;
    }
    
    /* Show mobile toggle */
    .navbar-toggler {
        display: block !important;
    }
    
    /* Ensure offcanvas shows properly */
    .offcanvas-2025 {
        display: block;
    }
    
    /* Custom hamburger menu icon */
    .navbar-toggler {
        border: none;
        padding: 8px;
        background: rgba(6, 131, 73, 0.1);
        border-radius: 5px;
        transition: all 0.3s ease;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
}
    
    .navbar-toggler:hover {
        background: rgba(6, 131, 73, 0.2);
        transform: scale(1.05);
    }
    
    
    .navbar-toggler-icon {
        width: 20px;
        height: 20px;
        background-image: none;
        position: relative;
    }
    
    /* Custom hamburger lines */
    .navbar-toggler-icon::before,
    .navbar-toggler-icon::after,
    .navbar-toggler-icon {
        content: '';
        display: block;
        height: 2px;
        background: var(--primary-color);
        border-radius: 1px;
        transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }
    
    .navbar-toggler-icon::before {
        transform: translateY(-6px);
    }
    
    .navbar-toggler-icon::after {
        transform: translateY(4px);
    }
    
    /* Animation when offcanvas is active */
    .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
        background: transparent;
    }
    
    .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::before {
        transform: rotate(45deg) translateY(0px) translateX(2px);
        -webkit-transform: rotate(45deg) translateY(0px) translateX(2px);
        -moz-transform: rotate(45deg) translateY(0px) translateX(2px);
        -ms-transform: rotate(45deg) translateY(0px) translateX(2px);
        -o-transform: rotate(45deg) translateY(0px) translateX(2px);
}
    
    .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::after {
        transform: rotate(-45deg) translateY(-1px) translateX(1px);
        -webkit-transform: rotate(-45deg) translateY(-1px) translateX(1px);
        -moz-transform: rotate(-45deg) translateY(-1px) translateX(1px);
        -ms-transform: rotate(-45deg) translateY(-1px) translateX(1px);
        -o-transform: rotate(-45deg) translateY(-1px) translateX(1px);
}
}

/* Fix Bootstrap offcanvas z-index issues */
.offcanvas {
    z-index: 1055 !important;
}

.offcanvas-backdrop {
    z-index: 1050 !important;
}

/* Smooth transitions for all interactive elements */
.nav-link,
.dropdown-item,
.btn,
.navbar-toggler {
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* Focus states for accessibility */
.nav-link:focus-visible,
.dropdown-item:focus-visible,
.navbar-toggler:focus-visible {
    outline: 3px solid var(--neon-green);
    outline-offset: 2px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

/* Performance optimizations */
.offcanvas,
.navbar-collapse,
.dropdown-menu {
    will-change: transform, opacity;
    transform: translateZ(0);
    backface-visibility: hidden;
}

/* Reduce motion for accessibility */
@media (prefers-reduced-motion: reduce) {
    .offcanvas,
    .navbar-collapse,
    .dropdown-menu,
    .navbar-toggler-icon,
    .navbar-toggler-icon::before,
    .navbar-toggler-icon::after {
        animation: none !important;
        transition: none !important;
    }
}

/* Print styles */
@media print {
    .offcanvas,
    .navbar-toggler,
    .dropdown-menu {
        display: none !important;
    }
}