/*
 * sanal-lig/mobile-v297.css — Sanal Lig mobil tamamlayıcı katman.
 *
 * MEVCUT DÜZEN KORUNDU.
 *   Bu oyunun mobil bilgi mimarisi ölçüldü ve doğru çalışıyor:
 *     · alt gezinti şeridi güvenli alanı hesaba katıyor
 *       (`.mobile-app-nav`, padding-bottom: 9px + env(safe-area-inset-bottom)),
 *     · dört sekme (Merkez / Kupon / Canlı / Lig) telefonda, kısa Android
 *       ekranında, yatayda ve tablette yatay taşma olmadan çalışıyor,
 *     · tablet için `mobile-app-v282.css` içinde zaten iki sütunlu bir ara
 *       düzen var.
 *   Hiçbirine dokunulmadı; ortak menü de bilerek kurulmuyor (alt şerit
 *   zaten gezintiyi karşılıyor).
 *
 *   Burada yalnız ölçülerek bulunan iki dokunma hedefi büyütülür.
 */

@media (max-width: 900px), (pointer: coarse) {

  /* ===================== 1) Dil seçimi ================================== */

  /*
   * ÖLÇÜLDÜ: 75x36 (tablette 90x36). Yükseklik parmak için yetersiz.
   *
   * Hapı büyütmek üst şeridin yüksekliğini değiştirirdi; onun yerine
   * görünmez bir dokunma halkası eklenir. Görsel boyut, renk ve konum
   * aynı kalır; basılabilir alan 44 piksele çıkar. İki seçenek YAN YANA
   * durduğu için halka yalnız düşey yönde büyür, komşunun dokunuşunu
   * çalmaz.
   */
  html body.wos-mobile .languageChoice {
    position: relative;
  }

  html body.wos-mobile .languageChoice::after {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;   /* halka, altındaki kabın boşluğunun ÜSTÜNDE kalsın */
    width: 100%;
    height: 44px;
    transform: translateY(-50%);
    content: "";
  }

  /* ===================== 2) "Detaylı oranlar" akordeonu ================== */

  /*
   * ÖLÇÜLDÜ: 313x32 (yatayda 627x32). Kupon ekranında her maç kartında bir
   * tane var ve alt/üst, KG, çifte şans oranlarını açan tek yol bu.
   *
   * Yükseklik `sanal-lig-v99.css` içinde `min-height:34px!important` ile
   * sabitlenmiş ve kartın iç ölçüsüne göre ayarlanmış. Kuralı ezmek kart
   * yüksekliğini değiştirir; yine halka kullanılır.
   */
  html body.wos-mobile .compactDetailBtn {
    position: relative;
  }

  html body.wos-mobile .compactDetailBtn::after {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 44px;
    transform: translateY(-50%);
    content: "";
  }
}

/* ========================================================================== */
/*  3. ANA EKRANDAN AÇILAN UYGULAMA                                           */
/* ========================================================================== */

/*
 * Tarayıcı çubuğu yokken sayfa gerçekten ekranın tepesinden başlar.
 * Alt şerit kendi güvenli alan payını zaten alıyor; eksik olan üst pay.
 * Pay sıfırsa (Android, masaüstü) hiçbir şey değişmez.
 */
html.wos-standalone body.wos-mobile-app header {
  padding-top: max(var(--wos-safe-top, 0px), 4px);
}