/*
  Cakmak Law — Alt Sayfa Bütünlük Katmanı
  Tüm alt sayfalarda index.html ile tutarlı görünüm sağlar.
*/

/* ── Bordo/siyah hero — tüm alt sayfalarda aynı (site teması) ── */
.hero, .page-hero {
  background: linear-gradient(160deg, #1a0303 0%, #2a0808 50%, #150202 100%) !important;
}

/* Akademi gibi sadece .hero classı olan sayfalar için glow efekti */
.hero::before {
  content: "";
  position: absolute;
  top: -120px; right: -120px;
  width: 640px; height: 640px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(145,0,0,.18) 0%, transparent 68%);
  pointer-events: none;
  z-index: 0;
}
.hero .container { position: relative; z-index: 1; }

/* Hero metinler — koyu arka plan için */
.hero h1, .page-hero h1 {
  color: #f0ebe3 !important;
}
.hero h1 em, .page-hero h1 em {
  color: #c9a76a !important;
  font-style: normal;
  -webkit-text-fill-color: unset !important;
  background: none !important;
}
.hero p, .hero-p, .page-hero p {
  color: rgba(240,235,227,.65) !important;
}

/* Eyebrow / label */
.eyebrow, .section-label, .hero-badge {
  color: rgba(240,235,227,.55) !important;
}
.eyebrow::before, .section-label::before {
  background: #910000 !important;
}
.hero-badge {
  background: rgba(145,0,0,.18) !important;
  border-color: rgba(145,0,0,.35) !important;
  color: rgba(240,235,227,.7) !important;
}

/* Metrik kutular */
.metric {
  background: rgba(255,255,255,.05) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
}
.metric strong { color: #f0ebe3 !important; }
.metric span { color: rgba(240,235,227,.5) !important; }

/* Hero stats (dilekce/sozlesmeler tarzı) */
.hero-stats {
  border-top-color: rgba(255,255,255,.08) !important;
}

/* ── Nav — site-premium.css'teki kırmızı nav tüm sayfalarda kullanılır
   (eski beyaz nav override'ı kaldırıldı — tutarlılık için) ── */

/* ── Footer — her sayfada aynı ── */
footer {
  background: linear-gradient(180deg,#1c1a18 0%,#100f0d 100%) !important;
  border-top: 1px solid rgba(145,0,0,.16) !important;
  padding: 36px 0 20px !important;
  position: relative;
  overflow: hidden;
}
footer::after {
  content: "";
  position: absolute;
  right: -20px; top: 50%; transform: translateY(-50%);
  width: 340px; height: 340px;
  background: url('../images/logo-white.png') center/contain no-repeat;
  opacity: .05;
  pointer-events: none; z-index: 0;
}
footer .container { position: relative; z-index: 1; }
.footer-grid {
  display: grid !important;
  grid-template-columns: 1.4fr 1fr 0.8fr 0.8fr 1fr !important;
  gap: 20px !important;
  margin-bottom: 20px !important;
}
.foot-desc { font-size: 12.5px !important; margin-top: 10px !important; line-height: 1.65 !important; }
.foot-label { margin-bottom: 10px !important; font-size: 10px !important; }
.foot-links { gap: 7px !important; }
.foot-links a { font-size: 12.5px !important; }
.foot-bot { padding-top: 16px !important; font-size: 11.5px !important; }
footer img[alt*="akmak"] { width: 90px !important; height: 90px !important; }

/* ── Sayfa arka planı — index ile tutarlı ── */
body { background: #fbfbfa; }

/* ── Üst nav linkleri — index.html ile aynı (9px) ── */
.nav-links a {
  font-size: 9px !important;
  letter-spacing: .04em !important;
  padding: 0 9px !important;
  min-height: 42px !important;
  color: #4a4542 !important;
  font-weight: 700 !important;
}
.nav-links a:hover { color: #910000 !important; }
.nav-links a.current { color: #910000 !important; }

/* ── Kategori renk değişkeni — tüm sayfalar için ortak ── */
[data-cat="is"]       { --catc: #0e7c5a; }
[data-cat="aile"]     { --catc: #b14a8a; }
[data-cat="kira"]     { --catc: #c97a3a; }
[data-cat="sirket"]   { --catc: #1e5fa8; }
[data-cat="icra"]     { --catc: #8a4a1e; }
[data-cat="adli"]     { --catc: #910000; }
[data-cat="idari"]    { --catc: #5a4a8a; }
[data-cat="tuketici"] { --catc: #c9a76a; }
[data-cat="tek"]      { --catc: #1e8a8a; }

/* ── Kategori renklerini KART GÖVDESİNE taşı: kalın sol kenar + üst gradient şerit ── */
.sz-card[data-cat], .dl-card[data-cat], .card[data-cat] {
  border-left: 4px solid var(--catc, #910000) !important;
  position: relative;
  overflow: hidden;
}
.sz-card[data-cat]::before,
.dl-card[data-cat]::before {
  content: "";
  position: absolute;
  top: 0; left: -1px; right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--catc, #910000) 0%, var(--catc, #910000) 40%, transparent 92%);
  opacity: .9;
  pointer-events: none;
}
/* Hover'da hafif kategori tint'i ekle */
.sz-card[data-cat]:hover, .dl-card[data-cat]:hover, .card[data-cat]:hover {
  background: color-mix(in srgb, var(--catc, #910000) 4%, #fff) !important;
}
/* Tag etiketi daha okunur boyut */
.sz-card-tag, .dl-card-tag {
  font-size: 10.5px !important;
  padding: 4px 10px !important;
  letter-spacing: .08em !important;
}

/* ── Tüm alt sayfalarda ORTAK font ölçeği ── */
/* Hero H1: aynı boyut */
.hero h1, .page-hero h1 {
  font-size: clamp(32px, 4vw, 52px) !important;
  line-height: 1.1 !important;
}

/* Kart başlığı — tüm sayfalarda eşit */
.sz-card-title, .dl-card-title, .card h3, .card h4 {
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
}
.card.dark h3, .card.dark h4 { font-size: 16px !important; }

/* Kart açıklaması */
.sz-card-desc, .dl-card-desc, .card p {
  font-size: 13.5px !important;
  line-height: 1.55 !important;
}

/* Responsive: tablet footer */
@media(max-width:1020px) {
  .footer-grid { grid-template-columns: 1fr 1fr !important; gap: 16px !important; }
}
@media(max-width:640px) {
  .footer-grid { grid-template-columns: 1fr !important; }
  .hero, .page-hero { padding: 60px 0 44px !important; }
  .nav-links a { font-size: 9px !important; padding: 0 7px !important; }
}