/*
 * ============================================================
 * hukuk-genel.css
 * Balgat Hukuk & Arabuluculuk Bürosu — Global Stiller
 * Version: 2026-05-27 — mobil menü fix
 * Proje prefix: blg-
 * Version: 1.0.0
 * ============================================================
 *
 * İçerik:
 *   1. Reset & Base
 *   2. Tipografi
 *   3. Yardımcı sınıflar
 *   4. Skip link
 *   5. Konteyner
 *   6. Butonlar
 *   7. Header
 *   8. Mobil menü
 *   9. Sticky CTA bar
 *  10. WhatsApp FAB
 *  11. Footer
 *  12. Breadcrumb
 *  13. Sayfa hero (ortak)
 *  14. Bölüm başlığı (ortak)
 *  15. Altın çizgi aksanı
 *  16. Scroll reveal animasyonu
 *  17. Medya sorguları
 * ============================================================
 */

/* ============================================================
   1. RESET & BASE
   ============================================================ */

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  font-size: 100%;
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}

body {
  background-color: var(--blg-lacivert);
  color: var(--blg-metin);
  font-family: var(--blg-font-sans);
  font-size: var(--blg-govde);
  line-height: var(--blg-kayan-yukseklik);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
}

img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}

input,
button,
textarea,
select {
  font: inherit;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
}

ul,
ol {
  list-style: none;
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  cursor: pointer;
  border: none;
  background: none;
}

/* ============================================================
   2. TİPOGRAFİ
   ============================================================ */

h1, h2, h3, h4,
.blg-serif {
  font-family: var(--blg-font-serif);
  font-weight: 500;
  letter-spacing: -0.01em;
}

h1 {
  font-size: var(--blg-h1);
  line-height: var(--blg-kayan-yukseklik-h1);
}

h2 {
  font-size: var(--blg-h2);
  line-height: var(--blg-kayan-yukseklik-h2);
}

h3 {
  font-size: var(--blg-h3);
  line-height: var(--blg-kayan-yukseklik-h3);
}

h4 {
  font-size: var(--blg-h4);
  line-height: 1.4;
}

.blg-eyebrow {
  font-family: var(--blg-font-sans);
  font-size: var(--blg-mini);
  font-weight: 500;
  letter-spacing: var(--blg-harf-aralik-eyebrow);
  text-transform: uppercase;
  color: var(--blg-altin);
}

.blg-lede {
  font-size: clamp(16px, 1.4vw, 19px);
  color: var(--blg-metin-ikincil);
  line-height: 1.75;
  max-width: 640px;
}

.blg-alinti {
  border-left: 2px solid var(--blg-altin-cizgi);
  padding-left: var(--blg-bosluk-6);
  color: var(--blg-metin-ikincil);
  font-style: italic;
  font-family: var(--blg-font-serif);
  font-size: 17px;
  line-height: 1.7;
}

/* ============================================================
   3. YARDIMCI SINIFLAR
   ============================================================ */

.u-gizli {
  display: none !important;
}

.u-gorsel-gizli {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.u-merkez {
  text-align: center;
}

.u-soldan {
  text-align: left;
}

/* ============================================================
   4. SKIP LINK (Erişilebilirlik)
   ============================================================ */

.blg-skip-link {
  position: absolute;
  top: -100%;
  left: var(--blg-bosluk-4);
  z-index: var(--blg-z-tooltip);
  background: var(--blg-altin);
  color: var(--blg-lacivert);
  padding: var(--blg-bosluk-3) var(--blg-bosluk-6);
  border-radius: var(--blg-yaricap);
  font-weight: 600;
  font-size: var(--blg-kucuk);
  transition: top var(--blg-gecis-hizli);
}

.blg-skip-link:focus {
  top: var(--blg-bosluk-4);
}

/* ============================================================
   5. KONTEYNER
   ============================================================ */

.blg-konteyner {
  width: 100%;
  max-width: var(--blg-max-genislik);
  margin-inline: auto;
  padding-inline: var(--blg-bosluk-6);
}

@media (min-width: 768px) {
  .blg-konteyner {
    padding-inline: var(--blg-bosluk-10);
  }
}

@media (min-width: 1280px) {
  .blg-konteyner {
    padding-inline: var(--blg-bosluk-12);
  }
}

/* ============================================================
   6. BUTONLAR — Footer glow stiliyle eşleştirildi
   ============================================================ */

.blg-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 13px 22px;
  border-radius: var(--blg-yaricap-lg);
  font-family: var(--blg-font-sans);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  cursor: pointer;
  transition:
    color var(--blg-gecis) ease,
    background var(--blg-gecis) ease,
    border-color var(--blg-gecis) ease,
    box-shadow var(--blg-gecis) ease,
    transform var(--blg-gecis) ease;
  white-space: nowrap;
  border: 1px solid transparent;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

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

/* Birincil: Altın glow */
.blg-btn--birincil {
  background: linear-gradient(135deg, var(--blg-altin) 0%, var(--blg-altin-koyu) 100%);
  border-color: transparent;
  color: var(--blg-kart);
}

.blg-btn--birincil:hover {
  background: linear-gradient(135deg, var(--blg-altin-parlak) 0%, var(--blg-altin-koyu) 100%);
  border-color: transparent;
  color: var(--blg-kart);
  box-shadow: 0 0 24px var(--blg-altin-cizgi);
  transform: translateY(-1px);
}

/* İkincil: Beyaz glow */
.blg-btn--ikincil {
  background: rgba(0, 0, 0, 0.05);
  border-color: rgba(0, 0, 0, 0.18);
  color: rgba(31, 32, 35, 0.75);
}

.blg-btn--ikincil:hover {
  background: rgba(0, 0, 0, 0.09);
  border-color: rgba(0, 0, 0, 0.3);
  color: var(--blg-metin);
  box-shadow: 0 4px 16px rgba(0,0,0,0.10);
  transform: translateY(-1px);
}

/* Küçük varyant */
.blg-btn--kucuk {
  padding: 10px 16px;
  font-size: 12px;
  border-radius: var(--blg-yaricap-lg);
}

/* ============================================================
   7. HEADER
   ============================================================ */

/* ============================================================
   HEADER — Barboros stili
   - Şeffaf başlar (hero üzerinde görünür)
   - Scroll'da: lacivert + blur + altın alt çizgi
   - 3 kolon grid: logo | nav (merkez) | sağ (randevu + hamburger)
   - Nav linkleri beyaz, hover altın nokta
   ============================================================ */

.blg-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: var(--blg-z-yapismali);
  padding: 19px 0;
  background: transparent;
  border-bottom: 1px solid transparent;
  /* Ruler tasarımı: transform + box-shadow geçişi */
  transition:
    border-color 0.35s ease,
    box-shadow 0.35s ease,
    padding 0.3s ease,
    transform 0.35s ease;
}

/* ── Frosted glass pseudo-element (Ruler tasarımı) ──
   backdrop-filter doğrudan header'da değil ::before'da;
   bu sayede position:fixed child'lar (mega menu, mobil drawer)
   header'a göre stacking context sorunu yaşamaz.          */
