/* ============================================================
   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;
}
