/* =====================================================
   DIJINIKA - GLOBAL OVERRIDE
   En son yüklenen CSS — tüm kuralları override eder
   Kontrast (WCAG AAA) + CLS düzeltmeleri
   ===================================================== */

/* ============================================================
   1) YAN MENÜ — Sidebar (KATEGORİLER, KURUMSAL, Telif)
   ============================================================ */
.yan-grup-baslik {
    color: #0a1931 !important;
    font-weight: 800 !important;
    opacity: 1 !important;
}
body.tema-dark .yan-grup-baslik {
    color: #f1f5f9 !important;
}

.yan-telif {
    color: #334155 !important;
    font-weight: 500 !important;
    opacity: 1 !important;
}
body.tema-dark .yan-telif {
    color: #e2e8f0 !important;
}

/* Yan menü liste linkleri */
.yan-grup-liste a,
.yan-kategoriler a {
    color: #334155;
    font-weight: 500;
}
body.tema-dark .yan-grup-liste a,
body.tema-dark .yan-kategoriler a {
    color: #e2e8f0;
}
.yan-grup-liste a:hover,
.yan-kategoriler a:hover {
    color: #ea580c;
}
body.tema-dark .yan-grup-liste a:hover,
body.tema-dark .yan-kategoriler a:hover {
    color: #fb923c;
}

/* ============================================================
   2) YAZI KART META (anasayfa) — tarih + okuma + yazar
   ============================================================ */
.yazi-kart-meta,
.yazi-kart-meta time,
.yazi-kart-meta span,
.yazi-kart-meta .yazar,
.yazi-kart-meta .yazar-isim {
    color: #475569 !important;
    font-weight: 500 !important;
    opacity: 1 !important;
}
.yazi-kart-meta a,
.yazi-kart-meta .yazar a {
    color: #334155 !important;
    font-weight: 600 !important;
}
.yazi-kart-meta a:hover,
.yazi-kart-meta .yazar a:hover {
    color: #ea580c !important;
}
.yazi-kart-meta .ayrac {
    color: #94a3b8 !important;
    opacity: 1 !important;
    font-weight: 400 !important;
}

body.tema-dark .yazi-kart-meta,
body.tema-dark .yazi-kart-meta time,
body.tema-dark .yazi-kart-meta span,
body.tema-dark .yazi-kart-meta .yazar,
body.tema-dark .yazi-kart-meta .yazar-isim {
    color: #cbd5e1 !important;
}
body.tema-dark .yazi-kart-meta a,
body.tema-dark .yazi-kart-meta .yazar a {
    color: #e2e8f0 !important;
}
body.tema-dark .yazi-kart-meta a:hover,
body.tema-dark .yazi-kart-meta .yazar a:hover {
    color: #fb923c !important;
}
body.tema-dark .yazi-kart-meta .ayrac {
    color: #64748b !important;
}

/* ============================================================
   3) FORM-NOT (yorum formu) - (yayımlanmaz), (en az 3 karakter)
   ============================================================ */
.form-not {
    color: #1e293b !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    opacity: 1 !important;
    background: transparent !important;
}
body.tema-dark .form-not {
    color: #f1f5f9 !important;
    font-weight: 600 !important;
}

/* ============================================================
   4) YAZI TEKİL META — meta-okuma, meta-goruntulenme vb.
   ============================================================ */
.yazi-meta,
.yazi-meta time,
.yazi-meta .meta-okuma,
.yazi-meta .meta-goruntulenme {
    color: #475569 !important;
    font-weight: 500 !important;
}
body.tema-dark .yazi-meta,
body.tema-dark .yazi-meta time,
body.tema-dark .yazi-meta .meta-okuma,
body.tema-dark .yazi-meta .meta-goruntulenme {
    color: #cbd5e1 !important;
}

/* ============================================================
   5) CLS FIX — Kapak görseli (yazi-ust-sag / yazi-kapak)
   ============================================================ */
.yazi-ust-sag,
.yazi-kapak,
figure.yazi-kapak,
figure.yazi-ust-sag {
    aspect-ratio: 3 / 2 !important;
    width: 100% !important;
    height: auto !important;
    background: #e2e8f0;
    overflow: hidden !important;
    border-radius: 12px;
    contain: layout;
}
.yazi-ust-sag picture,
.yazi-ust-sag img,
.yazi-kapak picture,
.yazi-kapak img,
figure.yazi-kapak picture,
figure.yazi-kapak img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}
@media (max-width: 900px) {
    .yazi-ust-sag,
    .yazi-kapak,
    figure.yazi-kapak,
    figure.yazi-ust-sag {
        aspect-ratio: 16 / 9 !important;
    }
}

/* ============================================================
   6) İçindekiler liste ::before — CLS sebebi
   ============================================================ */
.icindekiler-liste li.ic-h2 > a::before,
.icindekiler-liste li.ic-h3 > a::before {
    display: inline-block !important;
    min-width: 24px;
}

/* ============================================================
   7) YAZI KART resmi de CLS olmasın
   ============================================================ */
.yazi-kart-gorsel {
    aspect-ratio: 16 / 10 !important;
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #e2e8f0;
}
.yazi-kart-gorsel img,
.yazi-kart-gorsel picture {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
}

/* Bolum basligindaki ikonu saga al */
.bolum-baslik {
    display: flex;
    align-items: center;
    gap: 8px;
}
.bolum-baslik .bolum-baslik-ikon {
    order: 2;
}

/* Bolum baslik: h2 tum alani kaplamasin, ikon yaninda kalsin */
.bolum-baslik {
    justify-content: flex-start !important;
}
.bolum-baslik h1,
.bolum-baslik h2 {
    flex: 0 0 auto !important;
}