/* ================================================
   hukuk-blog.css
   Balgat Hukuk — Blog Sayfaları
   Prefix: blg-
   ================================================ */

/* ================================================
   BLOG LİSTESİ (index sayfası)
   ================================================ */
.blg-blog-grid-tam {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--blg-bosluk-6);
  margin-top: 0;
}

@media (max-width: 900px) {
  .blg-blog-grid-tam {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 560px) {
  .blg-blog-grid-tam {
    grid-template-columns: 1fr;
  }
}

.blg-blog-karti-tam {
  background: var(--blg-yuzey);
  border: 1px solid var(--blg-sinir);
  border-radius: var(--blg-radius-md);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  transition: border-color var(--blg-gecis-hizli) ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.blg-blog-karti-tam:hover {
  border-color: var(--blg-altin);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  transform: translateY(-2px);
}

.blg-blog-karti-tam__gorsel {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  display: block;
  background: var(--blg-sinir);
}

/* Görsel yokken — koyu gradient + ikon merkezi */
.blg-blog-karti-tam__gorsel--placeholder {
  background: linear-gradient(135deg, #0A1628 0%, #1a2a45 100%);
  display: flex;
  align-items: center;
  justify-content: center;
}

.blg-blog-karti-tam__govde {
  padding: var(--blg-bosluk-5);
  display: flex;
  flex-direction: column;
  gap: var(--blg-bosluk-3);
  flex: 1;
}

.blg-blog-karti-tam__kat {
  font-family: var(--blg-font-sans);
  font-size: var(--blg-text-xs);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--blg-altin);
}

.blg-blog-karti-tam__baslik {
  font-family: var(--blg-font-serif);
  font-size: var(--blg-text-lg);
  font-weight: 700;
  color: var(--blg-metin-birincil);
  line-height: 1.35;
  margin: 0;
  flex: 1;
}

.blg-blog-karti-tam__ozet {
  font-size: var(--blg-text-sm);
  color: var(--blg-metin-ikincil);
  line-height: 1.6;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.blg-blog-karti-tam__meta {
  display: flex;
  align-items: center;
  gap: var(--blg-bosluk-2);
  font-size: var(--blg-text-xs);
  color: var(--blg-metin-ucuncul);
  padding-top: var(--blg-bosluk-3);
  border-top: 1px solid var(--blg-sinir);
}

.blg-blog-karti-tam__meta span {
  color: var(--blg-metin-ucuncul);
}

/* ================================================
   MAKALE LAYOUT
   ================================================ */
.blg-makale-layout {
  display: grid;
  grid-template-columns: 1fr 280px;
  gap: var(--blg-bosluk-12);
  align-items: start;
}

@media (max-width: 960px) {
  .blg-makale-layout {
    grid-template-columns: 1fr;
  }
  .blg-makale-kenar {
    display: none;
  }
}

/* ================================================
   MAKALE İÇERİĞİ
   ================================================ */
.blg-makale {
  max-width: 780px;
}

.blg-makale__gorsel-wrap {
  margin-bottom: var(--blg-bosluk-8);
  border-radius: var(--blg-radius-md);
  overflow: hidden;
}

.blg-makale__gorsel {
  width: 100%;
  max-height: 420px;
  object-fit: cover;
  display: block;
}

.blg-makale__ust {
  margin-bottom: var(--blg-bosluk-6);
}

.blg-makale__kategori {
  font-family: var(--blg-font-sans);
  font-size: var(--blg-text-xs);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--blg-altin);
  display: inline-block;
  margin-bottom: var(--blg-bosluk-3);
}

.blg-makale__baslik {
  font-family: var(--blg-font-serif);
  font-size: clamp(1.6rem, 3vw, 2.4rem);
  font-weight: 700;
  color: var(--blg-metin-birincil);
  line-height: 1.25;
  margin: 0 0 var(--blg-bosluk-4);
}

.blg-makale__meta {
  display: flex;
  align-items: center;
  gap: var(--blg-bosluk-3);
  flex-wrap: wrap;
  padding: var(--blg-bosluk-4) 0;
  border-top: 1px solid var(--blg-sinir);
  border-bottom: 1px solid var(--blg-sinir);
}

.blg-makale__yazar {
  display: flex;
  align-items: center;
  gap: var(--blg-bosluk-2);
  font-family: var(--blg-font-sans);
  font-size: var(--blg-text-sm);
  font-weight: 600;
  color: var(--blg-metin-birincil);
}

.blg-makale__yazar-fotograf {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  object-fit: cover;
  object-position: top center;
  flex-shrink: 0;
}

.blg-makale__tarih {
  font-size: var(--blg-text-xs);
  color: var(--blg-metin-ucuncul);
  margin-left: auto;
}

/* Makale içerik tipografisi */
.blg-makale__govde {
  font-size: var(--blg-text-base);
  color: var(--blg-metin-ikincil);
  line-height: 1.8;
  margin-top: var(--blg-bosluk-8);
}

.blg-makale__govde h2 {
  font-family: var(--blg-font-serif);
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--blg-altin);
  margin: var(--blg-bosluk-10) 0 var(--blg-bosluk-4);
  line-height: 1.3;
}

.blg-makale__govde h3 {
  font-family: var(--blg-font-serif);
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--blg-altin);
  margin: var(--blg-bosluk-8) 0 var(--blg-bosluk-3);
}

