/* ════════ Kozmos teması — iç sayfalar (cosmos.css üzerine yüklenir) ════════ */

/* Açık tema değişkenlerini koyuya çevir: satır içi stiller de bunlara bağlı */
.cz-sub {
  --bg: transparent;
  --gold-pale: rgba(245,158,11,.10);
  --blue-soft: rgba(96,140,255,.10);
  /* Metin değişkenleri (zemin olarak yalnızca footer'da kullanılıyor, o da şeffaf) */
  --slate: rgba(243,246,255,.9);
  --slate-mid: #9aa6c4;
  --slate-light: #6b7796;
}
/* :where() ile sıfır özgüllük: sayfanın kendi sınıf kuralları her zaman kazanır */
.cz-sub { color: var(--cz-muted); }
:where(.cz-sub) :where(p, li) { color: var(--cz-muted); }
:where(.cz-sub) :where(h1, h2, h3, h4, strong) { color: var(--cz-ink); }

/* ── Bölüm zeminleri şeffaf ── */
.courses-section, .coaching-section, .faq-section, .pedagoji-section, .maarif-section,
.referral-section, .video-section, .gform-section, .countdown-section, .content, .blog-layout {
  background: transparent !important;
  border-color: var(--cz-line) !important;
}
.courses-section, .coaching-section, .faq-section, .pedagoji-section, .maarif-section,
.referral-section, .video-section, .gform-section {
  padding-top: clamp(56px, 8vw, 100px) !important;
  padding-bottom: clamp(56px, 8vw, 100px) !important;
}
.cz-page-hero + section, .cz-page-hero + div > section:first-child { padding-top: clamp(16px, 3vw, 40px) !important; }

