/* Ana sayfa güncellemesi (2026-10-02) — mevcut tema dosyalarına dokunmadan, üstüne biner.
   Geri almak için: layout.php'deki ana-guncel.css <link> satırını silmek yeter. */

/* 1) Üst duyuru çubuğu: mobilde 77px → ~48px (en çok 2 satır, küçük yazı, ince kapat düğmesi) */
@media (max-width: 767px) {
  .site-duyuru > div { padding: 6px 6px 6px 12px !important; min-height: 0 !important; gap: 4px !important; }
  .site-duyuru > div > div:first-child {
    font-size: 12px !important; line-height: 1.35 !important;
    display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden;
  }
  .site-duyuru > div > button { width: 28px !important; height: 28px !important; font-size: 14px !important; }
}

/* 2) Yüzen Telegram butonu: daha küçük, kenara yakın; posterleri ve alt menüyü örtmesin */
@media (max-width: 767px) {
  #tgYuzenWrap { right: 10px !important; bottom: calc(env(safe-area-inset-bottom, 0px) + 88px) !important; }
  #tgYuzenWrap .tg-yuzen { width: 44px !important; height: 44px !important; opacity: .92; }
  #tgYuzenWrap .tg-yuzen svg { width: 24px !important; height: 24px !important; }
}

/* 3) Hız: ana sayfada ekran dışındaki bölümler ekrana yaklaşınca çizilir (ilk açılış hızlanır) */
.page:has(#devamSection) .section ~ .section:not(#listeBasi) {
  content-visibility: auto;
  contain-intrinsic-size: auto 340px;            /* ölçülen medyan: mobil 338px */
}
@media (min-width: 768px) {
  .page:has(#devamSection) .section ~ .section:not(#listeBasi) { contain-intrinsic-size: auto 530px; }   /* masaüstü medyanı 533px */
}

/* 4) Bölüm başlıkları: daha okunaklı, satırlar arası nefes */
.page:has(#devamSection) .section-head { margin-bottom: 10px; }
.page:has(#devamSection) .section-title { letter-spacing: -.01em; }
.page:has(#devamSection) .section { margin-top: 6px; }

/* 5) Kart etkileşimi: dokunma/üstüne gelince hafif yükselme (yalnızca fare olan cihazlarda) */
@media (hover: hover) {
  .page:has(#devamSection) .hrow .card { transition: transform .18s ease, box-shadow .18s ease; }
  .page:has(#devamSection) .hrow .card:hover { transform: translateY(-3px); box-shadow: 0 14px 28px -14px rgba(0,0,0,.8); }
}
@media (prefers-reduced-motion: reduce) {
  .page:has(#devamSection) .hrow .card, .page:has(#devamSection) .hrow .card:hover { transition: none; transform: none; }
}