.blg-makale__govde p {
  margin: 0 0 var(--blg-bosluk-5);
}

.blg-makale__govde p strong,
.blg-makale__govde li strong {
  color: var(--blg-altin);
}

.blg-makale__govde ul,
.blg-makale__govde ol {
  margin: 0 0 var(--blg-bosluk-5);
  padding-left: var(--blg-bosluk-6);
}

.blg-makale__govde li {
  margin-bottom: var(--blg-bosluk-2);
  line-height: 1.7;
}

.blg-makale__govde strong {
  color: var(--blg-metin-birincil);
  font-weight: 600;
}

.blg-makale__govde em {
  font-style: italic;
}

.blg-makale__govde a {
  color: var(--blg-altin);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.blg-makale__govde a:hover {
  opacity: 0.8;
}

/* Alıntı kutusu */
.blg-makale__govde blockquote {
  margin: var(--blg-bosluk-6) 0;
  padding: var(--blg-bosluk-5) var(--blg-bosluk-6);
  background: var(--blg-yuzey);
  border-left: 3px solid var(--blg-altin);
  border-radius: 0 var(--blg-radius-sm) var(--blg-radius-sm) 0;
  font-size: var(--blg-text-sm);
  line-height: 1.75;
}

.blg-makale__govde blockquote p {
  margin: 0 0 var(--blg-bosluk-3);
}

.blg-makale__govde blockquote p:last-child {
  margin: 0;
}

/* Madde numaraları vurgulu */
.blg-makale__govde .blg-madde {
  display: inline;
  font-weight: 600;
  color: var(--blg-altin);
}

/* Uyarı kutusu */
.blg-makale__govde .blg-uyari {
  background: var(--blg-yuzey);
  border: 1px solid var(--blg-altin);
  border-radius: var(--blg-radius-md);
  padding: var(--blg-bosluk-5);
  margin: var(--blg-bosluk-6) 0;
}

.blg-makale__govde .blg-uyari strong {
  color: var(--blg-altin);
  display: block;
  margin-bottom: var(--blg-bosluk-2);
  font-size: var(--blg-text-sm);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* Etiketler */
.blg-makale__etiketler {
  display: flex;
  flex-wrap: wrap;
  gap: var(--blg-bosluk-2);
  margin-top: var(--blg-bosluk-8);
  padding-top: var(--blg-bosluk-6);
  border-top: 1px solid var(--blg-sinir);
}

.blg-makale__etiket {
  font-size: var(--blg-text-xs);
  color: var(--blg-metin-ucuncul);
  background: var(--blg-yuzey);
  border: 1px solid var(--blg-sinir);
  border-radius: 999px;
  padding: 3px 10px;
  text-decoration: none;
  transition: border-color var(--blg-gecis-hizli) ease, color 0.2s ease;
}

.blg-makale__etiket:hover {
  border-color: var(--blg-altin);
  color: var(--blg-altin);
}

/* ================================================
   KENAR PANEL (Sidebar)
   ================================================ */
.blg-makale-kenar {
  position: sticky;
  top: calc(var(--blg-header-yukseklik, 72px) + var(--blg-bosluk-6));
  display: flex;
  flex-direction: column;
  gap: var(--blg-bosluk-5);
}

.blg-kenar-karti {
  background: var(--blg-yuzey);
  border: 1px solid var(--blg-sinir);
  border-radius: var(--blg-radius-md);
  padding: var(--blg-bosluk-5);
}

.blg-kenar-karti__baslik {
  font-family: var(--blg-font-sans);
  font-size: var(--blg-text-xs);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--blg-altin);
  margin: 0 0 var(--blg-bosluk-4);
}

.blg-kenar-karti__liste {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--blg-bosluk-3);
}

