/* ==========================================================================
   Karanlık mod (html.koyu) — sitenin kendi renk düzeninden türetildi.
   İçerik sayfalarındaki (Elementor) sabit renkleri tema.js çevirir; burada
   sitenin kendi bileşenleri, logolar ve geçiş düğmesi var.
   ========================================================================== */

/* Geçiş düğmesi (her iki temada) */
.tema-dugme { position: fixed; z-index: 85; right: 16px; bottom: 16px; width: 46px; height: 46px; border-radius: 50%; border: 0; display: grid; place-items: center; cursor: pointer; background: #fff; color: #0E5079; box-shadow: 0 4px 16px rgba(0,0,0,.18); transition: transform .2s, background-color .3s, color .3s; }
.tema-dugme:hover { transform: scale(1.06); }
.tema-dugme:focus-visible { outline: 3px solid #8BC43F; outline-offset: 2px; }
.tema-dugme svg { width: 22px; height: 22px; }
.tema-dugme .ikon-gunes { display: none; }
html.koyu .tema-dugme { background: #1d2c3a; color: #f5c84b; box-shadow: 0 4px 16px rgba(0,0,0,.5), inset 0 0 0 1px #2b3c4c; }
html.koyu .tema-dugme .ikon-ay { display: none; }
html.koyu .tema-dugme .ikon-gunes { display: block; }
.logo-koyu { display: none; }
html.koyu .logo-acik { display: none; }
html.koyu .logo-koyu { display: inline-block; }

/* Temalar arası yumuşak geçiş (yalnızca düğmeye basınca) */
html.tema-gecis, html.tema-gecis * { transition: background-color .3s ease, color .3s ease, border-color .3s ease !important; }
@media (prefers-reduced-motion: reduce) { html.tema-gecis, html.tema-gecis * { transition: none !important; } }

/* Çeviri bitene kadar içerik sayfası gizli kalır (beyaz kutular yanıp sönmesin); betik çalışmazsa 1,5 sn sonra yine görünür */
html.koyu.koyu-hazirlaniyor main .elementor { visibility: hidden; animation: koyuGoster 0s 1.5s forwards; }
@keyframes koyuGoster { to { visibility: visible; } }

html.koyu {
    color-scheme: dark;
    --blue: #2a7fb8;
    --blue-dark: #3b92cc;
    --heading: #eef3f7;
    --text: #c5d0da;
    --ink: #eef3f7;
    --muted: #93a3b1;
    --line: #2b3c4c;
    --soft: #131f2a;
    --card: #16232f;
    --k-bg: #0f1a24;
    --k-yuzey: #16232f;
    --k-yuzey2: #1d2c3a;
    --k-link: #7cc0ea;
}
html.koyu body { background: var(--k-bg); color: var(--text); }
html.koyu :where(a) { color: var(--k-link); }

/* Üst kısım */
html.koyu .funding-strip, html.koyu .site-header { background: var(--k-bg); }
/* Resmî logolar (AB, Dünya Bankası, Bakanlık) beyaz zeminde kalır — logo kullanım kurallarına uygun */
/* Üstteki bayraklar koyu temada ayrı görselle (yazı beyaz) gösterilir; alttaki kurum logoları açık zeminli kutuda */
html.koyu .footer-partners img { background: #dfe6ec; border-radius: 8px; }
/* Alt bilgideki iki logo eşit kutularda */
html.koyu .footer-partners img { width: 132px; height: 64px; padding: 8px 12px; object-fit: contain; box-sizing: border-box; }
html.koyu .main-nav a { color: var(--ink); }
html.koyu .main-nav a:hover, html.koyu .main-nav a[aria-current] { color: var(--k-link); }
html.koyu .main-nav .nav-cta a, html.koyu .main-nav .nav-cta a:hover { color: #fff; }
html.koyu .sub-toggle { color: var(--ink); }
html.koyu .sub-menu { background: var(--k-yuzey2); box-shadow: 0 10px 30px rgba(0,0,0,.5); }
html.koyu .nav-toggle { background: var(--k-yuzey2); }
html.koyu .nav-toggle span { background: var(--ink); }
@media (max-width: 1024px) { html.koyu .main-nav { background: var(--k-yuzey); box-shadow: 0 12px 24px rgba(0,0,0,.45); } }

/* Düğmeler */
html.koyu .btn-primary { background: #1b6a9e; color: #fff; }
html.koyu .btn-primary:hover { background: #2a7fb8; color: #fff; }
html.koyu .btn-ghost { color: var(--k-link); border-color: var(--line); }
html.koyu .btn-ghost:hover { background: var(--k-yuzey2); }
html.koyu .link-arrow, html.koyu .link-btn { color: var(--k-link); }

/* Ana sayfa */
html.koyu .hero-card { background: rgba(15,26,36,.86); color: var(--text); }
html.koyu .hero-title { color: var(--ink); }
html.koyu .how { background: #131f2a; }
html.koyu .how-card { background: var(--k-yuzey); color: var(--text); box-shadow: inset 0 0 0 1px var(--line); }
html.koyu .how-card h3, html.koyu .news-card h3, html.koyu .area-card { color: var(--ink); }
html.koyu .news-card, html.koyu .news-card p { color: var(--muted); }
html.koyu .counter-modal { background: var(--k-yuzey); color: var(--text); }
html.koyu .counter-modal p { color: var(--muted); }
html.koyu .modal-x { background: var(--k-yuzey2); border-color: var(--ink); color: var(--ink); }
html.koyu .page-hero { background: #131f2a; }

/* Alt bilgi */
html.koyu .site-footer { background: var(--k-bg); }
html.koyu .footer-links a, html.koyu .footer-links a + a::before { color: var(--k-link); }
html.koyu .social a { border-color: var(--line); color: var(--k-link); }
html.koyu .social a:hover { background: #1b6a9e; color: #fff; }

/* Test ve Check-Up */
html.koyu .quiz-card { background: var(--k-yuzey); box-shadow: 0 0 0 1px var(--line), 0 10px 30px rgba(0,0,0,.35); }
html.koyu .quiz-card .btn-primary { background: #1b6a9e; }
html.koyu .quiz-card .btn-primary:hover { background: #2a7fb8; }
html.koyu .quiz-card .btn-primary:disabled { background: #2b3c4c; color: #93a3b1; }
html.koyu .quiz-intro-title, html.koyu .quiz-question { color: var(--ink); }
html.koyu .quiz-progress { background: var(--k-yuzey2); }
html.koyu .quiz-option, html.koyu .checkup-sayi, html.koyu .checkup-gostergeler div { border-color: var(--line); background: transparent; }
html.koyu .quiz-option:hover, html.koyu .checkup-sayi:hover { border-color: var(--k-link); }
html.koyu .quiz-option.is-selected, html.koyu .checkup-sayi:focus-within { border-color: var(--k-link); background: #18344a; }
html.koyu .quiz-option input { accent-color: var(--k-link); }
html.koyu .checkup-sayi input { color: var(--ink); }
html.koyu .quiz-review summary { color: var(--k-link); }
html.koyu .quiz-review .ok { color: #9ad15a; }
html.koyu .quiz-review .no, html.koyu .form-error { color: #f59c90; }
html.koyu .checkup-onizleme { background: #3a2c10; color: #f5d48b; }
html.koyu .checkup-oneriler { background: #17291c; }
html.koyu .checkup-card.seviye-1 .quiz-score strong { color: #9ad15a; }
html.koyu .checkup-card.seviye-2 .quiz-score strong { color: #7cc0ea; }
html.koyu .checkup-card.seviye-3 .quiz-score strong { color: #f0b85c; }
html.koyu .checkup-card.seviye-4 .quiz-score strong { color: #f59c90; }

/* Taahhüt formu */
html.koyu .field label, html.koyu .check { color: var(--ink); }
html.koyu .field input, html.koyu .field select { background: var(--k-yuzey); border-color: #4a5d6e; color: var(--ink); }
html.koyu .field input:focus, html.koyu .field select:focus { border-color: var(--k-link); outline-color: rgba(124,192,234,.3); }
html.koyu .join-form .btn-lg { background: #1b6a9e; }
html.koyu .notice, html.koyu .form-notice.ok { background: #17291c; border-color: #2f5a1f; color: #b9e08c; }
html.koyu .form-error-box, html.koyu .form-notice.err { background: #3a1c18; border-color: #6b2f28; color: #f5b5ab; }

/* Rozet sayfası: rozetin kendisi (indirilen görsel) açık renkli kalır, çevresi koyulaşır */
html.koyu .cert-counter strong { color: var(--ink); }
html.koyu .cert-counter span { color: var(--muted); }

/* Metin sayfaları */
html.koyu .prose th { background: var(--k-yuzey2); }
html.koyu .prose .cards a { color: var(--ink); }

/* Dil seçici ve çerez bandı */
html.koyu .dil-secici { background: var(--k-yuzey2); box-shadow: 0 4px 16px rgba(0,0,0,.5); }
html.koyu .cerez-bandi { background: var(--k-yuzey2); color: var(--text); box-shadow: 0 10px 40px rgba(0,0,0,.55), inset 0 0 0 1px var(--line); }
html.koyu .cerez-bandi a { color: var(--k-link); }

/* İçerik sayfalarındaki fotoğraflar koyu zeminde göz almasın */
html.koyu main .elementor img { filter: brightness(.94); }

/* Rozet kartı açık renkli kalır: içindeki renk değişkenleri açık temadaki değerlere döner */
html.koyu .cert { --heading: #134a74; --blue: #0E5079; --text: #5a5d6a; --ink: #1c1d21; --muted: #828282; color: #5a5d6a; }
/* Ana sayfadaki "Hakkında" logosu (içerik düzenlemede değiştirilebildiği için ikinci görsel eklenmedi) */
html.koyu .about-logo { content: url("../img/logo-koyu.png"); }
html.koyu .video-section { background: linear-gradient(rgba(15,26,36,.9), rgba(15,26,36,.9)), url("../img/dalga-bg.jpg") center / cover no-repeat; }
/* Bakanlık logosunun görselinde kendi boşluğu var: kutu aynı, iç boşluk daha az */
html.koyu .footer-partners img[src*="bakanlik"] { height: 64px; padding: 1px 4px; }
/* Proje Paydaşları: kurum logoları ve bayraklar (sayfa içeriğindeki görseller) alt bilgideki gibi açık kutuda */
html.koyu main .elementor img:is([src*="Dun_bank"], [src*="En_bak"], [src*="bayraklar"], [src*="logotayp"]) { background: #dfe6ec; border-radius: 10px; padding: 10px 14px; box-sizing: border-box; filter: none; }
html.koyu .req { color: #ff7b72; }