.blg-header::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  backdrop-filter: blur(14px) saturate(120%);
  -webkit-backdrop-filter: blur(14px) saturate(120%);
  /* Hero sayfalarında: hafif beton tint — scroll öncesi */
  background: rgba(216, 216, 214, 0.15);
  opacity: 1;
  transition: background 0.35s ease;
  pointer-events: none;
}

/* Scroll sonrası — JS .blg-header--kayarak ekler */
.blg-header--kayarak {
  border-bottom-color: var(--blg-altin-cizgi);
  box-shadow: 0 1px 0 rgba(0,0,0,0.06), 0 4px 24px rgba(0,0,0,0.08);
}

/* Scroll sonrası ::before — güçlü beton frosted glass */
.blg-header--kayarak::before {
  background: rgba(216, 216, 214, 0.90);
}

/* Hide-on-scroll — JS .blg-header--gizli ekler */
.blg-header--gizli {
  transform: translateY(-100%);
}

/* Mega menü açıkken header gizlenmesin */
.blg-header--gizli.blg-mega-item--acik,
.blg-header:has(.blg-mega--acik) {
  transform: none;
}


/* ── Scrolled header — koyu metin (açık beton zemin üstünde) ── */
.blg-header--kayarak .blg-nav__link {
  color: rgba(31, 32, 35, 0.78);
}
.blg-header--kayarak .blg-nav__link:hover,
.blg-header--kayarak .blg-nav__link[aria-current="page"] {
  color: rgba(31, 32, 35, 1);
}
.blg-header--kayarak .blg-header__logo-metin {
  color: #1F2023;
  text-shadow: none;
}
.blg-header--kayarak .blg-hamburger {
  border-color: rgba(31, 32, 35, 0.28);
}
.blg-header--kayarak .blg-hamburger:hover {
  border-color: rgba(31, 32, 35, 0.55);
}
.blg-header--kayarak .blg-hamburger__cizgi {
  background-color: rgba(31, 32, 35, 0.85);
}
/* Scrolled header — focus ring (karanlık zemin üstünde daha iyi görünüm) */
.blg-header--kayarak .blg-nav__link:focus-visible {
  outline: 2px solid var(--blg-altin);
  outline-offset: 3px;
  border-radius: var(--blg-yaricap);
}

/* ---- 3 Kolon Grid ---- */
.blg-header__ic {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 32px;
}

/* ---- Logo ---- */
.blg-header__logo {
  order: 1;
  justify-self: start;
  display: flex;
  align-items: center;
  gap: 14px;
  flex-shrink: 0;
  text-decoration: none;
}

.blg-header__logo-metin {
  font-family: var(--blg-font-serif);
  font-size: 28px;
  font-weight: 600;
  color: #ffffff;
  line-height: 1.15;
  letter-spacing: 0.04em;
  text-shadow: 0 1px 20px rgba(107, 83, 56, 0.2);
  transition: color var(--blg-gecis) ease;
}

.blg-header__logo-metin span {
  display: block;
  font-size: 10px;
  font-family: var(--blg-font-sans);
  font-weight: 600;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--blg-altin);
  margin-top: 5px;
  text-shadow: 0 0 12px rgba(107, 83, 56, 0.4);
}

/* ---- Navigasyon — merkez ---- */
.blg-nav {
  order: 2;
  justify-self: center;
  display: none;
  align-items: center;
}

@media (min-width: 1024px) {
  .blg-nav {
    display: flex;
  }
}

.blg-nav__liste {
  display: flex;
  align-items: center;
  gap: 2px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.blg-nav__link {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 8px 16px;
  color: rgba(255, 255, 255, 0.78);
  font-family: var(--blg-font-sans);
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.13px;
  text-decoration: none;
  transition: color var(--blg-gecis-hizli) ease;
  white-space: nowrap;
}

.blg-nav__link:hover {
  color: rgba(255, 255, 255, 1);
}

/* Aktif sayfa — altın alt nokta */
.blg-nav__link[aria-current="page"] {
  color: rgba(255, 255, 255, 1);
}

.blg-nav__link[aria-current="page"]::after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 50%;
  transform: translateX(-50%);
  width: 24px;
  height: 2px;
  background: var(--blg-altin);
  border-radius: 2px;
}

/* ---- Mega Menu ---- */

/* Mega item — nav li wrapper */
.blg-mega-item {
  position: static;
}

/* Mega panel — tam genişlik, header altına yapışık */
.blg-mega {
  display: none;
  position: fixed;
  top: 88px; /* header yüksekliği */
  left: 0;
  right: 0;
  z-index: calc(var(--blg-z-modal) - 1);
  background: var(--blg-lacivert);
  border-top: 3px solid var(--blg-altin);
  box-shadow: 0 16px 48px rgba(0,0,0,0.18);
  animation: blgMegaAc 0.18s ease;
}

.blg-mega.blg-mega--acik {
  display: block;
}

@keyframes blgMegaAc {
  from { opacity: 0; transform: translateY(-8px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* İç konteyner */
.blg-mega__ic {
  max-width: 1200px;
  margin: 0 auto;
  padding: 36px 40px;
  display: grid;
  grid-template-columns: 1fr 280px;
  gap: 48px;
  align-items: start;
}

/* Sol sütun */
.blg-mega__sol {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.blg-mega__sol--genis {
  /* rehber için grid layout */
}

.blg-mega__baslik {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--blg-metin-ikincil);
  margin-bottom: 4px;
}

.blg-mega__baslik a {
  color: inherit;
  text-decoration: none;
}

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

/* Grid — hukuk rehberi için 3 kolon */
.blg-mega__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0 32px;
}

.blg-mega__grup-baslik {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--blg-metin-ikincil);
  margin-bottom: 8px;
  padding-bottom: 6px;
  border-bottom: 1px solid rgba(0,0,0,0.1);
}

/* Hizmet linki — başlık + açıklama */
.blg-mega__link {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(0,0,0,0.06);
  text-decoration: none;
  transition: padding-left var(--blg-gecis-hizli) ease;
}

.blg-mega__liste > li:last-child .blg-mega__link {
  border-bottom: none;
}

.blg-mega__link:hover {
  padding-left: 6px;
}

.blg-mega__link-baslik {
  font-size: 14px;
  font-weight: 600;
  color: var(--blg-metin);
  transition: color var(--blg-gecis-hizli) ease;
}

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

.blg-mega__link-aciklama {
  font-size: 12px;
  color: var(--blg-metin-ikincil);
  line-height: 1.4;
}

/* Sade link — rehber kategorileri */
.blg-mega__link--sade {
  flex-direction: row;
  align-items: center;
  font-size: 13px;
  font-weight: 500;
  color: var(--blg-metin);
  padding: 7px 0;
  border-bottom: none;
  gap: 0;
}

.blg-mega__link--sade:hover {
  color: var(--blg-altin);
  padding-left: 4px;
}

.blg-mega__link--alt {
  font-size: 12px;
  color: var(--blg-metin-ikincil);
  padding: 4px 0;
  padding-left: 8px;
}

.blg-mega__link--alt:hover {
  color: var(--blg-altin);
  padding-left: 12px;
}

/* Sağ sütun */
.blg-mega__sag {
  background: rgba(0, 0, 0, 0.03);
  border-left: 1px solid rgba(0,0,0,0.08);
  padding: 24px 0 24px 32px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.blg-mega__one-cikan-baslik {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--blg-metin-ikincil);
}

.blg-mega__one-cikan-metin {
  font-size: 13px;
  color: var(--blg-metin-ikincil);
  line-height: 1.6;
}

.blg-mega__cta {
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  color: var(--blg-metin);
  text-decoration: none;
  border-bottom: 2px solid var(--blg-altin);
  padding-bottom: 2px;
  width: fit-content;
  transition: color var(--blg-gecis-hizli) ease;
}

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

.blg-mega__tel {
  font-size: 14px;
  font-weight: 600;
  color: var(--blg-metin);
  text-decoration: none;
}

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

/* Öne çıkan linkler */
.blg-mega__one-cikan-link {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(0,0,0,0.08);
  text-decoration: none;
  transition: padding-left var(--blg-gecis-hizli) ease;
}

.blg-mega__one-cikan-link:last-child {
  border-bottom: none;
}

.blg-mega__one-cikan-link:hover {
  padding-left: 4px;
}

.blg-mega__one-cikan-kat {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--blg-altin);
}

