/* =========================================================================
   Acil Sertifika Core — [asc_faq] "Sıkça Sorulan Sorular" · TASARIM v2
   Kaynak: "Acil Sertifika.dc.html" 1626–1685 (`isFaqPage`).

   Tüm kurallar .asc-app[data-page="faq"] altına scope'lanır (shortcode her iki
   modda da kendi kabını basar → bileşen modunda da geçerli).
   Token öneki --as-* (v1 önekli token adları bu dosyadan TAMAMEN kaldırıldı).
   Akordeon / buton / kart / breadcrumb PAYLAŞILAN bileşenlerdir (asc.css §4).
   Ham hex YOK.

   ⚠️ Kutu yüksekliği: TÜM sorular KAPALI başlar ve `align-self` kullanılmaz —
   aksi hâlde ızgarada kutular farklı yükseklikte görünür (skill §6).

   Bölümler: 1) Hero  2) Yerleşim  3) Soru öğesi  4) "Tümünü gör"
             5) Danışman sütunu  6) Responsive
   ========================================================================= */

/* -------------------------------------------------------------------------
   1) HERO — beyaz zemin + diyagonal buz mavisi bant (DC 1628–1637)
   ------------------------------------------------------------------------- */
.asc-app[data-page="faq"] .as-faq-hero {
  position: relative;
  background: var(--as-white);
  overflow: hidden;
}
.asc-app[data-page="faq"] .as-faq-hero__tint {
  position: absolute;
  inset: 0;
  background: var(--as-band);
  clip-path: polygon(0 62%, 100% 0, 100% 100%, 0 100%);
  pointer-events: none;
}
.asc-app[data-page="faq"] .as-faq-hero__in {
  position: relative;
  padding-top: 44px;
  padding-bottom: 56px;
}
/* Kırıntı bağlantısı tasarımda 40px dokunma hedefidir (DC 1632); paylaşılan
   `.as-breadcrumb` yalnızca yazı tipini verdiği için satır ~24px kalıyor ve
   hero 16px kısalıyordu (ölçüm: canlı 354px / tasarım 370px). */
.asc-app[data-page="faq"] .as-breadcrumb a {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
}
.asc-app[data-page="faq"] .as-faq-hero__title {
  margin-top: 20px;
  max-width: 780px;
  text-wrap: balance;
}
.asc-app[data-page="faq"] .as-faq-hero__lead {
  margin-top: 18px;
  max-width: 660px;
  text-wrap: pretty;
}

/* -------------------------------------------------------------------------
   2) YERLEŞİM — sorular + (opsiyonel) danışman sütunu
   Sayfa modunda bölüm boşluğu tasarımda `padding:56px 0 88px` (DC 1639);
   paylaşılan `.as-section` dipte 96px veriyordu (ölçüm: canlı 96px).
   ------------------------------------------------------------------------- */
.asc-app[data-page="faq"] .as-faq-section--page {
  padding-top: 56px;
  padding-bottom: 88px;
}

.asc-app[data-page="faq"] .as-faq-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 32px;
  align-items: start;
}
.asc-app[data-page="faq"] .as-faq-section .as-sec-head + .as-faq-layout { margin-top: 30px; }

/* -------------------------------------------------------------------------
   3) SORU ÖĞESİ — paylaşılan .as-accordion üzerine ince ayar
   ------------------------------------------------------------------------- */
.asc-app[data-page="faq"] .as-faq-item { box-shadow: var(--as-shadow-soft); }
.asc-app[data-page="faq"] .as-faq-item:hover { border-color: var(--as-blue-ring); }

.asc-app[data-page="faq"] .as-faq-item__h { margin: 0; }
.asc-app[data-page="faq"] .as-faq-item__q {
  padding: 20px 22px;
  /* Soru tipografisi tasarımda başlık öğesinin üstündedir: 1.0625rem (17px) /
     700 / 1.45 → 24.65px, harf aralığı YOK (DC 1645). Paylaşılan
     `.as-accordion__q` 15.5px/1.45 (22.475px) ve -.01em veriyordu; ölçümde
     buton 15.5/22.475/-0.155px çıkıyor, iç metin de o negatif aralığı miras
     alıyordu. Değerler butona yazılır → hem ölçüm hem miras tasarıma oturur. */
  font-size: 1.0625rem;
  line-height: 1.45;
  letter-spacing: normal;
}
/* Uzun soru sarsın (Elementor reset `button{white-space:nowrap}` mirası).
   Boyut/satır yüksekliği/harf aralığı artık butondan miras alınır — tek kaynak. */
