/* ============================================================
   idaserver.net — tema üstü düzeltmeler (hostx-child)
   head.tpl bu dosyayı EN SON yükler; buradaki kurallar tema
   CSS'ini ezer. Tema dosyalarına dokunulmaz (güncellemede silinir).
   ============================================================ */

/* ------------------------------------------------------------
   KAYIT FORMU — ülke telefon kodu seçilemiyordu (06.09.2026)

   Belirti: register.php'de telefon alanındaki ülke/bayrak açılır
   listesi görünmüyor, müşteri ülke kodu seçemediği için kayıt
   tamamlanamıyordu.

   Kök neden Z-INDEX DEĞİL, KIRPMA:
   hostx.css şu kuralı veriyor —
     .right-section-default-login-register .card,
     .right-section-default-login-register .card-body { overflow: hidden; }
   intl-tel-input'un ülke listesi `position: absolute` ve kartın
   dışına taşıyor (ölçüldü: 200px liste, karttan 183px taşma).
   `overflow: hidden` taşan kısmı KIRPAR; kırpılan bir öge hiçbir
   z-index değeriyle geri gelmez — bu yüzden z-index denemeleri
   sonuç vermez.

   Çözüm: yalnızca telefon alanını barındıran kartta kırpmayı kaldır.
   :has() ile kapsam dar tutuluyor — diğer login/register kartları
   (ör. sağdaki tanıtım kutusu) overflow:hidden davranışını korur.
   ------------------------------------------------------------ */
.right-section-default-login-register .card:has(#personalInformation),
.right-section-default-login-register #personalInformation {
  overflow: visible !important;
}

/* :has() desteklemeyen eski tarayıcılar için yedek: kartın gövdesi
   yine de açılır. Dış kart kırpmaya devam edeceği için liste tam
   görünmez ama iki-üç satır seçilebilir hâle gelir — hiç seçilememek
   yerine kısmi çalışır. */
@supports not selector(:has(*)) {
  .right-section-default-login-register #personalInformation {
    overflow: visible !important;
  }
}

/* Açılır liste, altındaki alanların üstünde kalsın (kırpma
   kalktıktan sonra sıralama için; tek başına yeterli DEĞİLDİR). */
.right-section-default-login-register .intl-tel-input .country-list {
  z-index: 1000;
}

/* ------------------------------------------------------------
   KAYIT SAYFASI — soldaki kirmizi panel bos geliyordu (06.09.2026)

   hostx.css kayit sayfasi icin AYRI bir gorsel istiyor:
     .login-side-image.register-page-hostx-left {
        background-image: url(../images/reg-left-img-grl-reg.png);
     }
   Ama o dosya temada HIC YOK — ne hostx-child/images ne hostx/images
   altinda (HTTP 404). Giris sayfasindaki left-img-grl-reg.png ise var.
   Sonuc: girişte gorsel var, kayitta yalniz duz kirmizi zemin.

   Cozum: kayit paneli de mevcut gorseli kullansin.

   background-size: cover DEGIL — bilerek. Gorsel 362x569 (dikey, oran 0,64);
   kayit panelinin oraninin 365x1517 (oran 0,24) oldugu bir yerde cover onu
   ~2,7 kat buyutup ortasindan ince bir serit birakiyor, ekranda duz kirmizi
   gibi gorunuyor. Giris sayfasi da zaten dogal boyut + alta yaslama kullaniyor
   (hostx.css .login-side-image). Ayni davranis burada da dogrusu: gorsel
   panelin altina oturur, ustu marka kirmizisi kalir.
   ------------------------------------------------------------ */
.login-side-image.register-page-hostx-left {
  background-image: url(../images/left-img-grl-reg.png);
  background-size: auto;
  background-repeat: no-repeat;
  background-position: center bottom;
}

/* ------------------------------------------------------------
   RC&LB TOOLS EKLENTİSİ (resellerclubmods_tools) — BS3 güvenlik ağı (11.09.2026)

   Eklentinin müşteri şablonları Bootstrap 3 sınıflarıyla yazılmış
   (.well, .label.label-danger). Tema Bootstrap 4 (twenty-one +
   hostx-child): BS4'te .well YOK, .label yalnızca twenty-one'ın
   theme.min.css'inde eski uyumluluk için var. movedomain.tpl ve
   suggestdomain.tpl'yi kart düzenine çevirdik (bkz. modules/addons/
   resellerclubmods_tools/README.md); bu blok eklentinin DOKUNMADIĞIMIZ
   diğer sayfaları ve olası bir eklenti güncellemesinin şablonları
   üzerine yazması ihtimali için: .well ≈ .card.card-body,
   .label ≈ .badge. Yalnız eklenti sayfalarında etkili olsun diye
   body'deki `resellerclubmods_tools` sınıfıyla (header.tpl
   {$smarty.get.m}) kapsamlanmıştır.
   ------------------------------------------------------------ */