.blg-mega__one-cikan-link-baslik {
  font-size: 13px;
  font-weight: 600;
  color: var(--blg-metin);
  line-height: 1.4;
  transition: color var(--blg-gecis-hizli) ease;
}

.blg-mega__one-cikan-link:hover .blg-mega__one-cikan-link-baslik {
  color: var(--blg-altin);
}

/* Overlay — mega açıkken arka planı karartır */
.blg-mega-overlay {
  display: none;
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0,0,0,0.35);
  z-index: calc(var(--blg-z-modal) - 2);
}

.blg-mega-overlay--acik {
  display: block;
}

/* Nav ok ikonu */
.blg-nav__ok {
  transition: transform var(--blg-gecis-hizli) ease;
  vertical-align: middle;
  margin-left: 2px;
}

.blg-mega-item--acik .blg-nav__ok {
  transform: rotate(180deg);
}

/* Aktif nav link çizgisi */
.blg-mega-item--acik > .blg-nav__link {
  color: var(--blg-altin);
}

/* Mega liste reset */
.blg-mega__liste {
  list-style: none;
  padding: 0;
  margin: 0;
}


/* ---- Sağ taraf: CTA + hamburger ---- */
.blg-header__sagda {
  order: 3;
  justify-self: end;
  display: flex;
  align-items: center;
  gap: 12px;
}

/* Randevu Al butonu — beyaz outline, hover dolgu */
.blg-header__cta {
  display: none;
  padding: 8px 20px;
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: var(--blg-yaricap-lg);
  font-family: var(--blg-font-sans);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.13px;
  color: rgba(255, 255, 255, 0.9);
  background: transparent;
  text-decoration: none;
  transition:
    color var(--blg-gecis) ease,
    background var(--blg-gecis) ease,
    border-color var(--blg-gecis) ease;
  white-space: nowrap;
}

.blg-header__cta:hover {
  background: var(--blg-altin);
  border-color: var(--blg-altin);
  color: var(--blg-lacivert);
}

.blg-header--kayarak .blg-header__cta {
  border-color: var(--blg-altin-cizgi);
  color: var(--blg-altin);
}

.blg-header--kayarak .blg-header__cta:hover {
  background: var(--blg-altin);
  color: var(--blg-lacivert);
}

@media (min-width: 1024px) {
  .blg-header__cta {
    display: inline-flex;
    align-items: center;
  }
}

/* ---- Hamburger ---- */
.blg-hamburger {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: none;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: var(--blg-yaricap-lg);
  cursor: pointer;
  flex-direction: column;
  gap: 5px;
  transition: border-color var(--blg-gecis-hizli) ease;
}

.blg-hamburger:hover {
  border-color: rgba(255, 255, 255, 0.6);
}

.blg-hamburger__cizgi {
  display: block;
  width: 16px;
  height: 1.5px;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 1px;
  transition:
    transform var(--blg-gecis) ease,
    opacity var(--blg-gecis-hizli) ease;
}

.blg-hamburger[aria-expanded="true"] .blg-hamburger__cizgi:nth-child(1) {
  transform: translateY(6.5px) rotate(45deg);
}

.blg-hamburger[aria-expanded="true"] .blg-hamburger__cizgi:nth-child(2) {
  opacity: 0;
}

.blg-hamburger[aria-expanded="true"] .blg-hamburger__cizgi:nth-child(3) {
  transform: translateY(-6.5px) rotate(-45deg);
}

@media (min-width: 1024px) {
  .blg-hamburger {
    display: none;
  }
}

/* ============================================================
   8. MOBİL MENÜ
   ============================================================ */


/* ── Mobil menü header — logo + kapat butonu ──────────────── */
.blg-mobil-menu__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 20px;
  border-bottom: 1px solid rgba(0,0,0,0.08);
  margin-bottom: 0;
  flex-shrink: 0;
  background: rgba(214, 214, 212, 0.90);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.blg-mobil-menu__logo {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
}

.blg-mobil-menu__logo img {
  width: 52px;
  height: 52px;
  object-fit: contain;
  filter: drop-shadow(0 0 8px rgba(107, 83, 56, 0.4));
}

.blg-mobil-menu__logo-metin {
  font-family: var(--blg-font-serif);
  font-size: 18px;
  font-weight: 600;
  color: var(--blg-metin);
  line-height: 1.2;
}

.blg-mobil-menu__logo-metin span {
  display: block;
  font-family: var(--blg-font-sans);
  font-size: var(--blg-mini);
  font-weight: 500;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--blg-altin);
  margin-top: 3px;
}

.blg-mobil-menu__kapat {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  background: var(--blg-cizgi);
  border: 1px solid var(--blg-cizgi-2);
  border-radius: var(--blg-yaricap-lg);
  color: var(--blg-metin-ikincil);
  cursor: pointer;
  transition:
    background var(--blg-gecis-hizli),
    color var(--blg-gecis-hizli),
    border-color var(--blg-gecis-hizli);
  flex-shrink: 0;
}

.blg-mobil-menu__kapat:hover {
  background: var(--blg-altin-soluk);
  border-color: var(--blg-altin-cizgi);
  color: var(--blg-altin);
}

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

.blg-mobil-menu {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: min(360px, 90vw);
  z-index: var(--blg-z-modal);
  /* Ruler drawer: frosted glass slide-in */
  background: rgba(230, 230, 228, 0.82);
  backdrop-filter: blur(20px) saturate(120%);
  -webkit-backdrop-filter: blur(20px) saturate(120%);
  border-right: 1px solid rgba(255, 255, 255, 0.5);
  box-shadow: 8px 0 40px rgba(0,0,0,0.10);
  display: flex;
  flex-direction: column;
  padding: var(--blg-header-yukseklik) var(--blg-bosluk-6) var(--blg-bosluk-10);
  transform: translateX(-100%);
  transition: transform 0.3s ease;
  overflow-y: auto;
}

