/* ============================
   HELP CENTER – Styles
   ============================ */

/* ---- Genel bölüm başlıkları ---- */
.hc-section-title {
    /* Örn: "Sık Sorulanlar", "Popüler", "Son Güncellenen" */
    font-size: 1.25rem;    /* ≈ <h5> boyutu */
    font-weight: 600;
    margin: 1.25rem 0 .75rem 0;
  }
  
  /* SSS kart başlıklarını daha küçük göster (hiyerarşi) */
  .hc-faq .card-title,
  .hc-faq .list-group-item .fw-semibold {
    font-size: 1rem;
    font-weight: 600;
  }
  
  /* ---- Makale kartları & list öğeleri (ortak) ----
     .help-article-card hem <a class="card"> hem de
     <a class="list-group-item"> için kullanılabilir. */
  .help-article-card {
    display: block;
    text-decoration: none !important;
    border-radius: .75rem;
    border: 1px solid rgba(0,0,0,.05);
    transition:
      background-color .15s ease,
      transform .15s ease,
      box-shadow .15s ease,
      border-color .15s ease;
    cursor: pointer;
  }
  
  /* Kart içeriği metin renkleri */
  .help-article-card .card-title { margin-bottom: .35rem; }
  .help-article-card .card-text { color: var(--bs-secondary-color, #6c757d); }
  
  /* Hover / focus efektleri (kart ve list item için) */
  .help-article-card:hover,
  .help-article-card:focus,
  .help-article-card:focus-visible {
    background-color: var(--bs-light);
    transform: translateY(-2px);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.08);
    border-color: rgba(0,0,0,.10);
    outline: none;
  }
  
  /* Erişilebilir odak halkası */
  .help-article-card:focus-visible {
    /* mavi odak + hafif gölge */
    box-shadow:
      0 0 0 .2rem rgba(13,110,253,.25),
      0 .5rem 1rem rgba(0,0,0,.08);
  }
  
  /* Kart gövdesi arka plan geçişini de yumuşat */
  .help-article-card .card-body {
    transition: background-color .15s ease;
  }
  .help-article-card:hover .card-body,
  .help-article-card:focus .card-body,
  .help-article-card:focus-visible .card-body {
    background-color: var(--bs-light);
  }
  
  /* List-group görünümünü kartla uyumlu hale getir */
  .help-article-card.list-group-item {
    border-radius: .75rem;
    border: 1px solid rgba(0,0,0,.05);
    padding: .875rem 1rem;
  }
  
  /* Kart içindeki ikon-metni hizalama için ufak iyileştirme */
  .help-article-card .bi { vertical-align: -.1rem; }
  
  /* ---- Küçük ekranlarda boşluklar ---- */
  @media (max-width: 576px) {
    .hc-section-title { font-size: 1.125rem; }
    .help-article-card.list-group-item { padding: .75rem .875rem; }
  }
  
  /* ---- Yardım sayfa içi asistan kutusu (varsa) ----
     Not: popup widget yardım sayfalarında kullanılmıyor.
     Bu sınıf sadece sayfa içine gömülü asistan bileşeni
     için kenar boşlukları sağlar. */
  .hc-inline-assistant {
    margin-top: 1.25rem;
  }