.blg-kenar-karti__link {
  font-size: var(--blg-text-sm);
  color: var(--blg-metin-ikincil);
  text-decoration: none;
  line-height: 1.4;
  display: block;
  transition: color var(--blg-gecis-hizli) ease;
}

.blg-kenar-karti__link:hover {
  color: var(--blg-altin);
}

/* İletişim kutusu (sidebar) */
.blg-kenar-cta {
  background: var(--blg-antrasit);  /* koyu lacivert — #14202C */
  border-radius: var(--blg-radius-md);
  padding: var(--blg-bosluk-6);
  display: flex;
  flex-direction: column;
  gap: var(--blg-bosluk-4);
}

.blg-kenar-cta__baslik {
  font-family: var(--blg-font-serif);
  font-size: 1.1rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.96);
  margin: 0;
}

.blg-kenar-cta__metin {
  font-size: var(--blg-text-sm);
  color: rgba(255, 255, 255, 0.62);
  margin: 0;
  line-height: 1.5;
}

/* ================================================
   İLGİLİ MAKALELER
   ================================================ */
.blg-ilgili-makaleler {
  margin-top: var(--blg-bosluk-12);
  padding-top: var(--blg-bosluk-8);
  border-top: 1px solid var(--blg-sinir);
}

.blg-ilgili-makaleler__baslik {
  font-family: var(--blg-font-serif);
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--blg-metin-birincil);
  margin: 0 0 var(--blg-bosluk-6);
}

/* ================================================
   İÇ LİNK CTA — Blog Makalelerinde Pillar Bağlantısı
   ================================================ */
.blg-makale__pillar-cta {
  background: var(--blg-yuzey);
  border: 1px solid var(--blg-sinir);
  border-left: 3px solid var(--blg-altin);
  border-radius: 0 var(--blg-radius-md) var(--blg-radius-md) 0;
  padding: var(--blg-bosluk-4) var(--blg-bosluk-5);
  margin: var(--blg-bosluk-6) 0;
}

.blg-makale__pillar-cta p {
  font-size: var(--blg-text-sm);
  color: var(--blg-metin-ikincil);
  margin: 0;
  line-height: 1.65;
}

/* ============================================================
   İLGİLİ MAKALELER — Kompakt kart sistemi
   (.blg-blog-grid / .blg-blog-karti)
   ============================================================ */

.blg-blog-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--blg-bosluk-3);
  margin-top: var(--blg-bosluk-6);
}

@media (min-width: 640px) {
  .blg-blog-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--blg-bosluk-4);
  }
}

.blg-blog-karti {
  display: flex;
  flex-direction: column;
  gap: var(--blg-bosluk-2);
  padding: var(--blg-bosluk-4) var(--blg-bosluk-5);
  background: var(--blg-kart);
  border: 1px solid var(--blg-cizgi-2);
  border-top: 2px solid var(--blg-altin-cizgi);
  border-radius: var(--blg-yaricap-lg);
  text-decoration: none;
  transition: border-color var(--blg-gecis-hizli), transform var(--blg-gecis-hizli);
}

.blg-blog-karti:hover {
  border-color: var(--blg-altin-cizgi);
  border-top-color: var(--blg-altin);
  transform: translateY(-2px);
}

.blg-blog-karti__etiket {
  font-family: var(--blg-font-sans);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--blg-altin);
}

.blg-blog-karti__baslik {
  font-family: var(--blg-font-serif);
  font-size: 16px;
  font-weight: 700;
  color: var(--blg-metin);
  line-height: 1.35;
  margin: 0;
}

.blg-blog-karti__meta {
  display: flex;
  align-items: center;
  gap: var(--blg-bosluk-2);
  font-size: 12px;
  color: var(--blg-metin-ucuncul);
  margin-top: auto;
  padding-top: var(--blg-bosluk-3);
  border-top: 1px solid var(--blg-cizgi);
  flex-wrap: wrap;
}

/* ============================================================
   MAKALE DÜZEN — TCK / Hukuk Rehberi Sayfa Şablonu
   ============================================================ */

.blg-makale-duzen {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--blg-bosluk-10);
  align-items: start;
}