.blg-mobil-menu--acik {
  transform: translateX(0);
}

/* Ruler mobil overlay — drawer arkasını karartır */
.blg-mobil-overlay {
  position: fixed;
  inset: 0;
  z-index: calc(var(--blg-z-modal) - 1);
  background: rgba(0, 0, 0, 0.55);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

.blg-mobil-overlay--acik {
  opacity: 1;
  pointer-events: auto;
}

.blg-mobil-menu__liste {
  display: flex;
  flex-direction: column;
  margin-top: var(--blg-bosluk-10);
  gap: var(--blg-bosluk-2);
  list-style: none;
}

.blg-mobil-menu__link {
  display: flex;
  align-items: center;
  padding: 14px 20px;
  min-height: 52px;
  font-size: 15px;
  font-weight: 500;
  color: var(--blg-metin);
  text-decoration: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  letter-spacing: 0.01em;
  transition: color var(--blg-gecis-hizli), background var(--blg-gecis-hizli);
}

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

.blg-mobil-menu__alt-liste {
  background: rgba(0,0,0,0.03);
  border-bottom: 1px solid rgba(0,0,0,0.07);
  list-style: none;
  padding-left: var(--blg-bosluk-4);
  margin-top: var(--blg-bosluk-2);
  display: flex;
  flex-direction: column;
  gap: var(--blg-bosluk-2);
}

.blg-mobil-menu__alt-liste[hidden] {
  display: none;
}

.blg-mobil-menu__alt-link {
  display: flex;
  align-items: center;
  padding: 11px 20px 11px 36px;
  min-height: 44px;
  font-size: 13px;
  color: rgba(31, 32, 35, 0.70);
  text-decoration: none;
  position: relative;
  transition: color var(--blg-gecis-hizli);
}

.blg-mobil-menu__alt-link::before {
  content: '›';
  position: absolute;
  left: 20px;
  color: rgba(107, 83, 56, 0.7);
  font-size: 16px;
  line-height: 1;
}

.blg-mobil-menu__alt-link:hover {
  color: var(--blg-altin);
}

.blg-mobil-menu__iletisim {
  margin-top: auto;
  padding: 16px 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* ============================================================
   9. STICKY CTA BAR
   ============================================================ */

.blg-sticky-cta {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: var(--blg-z-yapismali);
  background-color: var(--blg-antrasit);
  border-top: 1px solid var(--blg-cizgi-altin);
  padding: var(--blg-bosluk-3) var(--blg-bosluk-6);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--blg-bosluk-4);
  transform: translateY(100%);
  transition: transform var(--blg-gecis-yavas) var(--blg-gecis-ease);
}

.blg-sticky-cta--gorünür {
  transform: translateY(0);
}

.blg-sticky-cta__metin {
  font-size: var(--blg-kucuk);
  color: var(--blg-metin-ikincil);
  display: none;
}

@media (min-width: 768px) {
  .blg-sticky-cta__metin {
    display: block;
  }
}

.blg-sticky-cta__butonlar {
  display: flex;
  gap: var(--blg-bosluk-3);
  margin-left: auto;
}

/* Desktop'ta sticky CTA gizli */
@media (min-width: 1024px) {
  .blg-sticky-cta {
    display: none;
  }
}

/* ============================================================
   10. WHATSAPP FAB
   ============================================================ */

/* Mobilde sticky CTA varsa FAB biraz yukarı */
@media (max-width: 1023px) {
  }

/* ============================================================
   11. FOOTER
   ============================================================ */

/* ============================================================
   FOOTER — Referans: İhale Danışmanlığı stili
   4 kolon, hover glow butonlar, alt istatistik bar
   ============================================================ */

.blg-footer {
  background: linear-gradient(180deg, #1F2023 0%, #141618 100%);  /* Ruler koyu */
  border-top: 1px solid rgba(107, 83, 56, 0.18);
  padding-top: 64px;
  padding-bottom: 0;
  margin-bottom: 0;
  position: relative;
}

@media (max-width: 1023px) {
  .blg-footer {
    padding-bottom: 80px;
  }
}

/* 6 kolonlu grid (Logo + Kurumsal + Hizmetler + Hukuk Rehberi + Dilekçeler + İletişim) */
.blg-footer__grid {
  display: grid;
  grid-template-columns: 1.6fr 1fr 1fr 1fr 1fr 1.4fr;
  gap: 28px;
  padding-bottom: 56px;
}

@media (max-width: 1400px) {
  .blg-footer__grid {
    grid-template-columns: 1.4fr 1fr 1fr 1fr 1fr;
    gap: 24px;
  }
  .blg-footer__grid > :nth-child(6) {
    grid-column: span 2;
  }
}

@media (max-width: 1100px) {
  .blg-footer__grid {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 28px;
  }
  .blg-footer__grid > :nth-child(1) {
    grid-column: span 3;
  }
  .blg-footer__grid > :nth-child(6) {
    grid-column: span 3;
  }
}

@media (max-width: 700px) {
  .blg-footer__grid {
    grid-template-columns: 1fr 1fr;
    gap: 24px;
  }
  .blg-footer__grid > :nth-child(1) {
    grid-column: span 2;
  }
  .blg-footer__grid > :nth-child(6) {
    grid-column: span 2;
  }
}

@media (max-width: 600px) {
  .blg-footer__grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .blg-footer__grid > :nth-child(1),
  .blg-footer__grid > :nth-child(6) {
    grid-column: auto;
  }
}

/* ---- Kolon 1: Logo + Açıklama + İletişim ---- */
.blg-footer__logo-wrap {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}

.blg-footer__logo-img {
  width: 48px;
  height: 48px;
  object-fit: contain;
}

.blg-footer__logo-metin {
  font-family: var(--blg-font-serif);
  font-size: 18px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.95);
  line-height: 1.2;
}

.blg-footer__logo-metin span {
  display: block;
  font-family: var(--blg-font-sans);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--blg-altin);
  margin-top: 2px;
}

.blg-footer__tagline {
  font-size: 13px;
  color: rgba(255,255,255,0.5);
  line-height: 1.7;
  margin-bottom: 24px;
}

/* address sıfırlaması — inline style={{fontStyle:'normal'}} yerine */
.blg-footer__adres { font-style: normal; }

/* İletişim kutusu */
.blg-footer__iletisim-kutu {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: var(--blg-yaricap-lg);
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.blg-footer__iletisim-satiri {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  color: rgba(255,255,255,0.65);
  text-decoration: none;
  transition: color var(--blg-gecis-hizli) ease;
}

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

.blg-footer__iletisim-satiri svg {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  color: var(--blg-altin);
}

.blg-footer__iletisim-satiri strong {
  display: block;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: rgba(255,255,255,0.35);
  margin-bottom: 1px;
}

/* ---- Kolon 2 & 3: Navigasyon ---- */
.blg-footer__baslik {
  font-family: var(--blg-font-sans);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--blg-altin);
  margin-bottom: 18px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(107, 83, 56, 0.22);
}

