/* ===================================================================== UYGULAMA İÇİ (WebView kabuğu) DÜZELTMELERİ Yalnız altında geçerlidir. Sınıfı header.php'deki head betiği, sayfa window.ReactNativeWebView içinde açıldığında BOYAMA ÖNCESİ koyar; mobil web'de ve masaüstünde bu dosya hiçbir şeyi değiştirmez. Yükleme sırası: uygulama.css'ten sonra, duzeltme-mobil.css'ten önce (header.php $ekCss listesi). Uygulama tarafındaki injectScripts.js ise footer/çerez/preloader'ı gizler; buradaki kurallar onun eksik bıraktığı site parçalarını kapatır. ===================================================================== */ /* ---- 1) Sayfa üst bandı (.page-banner) --------------------------------- 68 şablonda ortak "Haberler / Haber / Süreç Rehberi …" başlık bandı ve içindeki banner-yolu gezintisi. Uygulamada alt sekme çubuğu + sayfa başlığı zaten hangi sayfada olunduğunu söylüyor; band yalnız yer kaplıyor. TÜM sayfalarda gizlenir; margin/padding da sıfırlanır ki altındaki içerik boşluksuz başlasın. Ana sayfa hero'su (.hero-slider-wrap) ayrı bir öğe, bu kuraldan etkilenmez. !important: özgüllük (0,1,2) main.css'i zaten yener; sonradan yüklenen duzeltme-mobil.css ve ileride eklenebilecek satır-içi style/JS'e karşı bilinçli olarak mutlak tutuldu (yalnız uygulama-ici altında). */ html.uygulama-ici .page-banner { display: none !important; margin: 0 !important; padding: 0 !important; } /* İletişim sayfasındaki kart şeridi bandın üstüne binmek için eksi üst marjla gelir (main.css .contact-cards-section -32px / -24px). Band yokken bu marj kartları başlığın altına sokar; sıfırlanır. */ html.uygulama-ici .page-banner + .contact-cards-section { margin-top: 0 !important; } /* ---- 2) Mobil menü (aside.mobile-sidebar) -------------------------------- a) ANASAYFA bağlantısı Hızlı İşlemler kutusunun ALTINA iner. .mobile-nav (main.css) yalnız flex ÇOCUĞU; kapsayıcı olarak sütun flex yapılır ve sıra CSS order ile verilir. DOM ve mobil web değişmez: DOM: [ANASAYFA] [.mobil-hizli] [sekmeler…] Uygulama: [.mobil-hizli order:-1] [ANASAYFA] [sekmeler…] Diğer öğelerin order'ı 0 kaldığı için aralarındaki sıra korunur. */ html.uygulama-ici .mobile-nav { display: flex; flex-direction: column; } html.uygulama-ici .mobile-nav > * { /* Sütun flex + overflow-y:auto: öğeler sıkışmasın, kendi yüksekliğinde kalsın */ flex-shrink: 0; } /* Hızlı İşlemler en üste; main.css'teki 4px üst marj dil seçiciyle bitişik kalıyordu, ANASAYFA satırının eski yüksekliği kadar nefes verilir. */ html.uygulama-ici .mobile-nav > .mobil-hizli { order: -1; margin-top: 12px; } /* ANASAYFA artık ilk çocuk değil ama :first-child kuralı (border-top:none) hâlâ ona uygulanır; görünüm aynı kalsın diye ek kural gerekmez. */ /* b) Telefon + e-posta kartları gizlenir; sosyal ikonlar (.mobile-social) kalır. Kartların 16px alt marjı da kalkar ki altbilgi boşluksuz olsun. */ html.uygulama-ici .mobile-contact-cards { display: none !important; margin: 0 !important; }