/* Desktop Navigation Visibility Fix */

/* Force desktop navigation to be visible on all screen sizes >= 992px */
@media (min-width: 992px) {
    /* Override Bootstrap's d-none d-lg-flex classes */
    .enhanced-header nav {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 1.5rem !important;
        flex-wrap: wrap !important;
        margin: 0 !important;
        padding: 1rem 0 !important;
    }
    
    /* Ensure nav links are visible and styled */
    .enhanced-header nav .nav-link {
        display: flex !important;
        align-items: center !important;
        gap: 0.5rem !important;
        padding: 0.75rem 1rem !important;
        font-weight: 600 !important;
        font-size: 1rem !important;
        color: #333 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
        transition: all 0.3s ease !important;
        border-radius: 8px !important;
        border: 2px solid transparent !important;
        text-decoration: none !important;
        white-space: nowrap !important;
        position: relative !important;
    }
    
    /* Icon styling */
    .enhanced-header nav .nav-link i {
        font-size: 1.1rem !important;
        width: 20px !important;
        text-align: center !important;
    }
    
    /* Hover effects */
    .enhanced-header nav .nav-link:hover {
        background-color: rgba(255, 107, 53, 0.1) !important;
        color: #ff6b35 !important;
        transform: translateY(-2px) !important;
        border-color: rgba(255, 107, 53, 0.3) !important;
        box-shadow: 0 4px 15px rgba(255, 107, 53, 0.2) !important;
        text-decoration: none !important;
    }
    
    /* Active state */
    .enhanced-header nav .nav-link:active {
        transform: translateY(0) !important;
    }
    
    /* Special styling for Sign In link */
    .enhanced-header nav .nav-link[href*="signin"] {
        background: linear-gradient(135deg, #ff6b35, #f7931e) !important;
        color: white !important;
        border-color: #ff6b35 !important;
    }
    
    .enhanced-header nav .nav-link[href*="signin"]:hover {
        background: linear-gradient(135deg, #f7931e, #ff6b35) !important;
        color: white !important;
        border-color: #f7931e !important;
    }
    
    /* Cart badge styling */
    .enhanced-header nav .nav-link .badge {
        font-size: 0.75rem !important;
        padding: 0.25rem 0.5rem !important;
        border-radius: 50px !important;
        background: linear-gradient(135deg, #ff6b35, #f7931e) !important;
        border: 2px solid white !important;
        box-shadow: 0 2px 8px rgba(255, 107, 53, 0.3) !important;
        animation: pulse 2s infinite !important;
    }
    
    /* Ensure header container is properly spaced */
    .enhanced-header .header-content {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        width: 100% !important;
    }
    
    .enhanced-header .d-flex.justify-content-between {
        width: 100% !important;
    }
}

/* Remove cart badge animation - handled by unified mobile system */

/* Ensure the header itself is visible */
@media (min-width: 992px) {
    .enhanced-header {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: sticky !important;
        top: 0 !important;
        z-index: 1000 !important;
        background: white !important;
        box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;
    }
}