.asc-app[data-page="faq"] .as-faq-item__text {
  min-width: 0;
  white-space: normal;
  font-weight: 700;
}
.asc-app[data-page="faq"] .as-faq-item__ico { background: var(--as-tint); }
/* Artı → eksi: dönme yerine dikey çizgiyi söndür (ikon her durumda okunur). */
.asc-app[data-page="faq"] .as-accordion__item.is-open .as-faq-item__ico { transform: none; }
.asc-app[data-page="faq"] .as-faq-item__bar { transition: opacity var(--as-t-fast) var(--as-ease); }
.asc-app[data-page="faq"] .as-accordion__item.is-open .as-faq-item__bar { opacity: 0; }

.asc-app[data-page="faq"] .as-faq-item__a {
  padding: 0 22px 22px;
  max-width: 74ch;
  font-size: 15.5px;
  line-height: 1.75;
  color: var(--as-ink-2);
}

/* -------------------------------------------------------------------------
   4) "TÜM SORULARI GÖRÜNTÜLE" — bileşen modu (more="yes")
   ------------------------------------------------------------------------- */
.asc-app[data-page="faq"] .as-faq-more {
  align-self: flex-start;
  min-height: var(--as-tap);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 6px;
  font-size: 14.5px;
  font-weight: 700;
  color: var(--as-blue);
}
.asc-app[data-page="faq"] .as-faq-more:hover { color: var(--as-navy); }

/* -------------------------------------------------------------------------
   5) DANIŞMAN SÜTUNU (DC 1658–1678)
   ------------------------------------------------------------------------- */
.asc-app[data-page="faq"] .as-faq-aside {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.asc-app[data-page="faq"] .as-faq-advisor {
  padding: 26px;
  border-radius: var(--as-r-card);
  background: var(--as-navy);
  box-shadow: var(--as-shadow-dark);
}
.asc-app[data-page="faq"] .as-faq-advisor__title {
  margin-top: 16px;
  font-size: 1.15rem;
  font-weight: 800;
  letter-spacing: -.02em;
  line-height: 1.3;
  color: var(--as-white);
}
.asc-app[data-page="faq"] .as-faq-advisor__text {
  margin-top: 10px;
  font-size: 14.5px;
  line-height: 1.65;
  color: var(--as-on-navy);
}
.asc-app[data-page="faq"] .as-faq-advisor__cta { margin-top: 18px; }
.asc-app[data-page="faq"] .as-faq-advisor__wa  { margin-top: 9px; }

.asc-app[data-page="faq"] .as-faq-links { box-shadow: var(--as-shadow-soft); }
.asc-app[data-page="faq"] .as-faq-links__title { color: var(--as-muted); }
.asc-app[data-page="faq"] .as-faq-links__list {
  margin-top: 14px;
  display: flex;
  flex-direction: column;
}
.asc-app[data-page="faq"] .as-faq-links__list a {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  font-size: 14.5px;
  font-weight: 600;
  color: var(--as-ink-2);
}
.asc-app[data-page="faq"] .as-faq-links__list a:hover { color: var(--as-blue); }

/* -------------------------------------------------------------------------
   6) RESPONSIVE — 1000px altında sütun üste geçer, sticky kalkar
   ------------------------------------------------------------------------- */
@media (min-width: 1000px) {
  .asc-app[data-page="faq"] .as-faq-layout--aside {
    grid-template-columns: minmax(0, 1fr) minmax(0, 300px);
    gap: 44px;
  }
  .asc-app[data-page="faq"] .as-faq-aside { position: sticky; top: 110px; }
}
@media (max-width: 899.98px) {
  .asc-app[data-page="faq"] .as-faq-hero__in { padding-top: 32px; padding-bottom: 40px; }
  .asc-app[data-page="faq"] .as-faq-section--page { padding-top: 40px; }
}
@media (max-width: 599.98px) {
  .asc-app[data-page="faq"] .as-faq-item__q { padding: 17px 18px; }
  .asc-app[data-page="faq"] .as-faq-item__text { font-size: 1rem; }
  .asc-app[data-page="faq"] .as-faq-item__a { padding: 0 18px 18px; font-size: 15px; }
  .asc-app[data-page="faq"] .as-faq-advisor { padding: 22px; }
}