/* ============================================================
   mobile-fix 2026-08-13m  —  Şener siteleri için mobil uyum
   Hedefler:
   1) Menü telefonda güzel açılsın (kayan çekmece + animasyon)
   2) Yazılar ortada (menü, hero, başlıklar)
   3) Bayrak/dil seçenekleri üst üste binmesin (net aralıklı)
   Tüm "!important" kurallar mevcut temaları güvenle geçersiz kılmak için.
   ============================================================ */

html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
html, body { max-width: 100%; overflow-x: hidden; }
*, *::before, *::after { box-sizing: border-box; }
img, video { max-width: 100%; height: auto; }

/* ---------- DİL MENÜSÜ: seçenekler üst üste binmesin ---------- */
@media (max-width: 980px) {
  .lang-dd-menu,
  .nib-lang-dd-menu {
    min-width: 11rem !important;
    right: 0 !important;
    padding: .25rem 0 !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, .38) !important;
  }
  .lang-dd-menu li + li,
  .nib-lang-dd-menu li + li { border-top: 1px solid rgba(255, 255, 255, .08); }

  .lang-dd-menu a,
  .nib-lang-dd-menu a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: .9rem !important;
    padding: .72rem .85rem !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
  }
  .lang-dd-menu a img,
  .nib-lang-dd-menu a img {
    width: 18px !important; height: 18px !important; flex: 0 0 auto !important;
  }
  .lang-dd-name, .nib-lang-dd-name { flex: 1 1 auto !important; min-width: 0; }
  .lang-dd-code, .nib-lang-dd-code { opacity: .55 !important; font-size: .68rem !important; }

  /* dil butonu + hamburger yan yana, binleşmesin */
  .head-tools { gap: .45rem !important; flex-wrap: nowrap !important; }
  .lang-dd-btn, .lang-dd-btn-light {
    padding: .4rem .5rem !important; white-space: nowrap !important;
    display: inline-flex !important; align-items: center !important; gap: .35rem !important;
  }
  /* menü açıkken dil butonu gizle — kapat (×) ile binleşmesin */
  body.nav-open .lang-dd,
  body.nav-open .lang-dd-mobile,
  body.nav-open .lang-dd-btn,
  body.nav-open .lang-dd-btn-light { display: none !important; }
  /* menü açıkken hamburgeri gizle — tek bir temiz × (çekmecede) kalsın */
  body.nav-open .nav-toggle { display: none !important; }
}

/* ---------- MOBİL ÇEKMECE (kayan animasyon + ortalı yazı) ---------- */
@media (max-width: 899px) {
  /* Çekmece: her zaman flex ama ekran dışında, body.nav-open'da kayıp gelir */
  #site-nav {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    position: fixed !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: auto !important;
    height: 100vh !important;
    height: 100dvh !important;
    width: min(20rem, 88vw) !important;
    background: #0e161c !important;
    padding: 4.6rem 1.4rem 2.4rem !important;
    z-index: 50 !important;
    transform: translateX(-105%) !important;
    transition: transform .3s cubic-bezier(.4, 0, .2, 1) !important;
    overflow-y: auto !important;
    gap: 1.1rem !important;
    box-shadow: 0 0 44px rgba(0, 0, 0, .45) !important;
    border-right: 1px solid rgba(181, 106, 58, .25) !important;
  }
  body.nav-open #site-nav { transform: translateX(0) !important; }

  /* menü bağlantıları ortada */
  #site-nav a {
    font-size: 13px !important;
    letter-spacing: .14em !important;
    padding: .4rem 0 !important;
    width: 100% !important;
    text-align: center !important;
    text-transform: uppercase;
  }
  .nav-mobile-only { display: block !important; }

  /* kapat butonu */
  #site-nav .nav-close {
    display: block !important;
    position: absolute !important;
    top: .9rem; right: 1rem;
    background: none; border: 0; color: #fff;
    font-size: 1.9rem; line-height: 1; cursor: pointer; padding: .2rem .45rem;
  }

  /* perde */
  body.nav-open .nav-scrim {
    display: block !important;
    position: fixed !important; inset: 0 !important;
    background: rgba(0, 0, 0, .5) !important; z-index: 45 !important;
    animation: mf-scrim .25s ease forwards;
  }
  @keyframes mf-scrim { from { opacity: 0; } to { opacity: 1; } }

  /* hamburger */
  .nav-toggle { padding: 8px 9px !important; }
}

/* ---------- GENEL ORTALAMA + IZGARA DÜZENİ (telefon) ---------- */
@media (max-width: 767px) {
  .hero-inner, .split-2, .split, .two-col, .row, .cols, .cols-2 {
    text-align: center !important;
    grid-template-columns: 1fr !important;
  }
  .hero-inner h1, .hero-inner h2, .hero-inner p,
  .r-title, .r-lead, .r-p, .r-kicker,
  section h1, section h2, section h3, section p,
  .wrap > h1, .wrap > h2, .wrap > h3 {
    text-align: center !important;
  }
  .cards-3, .g3, .g4, .ukr-grid, .grid-3, .grid-4, .facts {
    grid-template-columns: 1fr !important;
  }
  .stats { grid-template-columns: 1fr 1fr !important; }
  .frame, .photo-frame { margin-inline: auto !important; }
  .hero-photo, .split-2 > *:last-child { justify-items: center !important; }
  .r-lead, .r-p, .hero-inner p { margin-inline: auto !important; max-width: 42rem !important; }
}

/* ---------- .net özel (nib-) — yalnızca ortalama + dil aralığı ----------
   .net'in kendi kayan çekmece mekanizması korunur (transform/position'a dokunulmaz). */
@media (max-width: 900px) {
  .nib-nav { text-align: center !important; }
  .nib-nav a {
    text-align: center !important;
    width: 100% !important;
    padding: .55rem 0 !important;
    justify-content: center !important;
  }
  .nib-lang-dd-menu a {
    display: flex !important;
    align-items: center !important;
    gap: .65rem !important;
    padding: .72rem .85rem !important;
    white-space: nowrap !important;
  }
  .nib-lang-dd-menu li + li { border-top: 1px solid rgba(255, 255, 255, .08); }
  .nib-header-right { gap: .5rem !important; flex-wrap: nowrap !important; }
  .nib-lang-dd-btn { white-space: nowrap !important; }
}