@media (min-width: 1024px) {
  .blg-makale-duzen {
    grid-template-columns: 1fr 300px;
  }
}

/* Makale içerik sütunu */
.blg-makale-icerik h2 {
  font-family: var(--blg-font-serif);
  font-size: clamp(1.25rem, 2.5vw, 1.6rem);
  color: var(--blg-beyaz);
  margin-top: var(--blg-bosluk-10);
  margin-bottom: var(--blg-bosluk-4);
  padding-bottom: var(--blg-bosluk-3);
  border-bottom: 1px solid var(--blg-altin-cizgi);
}

.blg-makale-icerik h2:first-of-type {
  margin-top: 0;
}

.blg-makale-icerik h3 {
  font-family: var(--blg-font-serif);
  font-size: clamp(1.05rem, 2vw, 1.25rem);
  color: var(--blg-beyaz);
  margin-top: var(--blg-bosluk-7);
  margin-bottom: var(--blg-bosluk-3);
}

.blg-makale-icerik p {
  font-size: 15px;
  line-height: 1.85;
  color: var(--blg-metin-ikincil);
  margin-bottom: var(--blg-bosluk-4);
}

.blg-makale-icerik strong {
  color: var(--blg-beyaz);
  font-weight: 600;
}

/* Sidebar */
.blg-makale-kenar {
  position: sticky;
  top: 100px;
  display: flex;
  flex-direction: column;
  gap: var(--blg-bosluk-6);
}

@media (max-width: 1023px) {
  .blg-makale-kenar {
    position: static;
  }
}

.blg-kenar-bolum {
  background: var(--blg-antrasit);
  border: 1px solid var(--blg-sinir);
  border-radius: var(--blg-yaricap-md);
  padding: var(--blg-bosluk-5);
}

.blg-kenar-bolum__baslik {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--blg-altin);
  margin-bottom: var(--blg-bosluk-4);
}

.blg-kenar-bolum__liste {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--blg-bosluk-2);
}

.blg-kenar-bolum__link {
  font-size: 14px;
  color: var(--blg-metin-ikincil);
  text-decoration: none;
  display: block;
  padding: var(--blg-bosluk-2) 0;
  border-bottom: 1px solid var(--blg-sinir);
  transition: color var(--blg-gecis-hizli);
}

.blg-kenar-bolum__link:last-child {
  border-bottom: none;
}

.blg-kenar-bolum__link:hover {
  color: var(--blg-altin);
}

/* ============================================================
   FORM & İLETİŞİM KARTİ STİLLERİ
   Blog/Rehber sayfaları için — hukuk-hizmet.css'ten kopyalandı
   ============================================================ */

.blg-iletisim-karti {
  background-color: var(--blg-antrasit);
  border: 1px solid var(--blg-altin-cizgi);
  border-radius: var(--blg-yaricap-lg);
  padding: var(--blg-bosluk-6);
  box-shadow: var(--blg-golge);
}

.blg-iletisim-karti__baslik {
  font-family: var(--blg-font-serif);
  font-size: 18px;
  color: var(--blg-altin);
  margin-bottom: var(--blg-bosluk-2);
}

.blg-iletisim-karti__alt {
  font-size: 11px;
  color: var(--blg-metin-ucuncul);
  margin-bottom: var(--blg-bosluk-4);
  line-height: 1.5;
}

.blg-iletisim-karti .blg-form__grup { margin-bottom: var(--blg-bosluk-3); }
.blg-iletisim-karti .blg-form__etiket { font-size: 11px; margin-bottom: 4px; }
.blg-iletisim-karti .blg-form__girdi,
.blg-iletisim-karti .blg-form__secim,
.blg-iletisim-karti .blg-form__metin-alani { padding: 7px 10px; font-size: 13px; }
.blg-iletisim-karti .blg-form__metin-alani { min-height: 64px; }
.blg-iletisim-karti .blg-form__onay { gap: 8px; }
.blg-iletisim-karti .blg-form__onay-metin { font-size: 11px; line-height: 1.4; }

.blg-form__grup { margin-bottom: var(--blg-bosluk-4); }
.blg-form__etiket { display:block; font-size:var(--blg-mini); font-weight:500; color:var(--blg-metin-ikincil); margin-bottom:var(--blg-bosluk-2); letter-spacing:.04em; }
.blg-form__zorunlu { color:var(--blg-altin); margin-left:2px; }

