/* * SAYFA GENİŞLİĞİ: SADECE MASAÜSTÜNDE EKRANIN %90'I (ORTALANMIŞ) * ---------------------------------------------------------------------------- * Bootstrap'ın .container sınıfları varsayılan olarak hem kademeli bir * max-width (ör. büyük ekranlarda 1140px/1320px) HEM DE sabit bir yanal * padding (--bs-gutter-x'in yarısı, genelde 12px) uygular. Bu proje * masaüstünde içeriğin ekran genişliğinin tam %90'ını kaplamasını, kalan * %10'un (her yanda %5) boşluk olarak eşit dağılıp içeriği ortalamasını * istiyor - bu yüzden width/max-width %90'a sabitlenip margin: auto ile * ortalanıyor. * * ÖNEMLİ: Bu override SADECE ≥768px (masaüstü/tablet) için uygulanıyor. * Daha önce mobilde de container genişliği zorlanmıştı (önce %100, sonra * %90) ama bu, projenin geri kalanındaki mobile özel CSS'lerin (ör. * .hero-category, .search-box kenar boşlukları) dayandığı varsayılan * Bootstrap davranışını bozup mobil yerleşimi kaydırdı. Bu yüzden mobilde * (<768px) container'a hiç dokunulmuyor - Bootstrap'ın orijinal/varsayılan * davranışı (width:100%, standart padding, 576px altı için sm breakpoint * yok) aynen geri geldi. * * .row/.col kullanan bölümlerde (ör. ilan kartları ızgarası) kartlar arası * boşluk zaten satır bazında g-2/g-4 gibi utility sınıflarıyla ayrıca * kontrol ediliyor - bu dosya sadece DIŞ (container) genişliğini/boşluğunu * ayarlıyor, kartlar arası iç boşluğa dokunmuyor. * * Bu dosya her sayfanın bölümünde Bootstrap'tan SONRA yükleniyor; * bazı sayfalarda .container üzerinde satır-içi (inline) max-width stili de * var (ör. form/metin sayfaları) - !important, önemsiz (non-!important) * inline stilleri de geçersiz kılar, bu yüzden ayrıca her dosyayı tek tek * değiştirmeye gerek kalmadı. */ @media (min-width: 768px) { .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl { width: 90% !important; max-width: 90% !important; margin-left: auto !important; margin-right: auto !important; padding-left: 0 !important; padding-right: 0 !important; } } /* * SİTE FOOTER (tüm sayfalarda ortak - bkz. includes/footer.php) * ---------------------------------------------------------------------------- * Kullanıcının verdiği referans görsele göre: 5 sütunlu link alanı, altında * telefon/e-posta + mağaza rozetleri satırı, içerik sorumluluğu kutusu ve * en altta telif satırı. Bu dosya zaten her sayfanın 'ine bağlı olduğu * için footer.php ayrıca kendi