body.resellerclubmods_tools .well {
  display: block;
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .125);
  border-radius: .25rem;
}
body.resellerclubmods_tools .well > div > form { margin-bottom: 0; }
body.resellerclubmods_tools .label {
  display: inline-block;
  padding: .25em .4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25rem;
  background-color: #6c757d; /* .label-default ≈ .badge-secondary */
}
body.resellerclubmods_tools .label-danger  { background-color: #dc3545; } /* ≈ .badge-danger  */
body.resellerclubmods_tools .label-success { background-color: #28a745; } /* ≈ .badge-success */
body.resellerclubmods_tools .label-warning { background-color: #ffc107; color: #212529; } /* ≈ .badge-warning */
body.resellerclubmods_tools .label-info    { background-color: #17a2b8; } /* ≈ .badge-info    */

/* Kart düzenindeki yeni şablonlar için küçük dokunuşlar.
   hostx-client-area.css `.table`'a padding:10px 25px !important + gölge
   veriyor (tablo %100 + 50px → kartın dışına taşıp yatay kaydırma şeridi
   çıkarıyor) ve `.table td`'ye background:transparent / text-align:left
   !important basıyor (BS4 .table-success/.table-danger ve .text-center
   ölüyor). Kart zaten çerçeve olduğundan tabloyu sadeleştirip hücre
   renklerini geri veriyoruz. Ölçüm: 11.09.2026 önizleme, 1280px. */
body.resellerclubmods_tools .rcm-card { margin-bottom: 1.25rem; }
body.resellerclubmods_tools .rcm-card .table {
  padding: 0 !important;
  box-shadow: none;
  border-collapse: collapse;
  margin-bottom: 1rem;
}
body.resellerclubmods_tools .rcm-card .table td,
body.resellerclubmods_tools .rcm-card .table th { padding: .6rem .75rem !important; }
body.resellerclubmods_tools .rcm-summary-table th { white-space: nowrap; }
body.resellerclubmods_tools .rcm-suggest-table td,
body.resellerclubmods_tools .rcm-suggest-table thead th { text-align: center !important; }
body.resellerclubmods_tools .rcm-suggest-table td.table-success { background-color: #d4edda !important; }
body.resellerclubmods_tools .rcm-suggest-table td.table-danger  { background-color: #f8d7da !important; }
body.resellerclubmods_tools .rcm-avail .custom-select { width: auto; margin: 0 .35rem; }
body.resellerclubmods_tools .rcm-tld-grid { display: flex; flex-wrap: wrap; gap: .35rem 1.25rem; }
body.resellerclubmods_tools .rcm-tld-grid .custom-control-inline { margin: 0; }

/* Ana sayfa ürün kartları (blocks/three_in_one_price.tpl → .hx_description ul).
   Satıcı kuralı hostx.css:6693 `max-height:340px; overflow:auto` özellik listesini
   kartın İÇİNDE kaydırıyor ve son satırları keser (kullanıcı ekran görüntüsü
   15.09.2026: "Free SSL" çubuğun altında kalıyordu). Kullanıcı kararı 15.09: iç
   kaydırma HİÇBİR genişlikte olmasın, liste düz ve tam görünsün (önce yalnız mobil
   yapılmıştı, 3.0.4'te masaüstü de). Üç kartın listesi aynı uzunlukta olduğu için
   masaüstünde kart yükseklikleri eşit kalıyor. */
.hx_description ul { max-height: none; overflow: visible; }

/* Ana sayfa "home-page-pricing-style-2" bloğu (pricing_section home-page-pricing-section-two,
   #productList). hostx.js homePagePricingMobileSlider() 993px altında hem style-1 hem style-2'yi
   slick kaydırıcıya çeviriyor (dots:true, arrows varsayılan açık); ama hostx-responsive.css:1002-1039
   ok/nokta stilini YALNIZ .home-page-pricing-style-1 için yazmış. style-2'de slick'in ham
   <button>'ları ("Previous" / "Next" / 1 2 3 4) stilsiz çıkıyordu (kullanıcı ekran görüntüsü
   15.09.2026, iPhone 14 Pro Max). Aşağısı style-1 kurallarının style-2 kopyası; chevron için
   FA Pro yoksa FA Free solid (900) da aynı kod noktalarını taşır. */
@media (max-width: 991px) {
  .home-page-pricing-style-2 .slick-arrow {
    font-size: 0;
    background: var(--bg-light-primary-color);
    border: transparent;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    z-index: 9999;
    padding: 0;
    cursor: pointer;
  }
  .home-page-pricing-style-2 .slick-prev.slick-arrow { left: -2px; }
  .home-page-pricing-style-2 .slick-next.slick-arrow { right: -6px; }
  .home-page-pricing-style-2 .slick-prev.slick-arrow:after,
  .home-page-pricing-style-2 .slick-next.slick-arrow:after {
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 16px;
    line-height: 18px;
    color: var(--secondary-color);
  }
  .home-page-pricing-style-2 .slick-prev.slick-arrow:after { content: "\f053"; }
  .home-page-pricing-style-2 .slick-next.slick-arrow:after { content: "\f054"; }
  .home-page-pricing-style-2 ul.slick-dots { display: none !important; }
}
@media (max-width: 575px) {
  .home-page-pricing-style-2 .slick-prev.slick-arrow { left: 4px; }
  .home-page-pricing-style-2 .slick-next.slick-arrow { right: 7px; }
}