.blg-form__girdi,
.blg-form__secim,
.blg-form__metin-alani {
  width: 100%;
  background-color: var(--blg-lacivert);
  border: 1px solid var(--blg-cizgi-2);
  border-radius: var(--blg-yaricap);
  padding: 10px var(--blg-bosluk-4);
  color: var(--blg-metin);
  font-size: var(--blg-kucuk);
  font-family: var(--blg-font-sans);
  transition: border-color var(--blg-gecis-hizli);
  appearance: none;
  -webkit-appearance: none;
}
.blg-form__girdi:focus,
.blg-form__secim:focus,
.blg-form__metin-alani:focus { outline:none; border-color:var(--blg-altin-cizgi); }
.blg-form__girdi::placeholder,
.blg-form__metin-alani::placeholder { color:var(--blg-metin-ucuncul); }
.blg-form__metin-alani { resize:vertical; min-height:90px; overflow:auto; }
.blg-form__secim {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%237C8696' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  padding-right: 32px;
  cursor: pointer;
}

.blg-form__onay { display:flex; align-items:flex-start; gap:var(--blg-bosluk-3); margin-top:var(--blg-bosluk-2); }
.blg-form__checkbox {
  width:16px; height:16px; border:1px solid var(--blg-cizgi-2);
  border-radius:2px; background-color:var(--blg-lacivert); flex-shrink:0; margin-top:2px;
  cursor:pointer; appearance:none; -webkit-appearance:none;
  transition: background-color var(--blg-gecis-hizli), border-color var(--blg-gecis-hizli);
}
.blg-form__checkbox:checked {
  background-color:var(--blg-altin); border-color:var(--blg-altin);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%230A1628' stroke-width='3'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:center;
}
.blg-form__onay-metin { font-size:var(--blg-mini); color:var(--blg-metin-ucuncul); line-height:1.6; }
.blg-form__onay-metin a { color:var(--blg-altin); text-decoration:underline; text-underline-offset:2px; }
.blg-form__hata { display:block; font-size:var(--blg-mini); color:var(--blg-hata); margin-top:4px; }

.blg-form__basari {
  display:none; align-items:center; gap:var(--blg-bosluk-3);
  background-color:rgba(34,197,94,0.1); border:1px solid rgba(34,197,94,0.3);
  border-radius:var(--blg-yaricap); padding:var(--blg-bosluk-4);
  font-size:var(--blg-kucuk); color:var(--blg-basari); margin-bottom:var(--blg-bosluk-5);
}
.blg-form__basari--gorünür { display:flex; }

.blg-iletisim-karti__telefon {
  display:flex; align-items:center; gap:var(--blg-bosluk-3);
  padding:10px var(--blg-bosluk-4); background-color:var(--blg-lacivert);
  border:1px solid var(--blg-cizgi); border-radius:var(--blg-yaricap);
  margin-top:var(--blg-bosluk-4); text-decoration:none;
  transition:border-color var(--blg-gecis-hizli);
}
.blg-iletisim-karti__telefon:hover { border-color:var(--blg-altin-cizgi); }
.blg-iletisim-karti__telefon svg { width:16px; height:16px; color:var(--blg-altin); flex-shrink:0; }
.blg-iletisim-karti__telefon-metin { display:flex; flex-direction:column; gap:1px; }
.blg-iletisim-karti__telefon-numara { font-size:14px; font-weight:500; color:var(--blg-beyaz); }
.blg-iletisim-karti__telefon-bilgi { font-size:11px; color:var(--blg-metin-ucuncul); }

.blg-guven-rozet-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--blg-bosluk-2); margin-top:var(--blg-bosluk-4); }
.blg-guven-rozeti { display:flex; flex-direction:column; align-items:center; gap:4px; padding:var(--blg-bosluk-2) var(--blg-bosluk-3); background-color:var(--blg-lacivert); border:1px solid var(--blg-cizgi); border-radius:var(--blg-yaricap); text-align:center; }
.blg-guven-rozeti svg { width:16px; height:16px; color:var(--blg-altin); }
.blg-guven-rozeti__metin { font-size:10px; color:var(--blg-metin-ucuncul); line-height:1.3; }


/* ── SSS / FAQ Accordion ─────────────────────────────────── */
.blg-faq {
  margin: var(--blg-bosluk-6) 0;
  display: flex;
  flex-direction: column;
  gap: var(--blg-bosluk-2);
}

.blg-faq__ogesi {
  background-color: var(--blg-kart);
  border: 1px solid var(--blg-cizgi-2);
  border-radius: var(--blg-yaricap-lg);
  overflow: hidden;
  transition: border-color var(--blg-gecis-hizli);
}

