/* SSS GÖRÜNÜMÜ — tek bileşen (App\Services\FaqView, 8.87). Sekmeli iki sütun; iki sütun yalnız kutu ≥720 px ise (konteyner sorgusu).
   Renk sitenin vurgu renginden; seçili sekme açık zemin + vurgu çerçevesi (yazı koyu → vurgu rengi ne olursa olsun okunur).
   Tema kurallarını ezmemek/ezilmemek için her kural .dtk-faqv kapsamında; eski tema SSS sınıfları (dtk-vt-q, dh2-faq, block-faq-item…) artık basılmıyor. */
.dtk-faqv {
  --faqv-accent: var(--bronze, var(--primary, #1f6b4f));
  --faqv-ink: #1b1f1d;
  --faqv-muted: #474e4a;
  --faqv-line: #e1e4e1;
  --faqv-soft: #f5f6f4;
  container-type: inline-size;
  margin: 0;
  padding: 0;
  text-align: left;
}
.dtk-faqv [hidden] { display: none !important; }

.dtk-faqv .dtk-faqv__tabs {
  display: flex; flex-wrap: wrap; gap: 8px;
  margin: 0 0 20px; padding: 0 0 16px;
  border-bottom: 1px solid var(--faqv-line);
}
.dtk-faqv .dtk-faqv__tab {
  display: inline-flex; align-items: center; gap: 6px;
  min-height: 44px; margin: 0; padding: 0 18px;
  border: 1px solid var(--faqv-line); border-radius: 999px;
  background: var(--faqv-soft); color: var(--faqv-ink);
  font: inherit; font-size: 15px; font-weight: 600; line-height: 1.2;
  cursor: pointer; text-transform: none; letter-spacing: normal; box-shadow: none;
  transition: border-color .2s ease, background-color .2s ease;
}
.dtk-faqv .dtk-faqv__tab:hover { border-color: color-mix(in srgb, var(--faqv-accent) 45%, var(--faqv-line)); }
.dtk-faqv .dtk-faqv__tab[aria-pressed="true"] {
  background: color-mix(in srgb, var(--faqv-accent) 12%, #fff);
  border-color: var(--faqv-accent);
}
.dtk-faqv .dtk-faqv__n { font-weight: 500; color: #5b625e; }
.dtk-faqv .dtk-faqv__tab:focus-visible,
.dtk-faqv .dtk-faqv__q > summary:focus-visible { outline: 2px solid var(--faqv-accent); outline-offset: 2px; }

.dtk-faqv .dtk-faqv__cols { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px 24px; align-items: start; margin: 0; padding: 0; }
@container (min-width: 720px) {
  .dtk-faqv .dtk-faqv__cols { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.dtk-faqv .dtk-faqv__col { display: flex; flex-direction: column; gap: 10px; min-width: 0; margin: 0; padding: 0; }

.dtk-faqv .dtk-faqv__q {
  margin: 0; padding: 0;
  border: 1px solid var(--faqv-line); border-radius: 10px;
  background: #fff; box-shadow: none;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.dtk-faqv .dtk-faqv__q:hover { border-color: color-mix(in srgb, var(--faqv-accent) 35%, var(--faqv-line)); }
.dtk-faqv .dtk-faqv__q[open] {
  border-color: color-mix(in srgb, var(--faqv-accent) 40%, var(--faqv-line));
  box-shadow: 0 8px 20px -14px rgba(0, 0, 0, .35);
}
.dtk-faqv .dtk-faqv__q > summary {
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  min-height: 56px; margin: 0; padding: 14px 18px;
  list-style: none; cursor: pointer;
  background: none; border: 0; border-radius: 10px;
  font-size: 16px; font-weight: 600; line-height: 1.4; color: var(--faqv-ink);
}
.dtk-faqv .dtk-faqv__q > summary::-webkit-details-marker { display: none; }
.dtk-faqv .dtk-faqv__q > summary::marker { content: ""; }
.dtk-faqv .dtk-faqv__q > summary::before,
.dtk-faqv .dtk-faqv__q > summary::after { content: none; }
.dtk-faqv .dtk-faqv__qt { min-width: 0; }
.dtk-faqv .dtk-faqv__ic {
  flex: none; width: 9px; height: 9px; margin: -4px 4px 0 0;
  border-right: 2px solid #5b625e; border-bottom: 2px solid #5b625e;
  transform: rotate(45deg); transition: transform .2s ease;
}
.dtk-faqv .dtk-faqv__q[open] .dtk-faqv__ic { transform: rotate(225deg); margin-top: 4px; }
.dtk-faqv .dtk-faqv__a {
  margin: 0; padding: 0 18px 18px;
  font-size: 15px; line-height: 1.65; color: var(--faqv-muted);
  overflow-wrap: anywhere;
}

@media (max-width: 640px) {
  .dtk-faqv .dtk-faqv__tab { padding: 0 14px; font-size: 14px; }
  .dtk-faqv .dtk-faqv__q > summary { padding: 12px 14px; font-size: 15px; }
  .dtk-faqv .dtk-faqv__a { padding: 0 14px 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .dtk-faqv .dtk-faqv__tab, .dtk-faqv .dtk-faqv__q, .dtk-faqv .dtk-faqv__ic { transition: none; }
}