.blg-footer__liste {
  display: flex;
  flex-direction: column;
  gap: 10px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.blg-footer__link {
  font-size: 13px;
  color: rgba(255,255,255,0.55);
  text-decoration: none;
  transition: color var(--blg-gecis-hizli) ease, padding-left 0.2s ease;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.blg-footer__link::before {
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: rgba(107, 83, 56, 0);
  flex-shrink: 0;
  transition: background var(--blg-gecis-hizli) ease;
}

.blg-footer__link:hover {
  color: rgba(255,255,255,0.9);
  padding-left: 4px;
}

.blg-footer__link:hover::before {
  background: var(--blg-altin);
}

/* ---- Kolon 4: CTA ---- */
.blg-footer__cta-baslik {
  font-family: var(--blg-font-sans);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--blg-altin);
  margin-bottom: 18px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(107, 83, 56, 0.22);
}

.blg-footer__cta-metin {
  font-size: 13px;
  color: rgba(255,255,255,0.5);
  line-height: 1.65;
  margin-bottom: 20px;
}

/* Glow hover butonlar */
.blg-footer__cta-butonlar {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 28px;
}

.blg-footer__btn {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 13px 18px;
  border-radius: var(--blg-yaricap-lg);
  font-family: var(--blg-font-sans);
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  transition:
    color var(--blg-gecis) ease,
    background var(--blg-gecis) ease,
    border-color var(--blg-gecis) ease,
    box-shadow var(--blg-gecis) ease,
    transform var(--blg-gecis) ease;
  position: relative;
  overflow: hidden;
}

.blg-footer__btn svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

/* Birincil buton — dolgu */
.blg-footer__btn--birincil {
  background: rgba(107, 83, 56, 0.15);
  border: 1px solid rgba(107, 83, 56, 0.4);
  color: var(--blg-altin-parlak);
}

.blg-footer__btn--birincil:hover {
  background: var(--blg-altin-soluk);
  border-color: rgba(107, 83, 56, 0.7);
  color: var(--blg-altin); /* WCAG AA 5.04:1 — eski #C9A87A 2.1:1 başarısızdı */
  box-shadow: 0 0 20px var(--blg-altin-cizgi), inset 0 0 20px rgba(107, 83, 56, 0.05);
  transform: translateY(-1px);
}

/* İkincil buton — outline */
.blg-footer__btn--ikincil {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid var(--blg-cizgi-2);
  color: rgba(255,255,255,0.7);
}

.blg-footer__btn--ikincil:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.35);
  color: rgba(255, 255, 255, 0.95);
  box-shadow: 0 0 20px rgba(255, 255, 255, 0.08), inset 0 0 20px rgba(255, 255, 255, 0.03);
  transform: translateY(-1px);
}

/* Sosyal ikonlar */
.blg-footer__sosyal-baslik {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.3);
  margin-bottom: 10px;
}

.blg-footer__sosyal-liste {
  display: flex;
  gap: 10px;
}

.blg-footer__sosyal-link {
  width: 38px;
  height: 38px;
  border-radius: var(--blg-yaricap-lg);
  border: 1px solid rgba(255,255,255,0.1);
  background: rgba(255,255,255,0.04);
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255,255,255,0.5);
  text-decoration: none;
  transition:
    color var(--blg-gecis-hizli) ease,
    background var(--blg-gecis-hizli) ease,
    border-color var(--blg-gecis-hizli) ease,
    box-shadow var(--blg-gecis-hizli) ease;
}

.blg-footer__sosyal-link svg {
  width: 16px;
  height: 16px;
}

.blg-footer__sosyal-link:hover {
  border-color: rgba(107, 83, 56, 0.5);
  color: var(--blg-altin-parlak);
  background: rgba(107, 83, 56, 0.10);
  box-shadow: 0 0 12px rgba(107, 83, 56, 0.15);
}

/* ---- Alt Bar ---- */
.blg-footer__alt-bar {
  border-top: 1px solid rgba(255,255,255,0.06);
  padding: 16px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
}

.blg-footer__alt-sol {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.blg-footer__telif {
  font-size: 11px;
  color: rgba(255,255,255,0.3);
}

.blg-footer__baro {
  font-size: 11px;
  color: rgba(255,255,255,0.25);
}

.blg-footer__baro span {
  color: rgba(107, 83, 56, 0.6);
}

.blg-footer__baro a {
  color: rgba(107, 83, 56, 0.75);
  text-decoration: none;
  transition: color var(--blg-gecis-hizli) ease;
}

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

/* Küçük hızlı link listesi */
.blg-footer__alt-linkler {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}

.blg-footer__alt-link {
  font-size: 11px;
  color: rgba(255,255,255,0.25);
  text-decoration: none;
  transition: color var(--blg-gecis-hizli) ease;
}

.blg-footer__alt-link:hover {
  color: rgba(255,255,255,0.6);
}

/* İstatistik rozetleri (alt sağ) */
.blg-footer__rozetler {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.blg-footer__rozet {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 5px 12px;
  border: 1px solid rgba(107, 83, 56, 0.25);
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  color: rgba(107, 83, 56, 0.85);
  background: rgba(107, 83, 56, 0.06);
}

.blg-footer__rozet svg {
  width: 12px;
  height: 12px;
}

@media (max-width: 768px) {
  .blg-footer__rozetler {
    display: none;
  }
  .blg-footer__alt-bar {
    justify-content: flex-start;
  }
}

/* Gizli sınıf kaldığı için legacy uyum */
.blg-footer__alt {
  display: none;
}

/* ============================================================
   12. BREADCRUMB
   ============================================================ */

.blg-breadcrumb {
  padding-top: calc(var(--blg-header-yukseklik) + var(--blg-bosluk-5));
}

.blg-breadcrumb__liste {
  display: flex;
  align-items: center;
  gap: var(--blg-bosluk-2);
  flex-wrap: wrap;
  list-style: none;
}

.blg-breadcrumb__ogesi {
  display: flex;
  align-items: center;
  gap: var(--blg-bosluk-2);
}

.blg-breadcrumb__ogesi::after {
  content: '/';
  color: var(--blg-metin-ucuncul);
  font-size: var(--blg-mini);
}

.blg-breadcrumb__ogesi:last-child::after {
  display: none;
}

.blg-breadcrumb__link {
  font-size: var(--blg-mini);
  color: var(--blg-metin-ucuncul);
  transition: color var(--blg-gecis-hizli);
}

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

.blg-breadcrumb__aktif {
  font-size: var(--blg-mini);
  color: var(--blg-altin);
}

/* ============================================================
   13. SAYFA HERO (ORTAK)
   ============================================================ */

.blg-sayfa-hero {
  background-color: var(--blg-antrasit);
  padding-top: calc(var(--blg-header-yukseklik) + var(--blg-bosluk-6));
  padding-bottom: var(--blg-bosluk-12);
  border-bottom: 1px solid rgba(107, 83, 56, 0.25);
  position: relative;
  overflow: hidden;
}

.blg-sayfa-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 60% 80% at 80% 50%, rgba(107, 83, 56, 0.10) 0%, transparent 70%),
    radial-gradient(ellipse 40% 60% at 10% 80%, rgba(20, 32, 44, 0.60) 0%, transparent 60%);
  pointer-events: none;
}