/* ── Küçük sayfaların hero bandı: perdeli şeffaf ── */
.cz-sub .hero, .cz-sub .blog-hero {
  background: radial-gradient(120% 90% at 50% -20%, rgba(4,6,15,.85) 0%, rgba(4,6,15,.35) 55%, transparent 80%) !important;
  border-bottom: 1px solid var(--cz-line);
  padding-top: clamp(56px, 9vw, 110px);
  padding-bottom: clamp(48px, 7vw, 90px);
}
.cz-sub .hero h1, .cz-sub .blog-title, .cz-sub .hero-title { text-shadow: 0 2px 40px rgba(0,0,0,.6); letter-spacing: -.01em; }
.cz-sub .hero p, .cz-sub .blog-meta, .cz-sub .blog-breadcrumb { color: var(--cz-muted); }
.nav-back {
  border-radius: 999px !important;
  border-color: var(--cz-line-strong) !important;
  background: rgba(255,255,255,.04);
  transition: background .2s ease, border-color .2s ease;
}
.nav-back:hover { background: rgba(255,255,255,.09); border-color: var(--cz-accent) !important; color: #fff; }

/* ── Ortak cam kart ── */
.course-card, .pedagoji-card, .maarif-pillar, .maarif-cert, .maarif-emblem, .cw-stat, .coaching-why,
.coaching-steps, .coaching-quote, .faq-item, .gform-embed-placeholder, .blog-card, .announcement,
.sidebar-card, .form-card, .info-card, .highlight-box, .tip-box, .info-box, .update-badge, .cd-card,
.video-frame-wrap, .referral-inner {
  background: var(--cz-glass) !important;
  border: 1px solid var(--cz-line) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: none;
}
.course-card, .pedagoji-card, .maarif-pillar, .blog-card, .announcement, .cw-stat, .sidebar-card,
.form-card, .info-card, .coaching-why, .coaching-steps, .referral-inner, .cd-card {
  border-radius: var(--cz-radius) !important;
  transition: transform .35s var(--cz-ease), border-color .3s ease, background .3s ease;
}
.course-card:hover, .pedagoji-card:hover, .maarif-pillar:hover, .blog-card:hover, .announcement:hover, .cw-stat:hover {
  transform: translateY(-4px);
  border-color: var(--cz-line-strong) !important;
  background: var(--cz-glass-2) !important;
  box-shadow: 0 24px 60px -30px rgba(0,0,0,.8) !important;
}
.highlight-box, .tip-box { border-left: 3px solid var(--cz-accent) !important; }
.info-box { border-left: 3px solid #608cff !important; }

/* ── Dersler ── */
.course-header, .course-cta { border-color: var(--cz-line) !important; background: transparent !important; }
.course-featured { border-color: rgba(245,158,11,.45) !important; box-shadow: 0 0 0 1px rgba(245,158,11,.15), 0 30px 80px -40px rgba(245,158,11,.45) !important; }
.course-featured .course-header { background: linear-gradient(135deg, rgba(245,158,11,.12), transparent 70%) !important; }
.course-name, .course-price, .course-method-label, .course-outcome strong { color: var(--cz-ink) !important; }
.course-tagline, .course-feature, .course-importance, .course-price-label { color: var(--cz-muted) !important; }
.course-outcome { background: rgba(96,140,255,.08) !important; color: var(--cz-muted) !important; border: 1px solid var(--cz-line); }
.course-badge { background: rgba(245,158,11,.12) !important; color: var(--cz-accent-2) !important; }
.btn-course { border-radius: 999px; }
.filter-btn {
  background: rgba(255,255,255,.04) !important; color: var(--cz-muted) !important;
  border: 1px solid var(--cz-line-strong) !important; border-radius: 999px !important;
  backdrop-filter: blur(10px);
}
.filter-btn:hover { color: var(--cz-ink) !important; border-color: var(--cz-accent) !important; }
.filter-btn.active {
  background: linear-gradient(180deg, var(--cz-accent-2), var(--cz-accent)) !important;
  color: #1a1203 !important; border-color: transparent !important;
}

/* ── Öğretim yaklaşımı & Maarif ── */
.pedagoji-card h3, .maarif-pillar strong, .maarif-cert-title, .coaching-why-title, .cw-stat-num,
.cq-author, .referral-title, .rs-text strong, .faq-q-text, .faq-q { color: var(--cz-ink) !important; }
.pedagoji-card p, .pedagoji-intro, .maarif-desc, .maarif-pillar p, .maarif-cert-sub, .coaching-intro,
.coaching-why-text p, .cw-stat-label, .referral-desc, .referral-cta-label, .rs-text span,
.faq-answer p, .faq-a, .gform-feat { color: var(--cz-muted) !important; }
.maarif-section { border-top: 1px solid var(--cz-line) !important; border-bottom: 1px solid var(--cz-line) !important; }
.cw-stat-num { background: linear-gradient(180deg, #fff, var(--cz-accent)); -webkit-background-clip: text; background-clip: text; color: transparent !important; }

/* ── Koçluk sistemi ── */
.coaching-step { border-color: var(--cz-line) !important; background: transparent !important; }
.coaching-step:hover { background: rgba(255,255,255,.04) !important; }
.coaching-step:hover .cs-num { color: var(--cz-accent-2) !important; }

/* ── SSS akordeonu ── */
.faq-container { display: flex; flex-direction: column; gap: 12px; }
.faq-item { border-radius: 14px !important; overflow: hidden; }
.faq-item.open { border-color: rgba(245,158,11,.35) !important; background: var(--cz-glass-2) !important; }
.faq-question { background: transparent !important; color: var(--cz-ink); }
.faq-icon { background: rgba(255,255,255,.05) !important; border-color: var(--cz-line-strong) !important; color: var(--cz-accent-2) !important; }

/* ── Blog ── */
.blog-card-thumb { background: linear-gradient(135deg, rgba(96,140,255,.18), rgba(245,158,11,.10)) !important; }
.coming-soon { border-style: dashed !important; opacity: .75; }
.coming-soon .blog-card-thumb { background: rgba(255,255,255,.03) !important; }
.blog-card-title, .blog-card-cta { color: var(--cz-ink) !important; }
.blog-card-desc, .blog-card-footer { color: var(--cz-muted) !important; }
.blog-card-tag, .announcement-tag { background: rgba(245,158,11,.12) !important; color: var(--cz-accent-2) !important; }
.announcement-tag.in-progress { background: rgba(96,140,255,.14) !important; color: #b7c8ff !important; }

/* Makale gövdesi */
.blog-content h2, .content h2 { color: var(--cz-ink) !important; border-bottom-color: var(--cz-line) !important; }
.blog-content h3, .content h3 { color: var(--cz-ink) !important; }
.blog-content p, .blog-content li, .content p, .content li { color: rgba(243,246,255,.78) !important; }
.blog-content strong, .content strong { color: var(--cz-ink) !important; }
.blog-content a, .content a { color: var(--cz-accent-2) !important; }
.sidebar-card-title { color: var(--cz-ink) !important; border-bottom-color: var(--cz-line) !important; }
.sidebar-toc a { color: var(--cz-muted) !important; border-left-color: var(--cz-line-strong) !important; }
.sidebar-toc a:hover { color: var(--cz-ink) !important; border-left-color: var(--cz-accent) !important; }
.topic-table td, .info-table td { border-bottom-color: var(--cz-line) !important; color: var(--cz-muted) !important; }
.topic-table th, .info-table th { background: rgba(245,158,11,.12) !important; color: var(--cz-ink) !important; }
.topic-table tr:nth-child(even) td, .info-table tr:nth-child(even) td { background: rgba(255,255,255,.03) !important; }

/* ── Duyurular zaman çizelgesi ── */
.timeline::before { background: linear-gradient(180deg, var(--cz-accent), rgba(96,140,255,.4), transparent) !important; }
.announcement h2, .announcement li strong { color: var(--cz-ink) !important; }
.announcement p, .announcement li { color: var(--cz-muted) !important; }
.progress-bar-track { background: rgba(255,255,255,.08) !important; }

/* ── Randevu formu ── */
.form-section-title, .lesson-type-name, .contact-val, .success-title { color: var(--cz-ink) !important; }
.form-section-sub, .form-label, .rules-list li, .success-desc { color: var(--cz-muted) !important; }
.form-divider { background: var(--cz-line) !important; }
.form-input {
  background: rgba(255,255,255,.04) !important; color: var(--cz-ink) !important;
  border: 1px solid var(--cz-line-strong) !important; border-radius: 12px !important;
}
.form-input::placeholder { color: var(--cz-muted-2); }
.form-input:focus { border-color: var(--cz-accent) !important; box-shadow: 0 0 0 4px rgba(245,158,11,.15) !important; outline: none; }
select.form-input option { background: #0b1028; color: var(--cz-ink); }
.day-btn, .time-btn, .level-chip, .lesson-type-card {
  background: rgba(255,255,255,.04) !important; color: var(--cz-muted) !important;
  border: 1px solid var(--cz-line-strong) !important;
}
.day-btn:hover:not(.disabled), .time-btn:hover:not(.taken), .level-chip:hover, .lesson-type-card:hover {
  border-color: var(--cz-accent) !important; color: var(--cz-ink) !important;
}
.day-btn.selected, .time-btn.selected, .level-chip.selected, .lesson-type-card.selected {
  background: rgba(245,158,11,.14) !important; border-color: var(--cz-accent) !important; color: var(--cz-ink) !important;
}
.contact-icon { background: rgba(245,158,11,.10) !important; }
.success-icon { background: rgba(34,197,94,.14) !important; }

/* ── Geri sayım kartları ── */
.cd-card-featured { border-color: rgba(245,158,11,.45) !important; }
.cd-exam-name { color: var(--cz-ink); }

/* ── Küçük sayfaların sade footer'ı ── */
.cz-sub > footer {
  background: linear-gradient(180deg, transparent, rgba(4,6,15,.75) 50%) !important;
  border-top: 1px solid var(--cz-line);
  backdrop-filter: blur(6px);
}

/* ── Büyük iç sayfaların başlık alanı ── */
.cz-page-hero {
  text-align: center;
  padding: clamp(72px, 12vw, 150px) 20px clamp(56px, 8vw, 100px);
  background: radial-gradient(120% 90% at 50% -20%, rgba(4,6,15,.85) 0%, rgba(4,6,15,.3) 55%, transparent 80%);
}
.cz-page-hero p:first-child {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 7px 16px; border-radius: 999px;
  background: rgba(245,158,11,.10); border: 1px solid rgba(245,158,11,.3);
  color: var(--cz-accent-2) !important; letter-spacing: .16em !important; margin-bottom: 22px !important;
  backdrop-filter: blur(8px);
}
.cz-page-hero h1 {
  font-family: var(--font-display); font-weight: 800;
  font-size: clamp(2.2rem, 6vw, 4.2rem) !important; line-height: 1.05; letter-spacing: -.02em;
  background: linear-gradient(180deg, #fff 35%, var(--cz-accent-2));
  -webkit-background-clip: text; background-clip: text; color: transparent !important;
  text-shadow: none; filter: drop-shadow(0 4px 30px rgba(0,0,0,.5));
  margin-bottom: 18px !important;
}
.cz-page-hero p:not(:first-child) { color: var(--cz-muted) !important; max-width: 560px; margin-left: auto !important; margin-right: auto !important; font-size: clamp(1rem, 1.6vw, 1.12rem) !important; }