/* =========================================================
   SSS (FAQ) — sss.css
   sayfa.css ile uyumlu; BI ikonlarıyla şık akordeon
   ========================================================= */

:root{
  /* sayfa.css değişkenlerini kullanır; gerekirse opsiyonel ayar */
}

/* Kart içinde üst bilgi satırı */
.faq-card{ padding: 18px; }
.faq-intro{
  display:flex; align-items:flex-start; gap:10px;
  border:1px dashed var(--bhz-border);
  background:var(--bhz-muted-surface);
  border-radius:var(--bhz-radius-lg);
  padding:12px 14px; margin-bottom:14px;
  color:var(--bhz-text);
}
.faq-intro i{ font-size:18px; opacity:.85; margin-top:2px; }
.faq-intro a{ color:var(--bhz-primary-600); text-decoration:none; font-weight:700; }
.faq-intro a:hover{ text-decoration:underline; }

/* Akordeon kapsayıcı */
.faq-accordion{ display:grid; gap:10px; }

/* Her madde */
.faq-item{
  border:1px solid var(--bhz-border);
  background:var(--bhz-surface);
  border-radius:var(--bhz-radius-xl);
  box-shadow: var(--bhz-shadow-sm);
  transition: box-shadow .15s ease, border-color .15s ease, transform .15s ease;
}
.faq-item:hover{ box-shadow: var(--bhz-shadow); transform: translateY(-1px); }

/* Soru başlığı (button) */
.faq-q{ margin:0; }
.faq-toggle{
  width:100%;
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  padding:14px 16px;
  background:transparent; color:var(--bhz-text);
  border:0; border-radius:inherit; cursor:pointer;
  text-align:left; font-weight:800; font-size:16px;
}
.faq-toggle:focus{ outline:none; box-shadow:0 0 0 3px rgba(37,99,235,.18); }
.q-left{ display:flex; align-items:center; gap:10px; }
.q-left i{ font-size:18px; color:var(--bhz-primary-600); }

/* Cevap paneli */
.faq-a{
  max-height:0; overflow:hidden;
  opacity:.7;
  transition: max-height .25s ease, opacity .2s ease, padding .2s ease;
  padding:0 16px;
  color:var(--bhz-text-muted);
}
.faq-a p, .faq-a ul, .faq-a ol{ margin: 10px 0 16px; line-height:1.6; }
.faq-a a{ color: var(--bhz-primary-600); text-decoration:none; font-weight:700; }
.faq-a a:hover{ text-decoration:underline; }

/* Açık durum */
.faq-item.open{ border-color: rgba(37,99,235,.25); }
.faq-item.open .faq-a{
  max-height: 500px; /* tipik cevaplar için yeterli; uzunsa JS scrollHeight ile güncelliyoruz */
  opacity:1; padding: 0 16px 16px 16px;
}
.q-caret{ transition: transform .2s ease; font-size:18px; opacity:.8; }
.faq-item.open .q-caret{ transform: rotate(180deg); }

/* Küçük ekranlar */
@media (max-width: 768px){
  .faq-toggle{ padding:12px 14px; font-size:15px; }
  .faq-a{ padding:0 14px; }
  .faq-item.open .faq-a{ padding:0 14px 14px 14px; }
}