.blg-sayfa-hero__eyebrow {
  margin-bottom: var(--blg-bosluk-4);
  color: var(--blg-altin-dekor);
  letter-spacing: 0.12em;
}

.blg-sayfa-hero__baslik {
  color: rgba(255, 255, 255, 0.96);
  max-width: 700px;
  margin-bottom: var(--blg-bosluk-4);
}

.blg-sayfa-hero__baslik em {
  color: var(--blg-altin-dekor);
  font-style: italic;
}

.blg-sayfa-hero__lede {
  max-width: 580px;
  color: rgba(255, 255, 255, 0.88); /* WCAG AA — eski 0.68 başarısızdı */
}

/* Sayfa hero içindeki breadcrumb — koyu zemine uygun */
.blg-sayfa-hero .blg-breadcrumb__link {
  color: rgba(255, 255, 255, 0.78); /* WCAG AA — eski 0.45 ciddi başarısızdı */
}
.blg-sayfa-hero .blg-breadcrumb__link:hover {
  color: rgba(255, 255, 255, 1);
}
.blg-sayfa-hero .blg-breadcrumb__ogesi::after {
  color: rgba(255, 255, 255, 0.55); /* eski 0.25 */
}
.blg-sayfa-hero .blg-breadcrumb__aktif {
  color: var(--blg-altin-dekor);
}

/* ============================================================
   14. BÖLÜM BAŞLIĞI (ORTAK)
   ============================================================ */

.blg-bolum {
  padding-block: var(--blg-bolum-y);
}

.blg-bolum__baslik-grubu {
  margin-bottom: var(--blg-bosluk-12);
}

.blg-bolum__baslik-grubu--merkez {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.blg-bolum__kicker {
  display: flex;
  align-items: center;
  gap: var(--blg-bosluk-3);
  margin-bottom: var(--blg-bosluk-4);
}

.blg-bolum__kicker--merkez {
  justify-content: center;
}

.blg-bolum__kicker::before,
.blg-bolum__kicker::after {
  content: '';
  flex: 1;
  height: 1px;
  background-color: var(--blg-cizgi-altin);
  max-width: 48px;
}

.blg-bolum__kicker--merkez::before {
  display: block;
}

.blg-bolum__kicker--sol::before {
  display: none;
}

.blg-bolum__kicker--sol::after {
  display: none;
}

/* ============================================================
   15. ALTIN ÇİZGİ AKSANI
   ============================================================ */

.blg-altin-cizgi {
  display: block;
  width: 48px;
  height: 2px;
  background-color: var(--blg-altin-dekor);
  margin-top: var(--blg-bosluk-4);
}

.blg-altin-cizgi--merkez {
  margin-inline: auto;
}

/* ============================================================
   16. SCROLL REVEAL ANİMASYONU
   ============================================================ */

@media (prefers-reduced-motion: no-preference) {
  .blg-reveal {
    opacity: 0;
    transform: translateY(24px);
    transition:
      opacity var(--blg-gecis-yavas) var(--blg-gecis-giren),
      transform var(--blg-gecis-yavas) var(--blg-gecis-giren);
  }

  .blg-reveal--gorünür {
    opacity: 1;
    transform: translateY(0);
  }

  .blg-reveal--gecikme-1 { transition-delay: 100ms; }
  .blg-reveal--gecikme-2 { transition-delay: 200ms; }
  .blg-reveal--gecikme-3 { transition-delay: 300ms; }
  .blg-reveal--gecikme-4 { transition-delay: 400ms; }
}

/* ============================================================
   17. MEDYA SORGULARI — YARDIMCI
   ============================================================ */

/* Sadece mobil */
@media (max-width: 767px) {
  .u-gizli-mobil {
    display: none !important;
  }
}

/* Sadece tablet ve üzeri */
@media (min-width: 768px) {
  .u-gizli-tablet-ustu {
    display: none !important;
  }
}

/* Sadece masaüstü */
@media (min-width: 1024px) {
  .u-gizli-masaustu {
    display: none !important;
  }
}

/* ================================================
   HEADER LOGO GÖRSEL
   ================================================ */
.blg-header__logo-img {
  width: 44px;
  height: 44px;
  object-fit: contain;
  object-position: center;
  flex-shrink: 0;
  border-radius: var(--blg-yaricap-lg);
  background: transparent;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
}

@media (max-width: 768px) {
  .blg-header__logo-img {
    width: 36px;
    height: 36px;
  }
}

/* ================================================
   HEADER TAM LOGO
   ================================================ */
.blg-header__logo-tam {
  height: 80px;
  width: 80px;
  object-fit: contain;
  flex-shrink: 0;
  display: block;
  filter: drop-shadow(0 0 12px rgba(107, 83, 56, 0.45)) drop-shadow(0 0 4px rgba(107, 83, 56, 0.22));
}

@media (max-width: 1024px) {
  .blg-header__logo-tam {
    height: 64px;
    width: 64px;
  }
  .blg-header__logo-metin {
    font-size: 18px;
  }
}

/* Mobil menü — başlık butonları */
.blg-mobil-menu__link--baslik {
  background: none;
  border: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.blg-mobil-menu__link--baslik svg {
  transition: transform var(--blg-gecis-hizli) ease;
  flex-shrink: 0;
}

.blg-mobil-menu__link--baslik[aria-expanded="true"] svg {
  transform: rotate(180deg);
}

/* ── CLS Önleme: Header ve Footer Placeholder ────────────── */
#blg-header-root {
  min-height: var(--blg-header-yukseklik, 104px);
  contain: layout;
}

#blg-footer-root {
  min-height: 380px;
  contain: layout;
}

/* ============================================================
   EDITORIAL ARTICLE SYSTEM — FT + Apple readability
   2026 refinement, TBB Reklam Yasağı uyumlu, max-width 760px
   Kullanım: <article class="blg-editorial"> ... </article>
   ============================================================ */

/* Editorial column — single-column reading, sticky TOC için grid wrapper */
.blg-editorial-wrap {
  display: grid;
  grid-template-columns: minmax(0, 760px);
  justify-content: center;
  gap: var(--blg-bosluk-8, 48px);
  padding-block: var(--blg-bosluk-8, 48px);
}

@media (min-width: 1100px) {
  .blg-editorial-wrap--toc {
    grid-template-columns: 240px minmax(0, 760px);
    justify-content: center;
  }
}

