/* ============================================
   MOBILE FIX - PRIVATJET.SE V3
   Override all mobile issues
   ============================================ */

@media (max-width: 768px) {
    /* FORCE HIDE DESKTOP NAV LINKS */
    .nav-links {
        display: none !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100vh !important;
        background: rgba(10, 14, 23, 0.98) !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 30px !important;
        z-index: 9998 !important;
    }
    
    .nav-links.active {
        display: flex !important;
    }
    
    .nav-link {
        font-size: 24px !important;
        color: #fff !important;
    }
    
    /* HAMBURGER MENU - SHOW ON MOBILE */
    .nav-toggle {
        display: flex !important;
        width: 45px !important;
        height: 45px !important;
        background: transparent !important;
        border: 2px solid #c9a961 !important;
        border-radius: 8px !important;
        cursor: pointer !important;
        z-index: 9999 !important;
        align-items: center !important;
        justify-content: center !important;
    }
    
    .nav-toggle span {
        display: block !important;
        width: 22px !important;
        height: 2px !important;
        background: #c9a961 !important;
        position: relative !important;
    }
    
    .nav-toggle span::before,
    .nav-toggle span::after {
        content: '' !important;
        position: absolute !important;
        width: 22px !important;
        height: 2px !important;
        background: #c9a961 !important;
        left: 0 !important;
    }
    
    .nav-toggle span::before { top: -7px !important; }
    .nav-toggle span::after { top: 7px !important; }
    
    /* THEME TOGGLE - SMALLER */
    .theme-toggle,
    #themeToggle {
        width: 36px !important;
        height: 36px !important;
        font-size: 16px !important;
        padding: 0 !important;
        min-width: unset !important;
    }
    
    /* NAVIGATION BAR */
    .nav-v3 {
        padding: 10px 15px !important;
    }
    
    .nav-container {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
    }
    
    /* LOGO */
    .nav-logo {
        font-size: 18px !important;
    }
    
    .logo-text {
        font-size: 18px !important;
    }
    
    .logo-dot {
        font-size: 18px !important;
    }
    
    /* HERO SECTION */
    .hero-v3 {
        min-height: auto !important;
        padding: 100px 15px 40px !important;
    }
    
    .hero-title {
        font-size: 28px !important;
        line-height: 1.2 !important;
    }
    
    .title-line {
        font-size: 28px !important;
    }
    
    .hero-subtitle {
        font-size: 14px !important;
        padding: 0 10px !important;
    }
    
    .hero-badge {
        font-size: 12px !important;
        padding: 8px 16px !important;
    }
    
    /* BOOKING WIDGET - DARK BACKGROUND */
    .booking-widget-v3 {
        background: rgba(10, 14, 23, 0.95) !important;
        border: 1px solid rgba(201, 169, 97, 0.3) !important;
        border-radius: 20px !important;
        padding: 25px 20px !important;
        margin: 30px 10px !important;
        backdrop-filter: blur(20px) !important;
    }
    
    .booking-form-v3 {
        background: transparent !important;
    }
    
    .form-row {
        flex-direction: column !important;
        gap: 15px !important;
    }
    
    .form-group {
        width: 100% !important;
        margin-bottom: 10px !important;
    }
    
    .form-group label {
        color: #c9a961 !important;
        font-size: 12px !important;
        margin-bottom: 5px !important;
        display: block !important;
    }
    
    .form-group input,
    .form-group select {
        width: 100% !important;
        padding: 12px 15px !important;
        background: rgba(255, 255, 255, 0.1) !important;
        border: 1px solid rgba(201, 169, 97, 0.3) !important;
        border-radius: 10px !important;
        color: #fff !important;
        font-size: 14px !important;
    }
    
    .form-group input::placeholder {
        color: rgba(255, 255, 255, 0.5) !important;
    }
    
    .btn-booking {
        width: 100% !important;
        padding: 15px !important;
        font-size: 16px !important;
        margin-top: 15px !important;
        background: linear-gradient(135deg, #c9a961, #d4af37) !important;
        border: none !important;
        border-radius: 10px !important;
        color: #0a0e17 !important;
        font-weight: 600 !important;
    }
    
    /* HERO TRUST BADGES */
    .hero-trust {
        flex-direction: column !important;
        gap: 10px !important;
        margin-top: 20px !important;
    }
    
    .trust-item {
        font-size: 12px !important;
    }
    
    /* SECTIONS */
    .section-v3 {
        padding: 50px 15px !important;
    }
    
    .section-title {
        font-size: 24px !important;
    }
    
    .section-subtitle {
        font-size: 14px !important;
    }
    
    /* SERVICE CARDS */
    .services-grid {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
    
    .service-card {
        padding: 25px 20px !important;
    }
    
    /* FLEET GRID */
    .fleet-grid {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
    
    /* STATS */
    .stats-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
    }
    
    .stat-number {
        font-size: 32px !important;
    }
    
    /* TESTIMONIALS */
    .testimonials-grid {
        grid-template-columns: 1fr !important;
    }
    
    /* CONTACT FORM */
    .contact-form {
        padding: 20px !important;
    }
    
    /* FOOTER */
    .footer-grid {
        grid-template-columns: 1fr !important;
        gap: 30px !important;
    }
    
    /* SCROLL INDICATOR - HIDE */
    .scroll-indicator {
        display: none !important;
    }
    
    /* PREVENT OVERFLOW */
    body, html {
        overflow-x: hidden !important;
    }
    
    * {
        max-width: 100vw !important;
        box-sizing: border-box !important;
    }
}

/* EXTRA SMALL SCREENS */
@media (max-width: 480px) {
    .hero-title,
    .title-line {
        font-size: 24px !important;
    }
    
    .booking-widget-v3 {
        margin: 20px 5px !important;
        padding: 20px 15px !important;
    }
    
    .stats-grid {
        grid-template-columns: 1fr !important;
    }
}