/* ============================================================
   Etiket / bolge detay - govde ustu bilesenler
   Tarih: 2026-08-28

   Bu dosya YALNIZCA CKEditor govdesinin ustundeki bloklarin
   (hizli aksiyon seridi, ozet kartlar, icindekiler) Tailwind ile
   ifade edilemeyen kisimlarini tasir. Renk ve boslugu sinif
   olarak sablonda tutmaya devam ediyoruz; burada davranis var.
============================================================ */

/* ---------- Icindekiler capasi ----------
   site-header "fixed top-0". Onlem alinmazsa #baslik baglantisina
   tiklayinca hedef baslik header'in ALTINDA kaliyor ve kullanici
   yanlis yere gelmis saniyor.

   DEGER TARAYICIDA OLCULDU: header 107px (sayfa basinda da,
   kaydirilmis halde de - kuculmuyor). Diger dosyalardaki 6rem=96px
   yetmiyor, baslik 11px ortuluyordu. 7.5rem=120px ile 13px nefes
   payi kaliyor.

   Fazla pay zararsiz (basligin ustunde biraz bosluk); az pay
   basligi gizler. Bu yuzden bilerek comert tarafta. */
.etiket-icerik h2{
  scroll-margin-top:7.5rem;
}

/* Kullanici "azaltilmis hareket" istiyorsa yumusak kaydirma
   yapilmaz; capa aninda hedefe gider. */
@media (prefers-reduced-motion: no-preference){
  html{ scroll-behavior:smooth; }
}

/* ---------- <details> acilir icindekiler ----------
   Tarayicinin varsayilan ucgen isaretcisi kaldiriliyor; yerine
   sablondaki chevron ikonu donuyor. list-style tek basina
   WebKit'te yetmiyor, ::-webkit-details-marker de gerekiyor. */
.etiket-icindekiler > summary{
  list-style:none;
}
.etiket-icindekiler > summary::-webkit-details-marker{
  display:none;
}
.etiket-icindekiler > summary::marker{
  content:"";
}

/* Klavyeyle gezenler icin gorunur odak halkasi.
   summary varsayilan odak stilini kaldirdigimizda kaybolmustu. */
.etiket-icindekiler > summary:focus-visible{
  outline:2px solid rgb(59 130 246 / .6);
  outline-offset:-2px;
  border-radius:1rem;
}

/* ---------- Hizli aksiyon seridi ----------
   Dokunmatik hedefler 44px'in altina dusmesin (WCAG 2.5.5).
   Kucuk telefonlarda uc butonlu izgara sikisabiliyordu. */
.etiket-aksiyon a{
  min-height:3.25rem;
}

/* Cok dar ekranda (<340px) uc butonun etiketi tasiyordu. */
@media (max-width: 340px){
  .etiket-aksiyon span{
    font-size:10px;
  }
}