/* ============================================================ mobile-fix.css — Tüm sayfalarda geçerli mobil navbar fix Bu dosyayı style.css'ten SONRA her sayfanın 'ine ekle: ============================================================ */ /* Desktop'ta mobile-cta gizli */ a.mobile-cta { display: none !important; } /* Butonlar her koşulda beyaz yazı */ .btn-primary, a.btn-primary, .btn-primary:hover, a.btn-primary:hover { color: #ffffff !important; background-color: #e50914 !important; } /* mobile-cta her koşulda beyaz metin — media query dışında da tanımla */ nav a.mobile-cta, nav .nav-links a.mobile-cta, a.btn-primary.mobile-cta, .nav-links a.mobile-cta { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } @media (max-width: 768px) { .navbar { overflow: visible !important; } header.navbar { overflow: visible !important; } nav.nav-links { display: none !important; position: absolute !important; top: 100% !important; left: 0 !important; right: 0 !important; width: 100% !important; height: auto !important; max-height: calc(100svh - 65px) !important; overflow-y: auto !important; overflow-x: hidden !important; -webkit-overflow-scrolling: touch !important; overscroll-behavior-y: contain !important; background: #fff !important; flex-direction: column !important; padding: 0 16px 40px 16px !important; gap: 0 !important; z-index: 9999 !important; border-top: 2px solid #e50914 !important; box-shadow: 0 8px 24px rgba(0,0,0,0.13) !important; box-sizing: border-box !important; } nav.nav-links.active { display: flex !important; } nav.nav-links > a:not(.mobile-cta) { display: block !important; padding: 13px 0 !important; border-bottom: 1px solid #f0f0f0 !important; font-size: 15px !important; font-weight: 600 !important; color: #333 !important; width: 100% !important; } .nav-dropdown { width: 100% !important; display: block !important; position: static !important; } .nav-dropdown-toggle { display: flex !important; justify-content: space-between !important; align-items: center !important; width: 100% !important; padding: 13px 0 !important; border-bottom: 1px solid #f0f0f0 !important; font-size: 15px !important; font-weight: 600 !important; color: #333 !important; cursor: pointer !important; background: none !important; } .nav-dropdown.active > .nav-dropdown-toggle { color: #e50914 !important; border-bottom-color: #e50914 !important; } .nav-dropdown.active .nav-arrow { transform: rotate(180deg) !important; } .nav-dropdown:not(.active) .nav-arrow { transform: rotate(0deg) !important; } .nav-dropdown-menu, .nav-dropdown-menu.mega-menu { position: static !important; display: none !important; left: auto !important; right: auto !important; top: auto !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; max-height: none !important; overflow: visible !important; transform: none !important; box-shadow: none !important; border: none !important; border-radius: 0 !important; padding: 0 !important; margin: 0 !important; background: transparent !important; animation: none !important; z-index: auto !important; flex-direction: column !important; backdrop-filter: none !important; } .nav-dropdown:hover > .nav-dropdown-menu { display: none !important; } .nav-dropdown.active > .nav-dropdown-menu { display: block !important; } .mega-menu-grid { display: flex !important; flex-direction: column !important; width: 100% !important; max-width: 100% !important; padding: 4px 0 0 8px !important; margin: 0 !important; gap: 0 !important; grid-template-columns: unset !important; } .mega-column { width: 100% !important; padding: 6px 0 !important; border-bottom: 1px solid #f5f5f5 !important; } .mega-column:last-child { border-bottom: none !important; } .mega-column h4 { display: block !important; font-size: 11px !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: 1px !important; color: #e50914 !important; padding: 6px 0 4px 0 !important; margin: 0 !important; border: none !important; background: none !important; } .mega-column a { display: block !important; padding: 6px 0 !important; font-size: 13px !important; font-weight: 400 !important; color: #444 !important; white-space: normal !important; border: none !important; background: none !important; line-height: 1.4 !important; text-decoration: none !important; } nav a.mobile-cta, nav .nav-links a.mobile-cta, .nav-links a.mobile-cta, a.btn-primary.mobile-cta, a.mobile-cta { display: flex !important; justify-content: center !important; align-items: center !important; width: 100% !important; margin-top: 16px !important; padding: 14px !important; font-size: 15px !important; font-weight: 600 !important; border-radius: 8px !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; background-color: #e50914 !important; box-shadow: 0 6px 18px rgba(229,9,20,0.3) !important; border-bottom: none !important; text-align: center !important; } nav a.mobile-cta:hover, nav a.mobile-cta:active, nav a.mobile-cta:visited, a.mobile-cta:hover, a.mobile-cta:active, a.mobile-cta:visited { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } }