/*
 * PSSILO — mobil/tablet düzeltmeleri (2026-10-03)
 * Tema tasarımına dokunmaz; yalnız taşma, örtüşme ve dokunma sorunlarını onarır.
 * Geri almak için: layouts/app.blade.php içindeki mobile-fixes.css <link> satırını silin.
 */

/* 1) İç sayfalarda arama ikonu görünmüyordu: astra-inner.css'te .nav-search
      stili yok → SVG 0x0, bağlantı tıklanamaz. Anasayfadaki (astra.css) kuralın aynısı. */
.nav-search {
  display: inline-grid;
  place-items: center;
  width: 38px;
  height: 38px;
  color: inherit;
  opacity: .92;
  transition: color .18s ease, opacity .18s ease;
}
.nav-search:hover { color: var(--accent); opacity: 1; }
.nav-search svg { width: 20px; height: 20px; }

/* 2) Dil seçici yalnız :hover ile açılıyordu; dokunmatik ekranda dokununca
      odak alır (tabindex) ve açık kalır. Dokunma alanı görünümü değiştirmeden büyütüldü. */
.nav-lang:focus-within .nav-lang-menu { display: flex; }
.nav-lang:focus-within .nav-lang-current:after { transform: rotate(-135deg) translateY(0); }
.nav-lang-current:focus { outline: none; }
.nav-lang-current:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
@media (max-width: 980px) {
  .nav-lang-current { padding: 12px 8px; margin: -6px -8px; }
}

/* 3) Küresel harita bölümü (721–1100px): ".worldmap .shell{position:relative}"
      .wm-share'in absolute konumunu eziyor, "bottom" payı satırı yukarı itiyor →
      paylaş ikonları başlığın altında kalıyor. Satır başlığın altına akar. */
@media (min-width: 721px) and (max-width: 1100px) {
  /* sol pay = başlığınki; dikey "Küresel" etiketiyle çakışmasın */
  .worldmap .wm-share { bottom: auto; margin-top: 40px; padding-left: clamp(46px, 9vw, 150px); }
}

/* 4) Yüzen iletişim butonu dikey ortada sağ kenarda duruyor; telefonda/tablette
      başlıkların ve form alanlarının üstünü örtüyor → sağ alt köşeye alındı. */
@media (max-width: 980px) {
  .floating-contact {
    top: auto;
    bottom: calc(18px + env(safe-area-inset-bottom, 0px));
  }
}

/* 5) Panel editöründen gelen zengin içerik: geniş tablo/görsel/video/iframe
      dar ekranda kesiliyordu (body overflow-x:hidden). */
@media (max-width: 980px) {
  .rich img, .rich video { max-width: 100%; height: auto; }
  .rich iframe, .rich embed, .rich object { max-width: 100%; }
  .rich table { display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .rich pre { max-width: 100%; overflow-x: auto; }
  .rich { overflow-wrap: anywhere; }
}

/* 6) Arama sonuçları: başlık ve özet yan yana dar sütunlara sıkışıyordu
      (".list li" flex) → telefonda alt alta. */
@media (max-width: 640px) {
  .list li:has(> a > h3) {
    display: grid;
    grid-template-columns: 7px minmax(0, 1fr);
    column-gap: 14px;
    align-items: start;
  }
  .list li:has(> a > h3)::before { margin-top: 12px; }
  .list li:has(> a > h3) > p { grid-column: 2; }
}

/* Geniş ekran: harita bölümündeki paylaş satırı. Tema .wm-share'i bölümün altına
   absolute yerleştiriyor ama aynı öğedeki .shell { position: relative } bunu ezip
   satırı başlığın üstüne bindiriyordu. Temanın niyeti geri getirilir. */
@media (min-width: 1101px) {
  .worldmap .wm-share.shell { position: absolute; }
}

/* Açılır menü panelindeki alt öğeler (kategori/sayfa bağlantıları) daha küçük:
   tema 17–23px kullanıyordu; bölüm başlıkları ve iletişim bilgileri aynı kalır. */
.menu-col .menu-group ul { gap: 6px; }
.menu-col .menu-group ul a { font-size: clamp(15px, 1vw, 18px); line-height: 1.3; }