/* ==========================================================================
   Delta Motor — Sikca Sorulan Sorular (sss.html)

   Bu dosya YALNIZCA SSS sayfasinin farklarini tasir. Akordeonun kendisi
   ortak bilesendir (`components.css` -> `.acc`); buradaki kurallar onu
   `.faq` kapsaminda ozellestirir, YENIDEN TANIMLAMAZ.
   ========================================================================== */

/* --- Soru sutunu ---------------------------------------------------------
   Genislik `.section-head` ile ayni (46rem): baslik blogu ile soru listesi
   ayni sol kenardan ayni yerde biter, sayfa tek sutun gibi okunur.
   -------------------------------------------------------------------------- */

.faq {
  max-width: 46rem;
}

/* Ilk maddenin ust cizgisi. Ortak bilesende yalniz `border-bottom` var;
   grubun ilk sorusu ustten acikta kalirdi. */
.faq .acc__item:first-child {
  border-top: 1px solid var(--c-line);
}

/* --- Soru satiri ---------------------------------------------------------
   Ortak `.acc__head` mono / 12px / BUYUK HARF'tir. O ayar servis
   kunyesindeki tek kelimelik basliklar ("Kapsam", "Aciklama") icin dogru;
   cumle uzunlugundaki bir SORU icin okunmaz. Degisiklik bilesende degil
   burada, cunku servis ve bakim sayfalari eski ayari kullanmaya devam eder.
   -------------------------------------------------------------------------- */

.faq .acc__head {
  align-items: flex-start;
  gap: var(--s-5);
  padding-block: var(--s-4);
  font-family: var(--f-body);
  font-size: var(--t-md);
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: 0;
  text-transform: none;
  color: var(--c-ink);
}

/* Kapali durumda da tam kontrastta duruyor (yukaridaki kural), bu yuzden
   geri bildirim renk KOYULASMASIYLA degil maviye DONMEYLE veriliyor. */
.faq .acc__head:hover,
.faq .acc__head[aria-expanded='true'] {
  color: var(--c-blue);
}

/* Soru iki satira sardiginda isaret ilk satirin optik ortasinda kalsin.
   Olculdu: 17px / 1.35 satir kutusu 23px, ortasi 11,5px; isaret kutusu
   12px ve cizgiler ortasinda, yani 6px. Fark 5,5px = 0,33em. */
.faq .acc__sign {
  margin-top: 0.33em;
}

/* Uzun soru metni izgara ogesi olarak min-content'in altina inemez;
   `min-width: 0` olmadan 390px'te satir kutuyu tasar. */
.faq__q {
  min-width: 0;
}

/* --- Cevap ---------------------------------------------------------------
   Olcu ~65-75 karakter: 16px govdede ortalama karakter genisligi ~0,5em,
   36rem (576px) bu araligin ortasina denk gelir.
   -------------------------------------------------------------------------- */

.faq .acc__inner {
  padding-bottom: var(--s-5);
}

.faq__a {
  max-width: 36rem;
  margin: 0;
  color: var(--c-ink-mute);
  font-size: var(--t-base);
  line-height: var(--lh-body);
}

.faq__a + .faq__a {
  margin-top: 0.8em;
}

.faq__a .link,
.faq__a a {
  color: var(--c-blue);
}

/* --- Yer tutucu ----------------------------------------------------------
   Firma bilgisi beklendigi surece GORUNUR kalir; sessizce bosluk
   birakilmaz. Bicim kvkk.html'deki `.legal__ph` ile ayni — proje icinde
   tek bir yer tutucu dili olsun diye yeni gorunum uretilmedi.
   `nowrap` YOK: 390px'te uzun bir yer tutucu satiri tasirdi.
   -------------------------------------------------------------------------- */

.faq__ph {
  font-family: var(--f-mono);
  font-size: 0.9em;
  font-weight: 500;
  color: var(--c-red);
  background: var(--c-red-wash);
  border: 1px dashed var(--c-red);
  border-radius: var(--r-sm);
  padding: 0.05em 0.35em;
  overflow-wrap: break-word;
}