.blg-faq__ogesi--acik {
  border-color: var(--blg-altin-cizgi);
}

.blg-faq__soru {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--blg-bosluk-4);
  padding: var(--blg-bosluk-5) var(--blg-bosluk-6);
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
  font-family: var(--blg-font-sans);
  color: var(--blg-beyaz);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
  transition: color var(--blg-gecis-hizli);
}

.blg-faq__soru:hover {
  color: var(--blg-altin);
}

.blg-faq__soru:focus-visible {
  outline: 2px solid var(--blg-altin);
  outline-offset: -2px;
}

.blg-faq__chevron {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  color: var(--blg-altin);
  transition: transform var(--blg-gecis) var(--blg-gecis-ease);
}

.blg-faq__ogesi--acik .blg-faq__chevron {
  transform: rotate(180deg);
}

.blg-faq__cevap-wrap {
  overflow: hidden;
  max-height: 0;
  transition: max-height var(--blg-gecis-yavas) var(--blg-gecis-ease);
}

.blg-faq__ogesi--acik .blg-faq__cevap-wrap {
  max-height: 600px;
}

.blg-faq__cevap {
  padding: 0 var(--blg-bosluk-6) var(--blg-bosluk-6);
  font-size: 14px;
  color: var(--blg-metin-ikincil);
  line-height: 1.85;
  border-top: 1px solid var(--blg-cizgi);
  padding-top: var(--blg-bosluk-5);
}

.blg-faq__cevap a {
  color: var(--blg-altin);
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* HTML'de blg-faq__ok kullanılıyor — chevron ile eşitle */
.blg-faq__ok {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  color: var(--blg-altin);
  transition: transform var(--blg-gecis) var(--blg-gecis-ease);
}
.blg-faq__ogesi--acik .blg-faq__ok {
  transform: rotate(180deg);
}

/* ================================================
   HUKUK REHBERİ — Kategori Kartları
   (.blg-rehber-grid / .blg-rehber-karti)
   ================================================ */

.blg-rehber-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--blg-bosluk-6);
  margin-top: var(--blg-bosluk-6);
}

.blg-rehber-karti {
  background: var(--blg-yuzey);
  border: 1px solid var(--blg-sinir);
  border-radius: var(--blg-radius-md);
  padding: var(--blg-bosluk-6);
  display: flex;
  flex-direction: column;
  gap: var(--blg-bosluk-3);
  transition: border-color var(--blg-gecis-hizli) ease,
              transform var(--blg-gecis-hizli) ease;
  position: relative;
  overflow: hidden;
}

.blg-rehber-karti::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255,177,98,0.04) 0%, transparent 60%);
  pointer-events: none;
}

.blg-rehber-karti:hover {
  border-color: var(--blg-altin-cizgi);
  transform: translateY(-3px);
}

.blg-rehber-karti__numara {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: var(--blg-altin);
  opacity: 0.7;
}

.blg-rehber-karti__ikon {
  color: var(--blg-altin);
  line-height: 0;
  margin-block: var(--blg-bosluk-1);
}

.blg-rehber-karti__baslik {
  font-size: 1.2rem;
  font-weight: 600;
  color: var(--blg-metin);
  line-height: 1.3;
  margin: 0;
}

.blg-rehber-karti__aciklama {
  font-size: 0.875rem;
  color: var(--blg-metin-ikincil);
  line-height: 1.65;
  flex: 1;
  margin: 0;
}

.blg-rehber-karti__link {
  display: inline-flex;
  align-items: center;
  gap: var(--blg-bosluk-2);
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--blg-altin);
  text-decoration: none;
  margin-top: auto;
  transition: gap var(--blg-gecis-hizli) ease;
}

.blg-rehber-karti__link:hover {
  gap: var(--blg-bosluk-3);
}

@media (max-width: 1024px) {
  .blg-rehber-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .blg-rehber-grid {
    grid-template-columns: 1fr;
    gap: var(--blg-bosluk-4);
  }
  .blg-rehber-karti {
    padding: var(--blg-bosluk-5);
  }
}

/* ================================================
   BLOG LİSTESİ — Sidebar yardımcı sınıflar
   ================================================ */

/* Telefon satırındaki çalışma saati metni */
.blg-sidebar__saat {
  margin-left: auto;
  font-size: 0.72rem;
}