.blg-editorial {
  max-width: 760px;
  margin: 0 auto;
  color: var(--blg-metin, #1F2023);
  font-family: var(--blg-font-sans);
  font-size: 1.125rem;       /* 18px desktop body */
  line-height: 1.75;
  font-weight: 400;
  letter-spacing: -0.003em;
}

.blg-editorial h1 {
  font-family: var(--blg-font-serif);
  font-weight: 500;
  font-size: clamp(2rem, 2.2vw + 1.4rem, 3.25rem);
  line-height: 1.15;
  letter-spacing: -0.018em;
  margin: 0 0 var(--blg-bosluk-4, 24px) 0;
  color: var(--blg-metin);
}

.blg-editorial h2 {
  font-family: var(--blg-font-serif);
  font-weight: 500;
  font-size: clamp(1.5rem, 1vw + 1.2rem, 1.875rem);
  line-height: 1.25;
  letter-spacing: -0.012em;
  margin: 3rem 0 1rem 0;
  color: var(--blg-metin);
  scroll-margin-top: 120px;
}

.blg-editorial h3 {
  font-family: var(--blg-font-sans);
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.35;
  margin: 2rem 0 0.75rem 0;
  color: var(--blg-metin);
  scroll-margin-top: 120px;
}

.blg-editorial p {
  margin: 0 0 1.25rem 0;
  color: var(--blg-metin);
}

.blg-editorial p:has(+ h2),
.blg-editorial p:has(+ h3) {
  margin-bottom: 0.75rem;
}

/* Lede paragraph — ilk paragraf premium serif */
.blg-editorial > .blg-editorial__lede,
.blg-editorial > p:first-of-type {
  font-family: var(--blg-font-serif);
  font-size: 1.3125rem;
  line-height: 1.55;
  color: var(--blg-metin);
  margin-bottom: 1.75rem;
  font-weight: 400;
  letter-spacing: -0.005em;
}

/* Eyebrow — kategori etiketi */
.blg-editorial__eyebrow {
  display: inline-block;
  font-family: var(--blg-font-sans);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--blg-altin);
  margin-bottom: 1rem;
}

/* Meta info — yazar, tarih, okuma süresi */
.blg-editorial__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  font-size: 0.875rem;
  color: var(--blg-metin-ikincil);
  border-block: 1px solid rgba(31, 32, 35, 0.08);
  padding-block: 1rem;
  margin: 2rem 0 2.5rem 0;
}

.blg-editorial__meta-item {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

/* Liste — rafine spacing */
.blg-editorial ul,
.blg-editorial ol {
  margin: 0 0 1.5rem 0;
  padding-left: 1.5rem;
}

.blg-editorial li {
  margin-bottom: 0.5rem;
  line-height: 1.7;
}

.blg-editorial li::marker {
  color: var(--blg-altin);
}

/* Link — editorial style, subtle underline */
.blg-editorial a {
  color: var(--blg-metin);
  text-decoration: underline;
  text-decoration-color: var(--blg-altin);
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
  transition: text-decoration-color 0.18s ease, color 0.18s ease;
}

.blg-editorial a:hover {
  color: var(--blg-altin);
  text-decoration-thickness: 2px;
}

/* Block quote — premium pull quote */
.blg-editorial blockquote {
  margin: 2.5rem 0;
  padding: 1.5rem 0 1.5rem 1.75rem;
  border-left: 2px solid var(--blg-altin);
  font-family: var(--blg-font-serif);
  font-size: 1.375rem;
  line-height: 1.45;
  font-style: italic;
  color: var(--blg-metin);
}

.blg-editorial blockquote cite {
  display: block;
  margin-top: 0.75rem;
  font-family: var(--blg-font-sans);
  font-style: normal;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  color: var(--blg-metin-ikincil);
}

/* Yargıtay kararı / mevzuat kutusu — bilgilendirici çerçeve */
.blg-editorial__ref {
  background: var(--blg-kart, #F1F1EF);
  border-left: 3px solid var(--blg-altin);
  padding: 1.25rem 1.5rem;
  margin: 2rem 0;
  border-radius: 2px;
  font-size: 1rem;
  line-height: 1.65;
}

.blg-editorial__ref-baslik {
  display: block;
  font-family: var(--blg-font-sans);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--blg-altin);
  margin-bottom: 0.5rem;
}

/* Strong / em — editorial discipline */
.blg-editorial strong { font-weight: 600; color: var(--blg-metin); }
.blg-editorial em { font-style: italic; }

/* Tablo — minimal editorial */
.blg-editorial table {
  width: 100%;
  border-collapse: collapse;
  margin: 2rem 0;
  font-size: 0.9375rem;
}

.blg-editorial th,
.blg-editorial td {
  padding: 0.75rem 1rem;
  text-align: left;
  border-bottom: 1px solid rgba(31, 32, 35, 0.08);
}

.blg-editorial th {
  font-weight: 600;
  color: var(--blg-metin);
  border-bottom-color: var(--blg-metin);
}

/* HR — subtle divider */
.blg-editorial hr {
  border: 0;
  border-top: 1px solid rgba(31, 32, 35, 0.12);
  margin: 3rem auto;
  width: 60px;
}

/* Sticky TOC */
.blg-editorial-toc {
  position: sticky;
  top: 120px;
  align-self: start;
  max-height: calc(100vh - 140px);
  overflow-y: auto;
  padding-right: 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
}

.blg-editorial-toc__baslik {
  font-family: var(--blg-font-sans);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--blg-altin);
  margin: 0 0 1rem 0;
}

.blg-editorial-toc ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border-left: 1px solid rgba(31, 32, 35, 0.1);
}

.blg-editorial-toc li {
  margin: 0;
}

.blg-editorial-toc a {
  display: block;
  padding: 0.4rem 0 0.4rem 1rem;
  margin-left: -1px;
  border-left: 1px solid transparent;
  color: var(--blg-metin-ikincil);
  text-decoration: none;
  transition: color 0.18s ease, border-color 0.18s ease;
}

.blg-editorial-toc a:hover,
.blg-editorial-toc a.is-active {
  color: var(--blg-metin);
  border-left-color: var(--blg-altin);
}

.blg-editorial-toc__alt {
  padding-left: 1rem !important;
  font-size: 0.825rem;
}

/* Reading progress bar — sayfa üstünde altın çizgi */
.blg-reading-progress {
  position: fixed;
  top: 0;
  left: 0;
  height: 2px;
  width: var(--progress, 0%);
  background: var(--blg-altin);
  z-index: 9999;
  transition: width 0.1s ease-out;
  pointer-events: none;
}

/* Editorial article footer — bilgilendirici kapanış */
.blg-editorial__son {
  margin-top: 4rem;
  padding-top: 2rem;
  border-top: 1px solid rgba(31, 32, 35, 0.12);
  font-size: 0.9375rem;
  color: var(--blg-metin-ikincil);
  line-height: 1.65;
}

.blg-editorial__son p {
  margin-bottom: 0.75rem;
}

/* Mobil — typography scale ayarla */
@media (max-width: 720px) {
  .blg-editorial {
    font-size: 1.0625rem;
    line-height: 1.7;
  }
  .blg-editorial > p:first-of-type {
    font-size: 1.1875rem;
  }
  .blg-editorial-wrap {
    padding-block: var(--blg-bosluk-6, 32px);
  }
  .blg-editorial blockquote {
    font-size: 1.1875rem;
    padding-left: 1.25rem;
  }
}

/* Print — editorial article temiz çıktı */
@media print {
  .blg-editorial-toc,
  .blg-reading-progress,
  .blg-header,
  .blg-footer { display: none !important; }
  .blg-editorial { max-width: none; }
}

