/* ==========================================================================
   Mobil düzeltmeleri — 29.08.2026
   --------------------------------------------------------------------------
   Bu dosya SON yüklenir; mevcut CSS düzenini değiştirmez, yalnızca sitenin
   kendi mobil kırılım noktasında (767.98px) eksik kalan kuralları tamamlar.
   Masaüstü ve tablet (>= 768px) görünümüne hiç dokunmaz.

   Neden gerekli:
   Aşağıdaki başlık sınıflarının sabit punto değerleri var ama responsive
   karşılıkları hiç yazılmamış. Uzun Türkçe kelimeler (ör. "WordPress'inizden",
   "Uygulamalarınız") telefonda satıra sığmayıp ekran dışında kalıyor ve
   body üzerindeki overflow-x:hidden nedeniyle kesiliyordu.
   ========================================================================== */

@media only screen and (max-width: 767.98px) {

  /* --------------------------------------------------------------------
     1) Yatay kaydırma
     .container-fluid dolgusu 2vw (390px ekranda ~7.8px) iken Bootstrap
     .row marjı -15px. Aradaki ~7px fark her sayfada yatay kaydırma
     yaratıyordu. Dolguyu satır marjıyla eşitliyoruz.
     (768px ve üzerinde 2vw >= 15px olduğu için orada değişiklik yok.)
     -------------------------------------------------------------------- */
  .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }

  /* --------------------------------------------------------------------
     2) Hero başlığı — sabit 65px, mobil karşılığı yoktu
     assets/css/pages/{shared-hosting,vps,ssl,email,dedi-servers,
     website-builder}.css içinde tanımlı.
     -------------------------------------------------------------------- */
  .header .title-1 {
    font-size: 34px;
    line-height: 1.15;
  }

  /* --------------------------------------------------------------------
     3) Bölüm başlıkları — sabit 55px / 50px, mobil karşılığı yoktu
     -------------------------------------------------------------------- */
  .EPAue {
    font-size: 30px;
    letter-spacing: normal;
  }
  .se-head-left .se-top-left-2 {
    font-size: 30px;
  }
  .se-head .se-top-2 {
    font-size: 30px;
  }

  /* --------------------------------------------------------------------
     4) Uzun etiketli butonlar
     .btn white-space:nowrap + sabit height:46px olduğu için
     "Sunucunuzu Şimdi Oluşturun" gibi etiketler kesiliyordu.
     Kısa etiketler tek satırda ve aynı yükseklikte kalır.
     -------------------------------------------------------------------- */
  .btn {
    max-width: 100%;
    height: auto;
    min-height: 46px;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 22px;
    padding-right: 22px;
    white-space: normal;
    text-align: center;
  }

  /* --------------------------------------------------------------------
     5) Paket karşılaştırma sekmeleri
     4 sekme mobil genişliğe sığmıyordu; şerit yatay kaydırılabilir olur.
     Sekmeler içerik filtresi olduğu için tablo hizasını etkilemez.
     -------------------------------------------------------------------- */
  .custom-thead .tabs {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .custom-thead .tabs::-webkit-scrollbar {
    display: none;
  }
  .custom-thead .tabs .tab {
    flex: 0 0 auto;
    white-space: nowrap;
  }
}