/* ─── WhatsApp FAB ─────────────────────────────────────────── */
.blg-wa-fab {
  position: fixed;
  bottom: 1.5rem;
  right: 1.5rem;
  z-index: 900;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.25rem;
  height: 3.25rem;
  border-radius: 50%;
  background: #25d366;
  box-shadow: 0 4px 16px rgba(37, 211, 102, 0.45);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  text-decoration: none;
}

.blg-wa-fab:hover,
.blg-wa-fab:focus-visible {
  transform: scale(1.1);
  box-shadow: 0 6px 24px rgba(37, 211, 102, 0.55);
  outline: 3px solid rgba(37, 211, 102, 0.4);
  outline-offset: 2px;
}

.blg-wa-fab svg {
  width: 1.75rem;
  height: 1.75rem;
  fill: #fff;
  display: block;
}

/* ============================================================
   UTILITY CLASSES — Inline style yerine kullanılacak CSS class'lar
   v1.0 — 2026-05-27
   ============================================================ */

/* Buton tam genişlik (submit butonlar) */
.blg-btn--tam-genislik {
  width: 100%;
  display: flex;
  text-align: center;
  justify-content: center;
}

/* Ortalanmış buton/link (flex parent içinde) */
.blg-btn--ortalanmis {
  justify-content: center;
}

/* 2-sütun ızgara varyantı */
.blg-tur-grid--2 {
  grid-template-columns: repeat(2, 1fr);
}

/* Eyebrow boşlukları */
.blg-eyebrow--ust  { margin-top: 20px; }
.blg-eyebrow--alt  { margin-bottom: 16px; }

/* Chevron animasyonu (MobileMenu accordion) */
.blg-nav__chevron {
  transition: transform 0.2s ease;
  flex-shrink: 0;
}
.blg-nav__chevron--acik {
  transform: rotate(180deg);
}

/* Form başarı mesajı (ContactForm) */
.blg-form__basari       { display: none; }
.blg-form__basari--aktif { display: block; }

/* 404 sayfası tam düzeni */
.blg-404-sayfa {
  min-height: 60vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--blg-bosluk-4);
  padding: var(--blg-bosluk-12) var(--blg-bosluk-6);
  text-align: center;
}
.blg-404-sayfa__numara {
  font-size: clamp(48px, 10vw, 80px);
  font-weight: 800;
  color: var(--blg-birincil);
  margin: 0;
  line-height: 1;
}
.blg-404-sayfa__metin {
  font-size: 18px;
  color: var(--blg-metin-ikincil);
  margin: 0;
}

/* CTA kutusu (hizmetler, rehber, blog sayfaları) */
.blg-cta-kutu {
  margin-top: var(--blg-bosluk-16);
  text-align: center;
  padding: var(--blg-bosluk-10);
  background: rgba(201, 168, 76, 0.04);
  border: 1px solid var(--blg-altin-cizgi);
  border-radius: var(--blg-yaricap-lg);
}
.blg-cta-kutu__baslik {
  font-family: var(--blg-font-serif);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--blg-metin);
  margin-bottom: var(--blg-bosluk-3);
}
.blg-cta-kutu__metin {
  font-size: 14px;
  color: var(--blg-metin-ikincil);
  margin-bottom: var(--blg-bosluk-6);
}
.blg-cta-kutu__butonlar {
  display: flex;
  gap: var(--blg-bosluk-4);
  justify-content: center;
  flex-wrap: wrap;
}

/* İkon yardımcıları */
.blg-ikon--sabit       { flex-shrink: 0; }
.blg-self-baslangic    { align-self: flex-start; }
.blg-flex-merkez {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--blg-bosluk-4);
}

/* Margin yardımcıları */
.blg-mb-8 { margin-bottom: var(--blg-bosluk-8); }
.blg-mb-3 { margin-bottom: var(--blg-bosluk-3); }
.blg-mt-5 { margin-top: var(--blg-bosluk-5); }

/* iframe sıfırlama */
.blg-iframe--sinir-yok { border: 0; }
.blg-iframe--tam       { display: block; width: 100%; border: none; }
.blg-iframe--kart      { border: 0; border-radius: var(--blg-yaricap-lg); }

/* Dilekçe ikon renk/gradyan varyantları (dlk-kart__ikon modifier'ları) */
.dlk-kart__ikon--lacivert {
  background: var(--blg-gradient-lacivert, linear-gradient(135deg, #0A1628 0%, #1a3a5c 100%));
}
.dlk-kart__ikon--mor {
  background: var(--blg-gradient-mor, linear-gradient(135deg, #1a0a28 0%, #3d1a5c 100%));
}
.dlk-kart__ikon--yesil {
  background: var(--blg-gradient-yesil, linear-gradient(135deg, #0a1a28 0%, #1a3828 100%));
}
.dlk-kart__ikon--altin {
  background: var(--blg-gradient-altin, linear-gradient(135deg, #1a1a0a 0%, #3a3010 100%));
}

/* Rehber sayfa inline margin kaldırma */
.blg-rehber-karti__link--ust {
  margin-top: var(--blg-bosluk-3);
}

/* Bos durum blok (BlogClient) */
.blg-bos-durum--blok { display: block; }

/* Blog sidebar saat metni */
.blg-sidebar__saat {
  margin-left: auto;
  font-size: 0.72rem;
}

/* Eyebrow boşluk varyantı (hukuk-rehberi hero) */
.blg-eyebrow--bosluk { margin-bottom: 12px; margin-top: 16px; }

/* Kategori kart makale sayacı (hukuk-rehberi) */
.blg-kart-sayac { font-size: 13px; color: var(--blg-metin-ikincil); margin-bottom: var(--blg-bosluk-2); }

/* Boş durum mesajı (liste sayfaları) */
.blg-bos-mesaj { font-size: 14px; color: var(--blg-metin-ikincil); text-align: center; padding: 40px 0; }

/* ============================================================
   DİLEKÇE SLUG SAYFASI — inline style temizleme
   2026-05-27
   ============================================================ */

/* Breadcrumb bar — sayfa üst çizgisi */
.blg-breadcrumb-bar {
  background: var(--blg-yuzey);
  border-bottom: 1px solid var(--blg-sinir);
  padding: 12px 0;
}

/* Margin yardımcısı */
.blg-mt-7 { margin-top: var(--blg-bosluk-7); }

/* Dilekçe iframe sarmalayıcı kutu */
.dilekce-iframe-alan {
  margin: 28px 0;
  border: 1px solid var(--blg-sinir, rgba(255, 255, 255, 0.10));
  border-radius: 12px;
  overflow: hidden;
  background: var(--blg-arkaplan, #0A1628);
}

/* Dilekçe iframe başlık şeridi */
.dilekce-iframe-baslik {
  padding: 12px 18px;
  background: rgba(255, 177, 98, 0.10);
  border-bottom: 1px solid var(--blg-sinir, rgba(255, 255, 255, 0.08));
  color: var(--blg-altin, #FFB162);
  font-size: 14px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Metin vurgu token utility */
.blg-metin-vurgu { color: var(--blg-metin, #EEE9DF); }