/* ==========================================================================
   HaberCMS Koyu Mod
   HTML üzerinde [data-theme="dark"] aktif edildiğinde uygulanır.
   ========================================================================== */

/* Koyu mod varsayılanları (JS ile atanır, FOUC önlenir) */
:root[data-theme="dark"] {
	--surface: #14181d;
	--surface-alt: #1a1f26;
	--text: #e6e7e9;
	--text-secondary: rgba(220, 224, 230, 0.85);
	--text-muted: #959ba7;
	--text-faint: hsla(220, 6%, 50%, 0.9);
	--grey-50: #1a1f26;
	--grey-100: #1d232b;
	--grey-200: #232932;
	--grey-300: #2a313b;
	--grey-400: #3a414b;
	--grey-500: #2a313b;
	--border: hsla(0, 0%, 100%, 0.08);
	--border-strong: hsla(0, 0%, 100%, 0.18);
	--border-subtle: hsla(0, 0%, 100%, 0.06);
	--shadow-color: rgba(0, 0, 0, 0.5);
	--icon-color: #cdd2db;
	--logo-color: #cdd2db;
	--sport-bg: #1f2c3e;
	--heading: #e6e7e9;
	--muted: #959ba7;
	--surface-2: #1a1f26;
	--shadow: 0 4px 18px rgba(0, 0, 0, 0.5);
}

:root[data-theme="dark"] body {
	color-scheme: dark;
}

/* Logo değişimi */
.logo-dark {
	display: none;
}
:root[data-theme="dark"] .logo-dark {
	display: block;
}
:root[data-theme="dark"] .logo-light {
	display: none;
}

/* Slider split stili — koyu mod */
:root[data-theme="dark"] .slider-split .split-item {
	background: var(--grey-100, #1d232b);
	border-left-color: var(--brand-color, #ed0d0d);
}
:root[data-theme="dark"] .slider-split .split-item:hover {
	background: var(--grey-200, #232932);
}
:root[data-theme="dark"] .slider-split .split-title {
	color: var(--text, #e6e7e9);
}
:root[data-theme="dark"] .slider-split .split-item:hover .split-title {
	color: var(--brand-color, #ed0d0d);
}
:root[data-theme="dark"] .slider-split .split-pagination .swiper-pagination-bullet {
	background: var(--grey-400, #3a414b);
}

/* Oyunlar kartları — koyu mod */
:root[data-theme="dark"] .game-card {
	border-color: var(--grey-300, #2a313b);
}
:root[data-theme="dark"] .game-card:hover {
	border-color: var(--brand, #ed0d0d);
}
:root[data-theme="dark"] .game-name {
	color: var(--text, #e6e7e9);
}
:root[data-theme="dark"] .fun-ilan-frame {
	border-color: var(--grey-300, #2a313b);
}

/* Oyun sayfası — koyu mod */
:root[data-theme="dark"] .game-nav-link {
	background: var(--grey-100, #1d232b);
	color: var(--text-muted, #959ba7);
	border-color: var(--grey-300, #2a313b);
}
:root[data-theme="dark"] .game-nav-link.is-active {
	background: var(--brand, #ed0d0d);
	color: #fff;
	border-color: var(--brand, #ed0d0d);
}
:root[data-theme="dark"] .game-title,
:root[data-theme="dark"] .game-subtitle,
:root[data-theme="dark"] .game-content,
:root[data-theme="dark"] .game-footer {
	border-color: var(--grey-300, #2a313b);
}
:root[data-theme="dark"] .memory-card,
:root[data-theme="dark"] .sudoku-cell,
:root[data-theme="dark"] .wg-key,
:root[data-theme="dark"] .quiz-opt,
:root[data-theme="dark"] .rps-btn,
:root[data-theme="dark"] .xox-cell,
:root[data-theme="dark"] .guess-input {
	background: var(--grey-100, #1d232b);
	color: var(--text, #e6e7e9);
	border-color: var(--grey-300, #2a313b);
}
:root[data-theme="dark"] .sudoku-cell.is-given {
	background: var(--grey-200, #232932);
}
:root[data-theme="dark"] .sudoku-board,
:root[data-theme="dark"] .wg-letter,
:root[data-theme="dark"] .xox-board,
:root[data-theme="dark"] .xox-cell.is-x,
:root[data-theme="dark"] .quiz-question {
	border-color: var(--heading, #e6e7e9);
}
:root[data-theme="dark"] .quiz-question {
	background: var(--grey-100, #1d232b);
}
:root[data-theme="dark"] .xox-cell:disabled {
	opacity: .8;
}
:root[data-theme="dark"] .guess-input:focus {
	border-color: var(--brand, #ed0d0d);
}


/* theWP V6 bileşenleri — koyu mod düzeltmeleri */
:root[data-theme="dark"] .topbar-links a,
:root[data-theme="dark"] .topbar-date {
	color: #cfd6de;
}

:root[data-theme="dark"] .weather-mini {
	border-color: var(--grey-300, #2a313b);
}

:root[data-theme="dark"] .weather-search input,
:root[data-theme="dark"] .namaz-search select,
:root[data-theme="dark"] .news-submit-field input,
:root[data-theme="dark"] .news-submit-field textarea,
:root[data-theme="dark"] .news-submit-field select {
	background: var(--grey-100, #1d232b);
	color: var(--text, #e6e7e9);
	border-color: var(--grey-300, #2a313b);
}
:root[data-theme="dark"] .weather-search input::placeholder {
	color: var(--text-muted, #959ba7);
}
:root[data-theme="dark"] .news-submit-input::placeholder {
	color: var(--text-muted, #959ba7);
}

:root[data-theme="dark"] .tabbed-tab {
	background: var(--grey-100, #1d232b);
	border-color: var(--grey-300, #2a313b);
	color: var(--text, #e6e7e9);
}
:root[data-theme="dark"] .tabbed-tab:hover {
	background: var(--grey-200, #232932);
}
:root[data-theme="dark"] .tabbed-tab.active {
	background: var(--brand, #ed0d0d);
	border-color: var(--brand, #ed0d0d);
	color: #fff;
}

:root[data-theme="dark"] .fixture-league,
:root[data-theme="dark"] .livetv-channel,
:root[data-theme="dark"] .horoscope-card,
:root[data-theme="dark"] .firma-card,
:root[data-theme="dark"] .gazete-card,
:root[data-theme="dark"] .cat-grid-item,
:root[data-theme="dark"] .cat-list-item,
:root[data-theme="dark"] .weather-mini {
	background: var(--surface, #14181d);
}
:root[data-theme="dark"] .fixture-row.fixture-head {
	background: var(--grey-100, #1d232b);
}
:root[data-theme="dark"] .firma-intro,
:root[data-theme="dark"] .namaz-search,
:root[data-theme="dark"] .namaz-hint,
:root[data-theme="dark"] .weather-none,
:root[data-theme="dark"] .headline-item a:hover {
	background: var(--grey-100, #1d232b);
}
:root[data-theme="dark"] .gazete-card {
	color: var(--text, #e6e7e9);
}
:root[data-theme="dark"] .gazete-card:hover {
	border-color: var(--brand, #ed0d0d);
	color: var(--text, #e6e7e9);
}
:root[data-theme="dark"] .cat-grid-title a,
:root[data-theme="dark"] .cat-list-title a {
	color: var(--heading, #e6e7e9);
}
:root[data-theme="dark"] .cat-grid-title a:hover,
:root[data-theme="dark"] .cat-list-title a:hover,
:root[data-theme="dark"] .fixture-team,
:root[data-theme="dark"] .headline-item a:hover {
	color: var(--brand, #ed0d0d);
}
:root[data-theme="dark"] .news-submit-msg.success {
	background: rgba(90, 193, 42, 0.12);
	color: #8fd46b;
}
:root[data-theme="dark"] .news-submit-msg.error {
	background: rgba(217, 30, 54, 0.08);
	color: #ff7d8d;
}

/* Poyraz / Safir ana sayfa modülleri — koyu mod */
:root[data-theme="dark"] .hbc-heading {
	border-bottom-color: var(--grey-300, #2a313b);
}
:root[data-theme="dark"] .hbc-heading-title,
:root[data-theme="dark"] .hbc-heading-title a {
	color: var(--heading, #e6e7e9);
}
:root[data-theme="dark"] .habercms-flash-link strong {
	background: var(--surface-alt, #1a1f26);
	color: #ff5a5a;
}
:root[data-theme="dark"] .habercms-mosaic-item,
:root[data-theme="dark"] .habercms-mosaic-thumb,
:root[data-theme="dark"] .habercms-gallery-thumb,
:root[data-theme="dark"] .habercms-scroll-thumb {
	background: var(--grey-100, #1d232b);
}
:root[data-theme="dark"] .habercms-listing {
	background: var(--surface-alt, #1a1f26);
	border-color: var(--grey-300, #2a313b);
}
:root[data-theme="dark"] .habercms-listing-title {
	color: var(--heading, #e6e7e9);
}
:root[data-theme="dark"] .habercms-listing-item {
	border-bottom-color: var(--grey-300, #2a313b);
}
:root[data-theme="dark"] .habercms-listing-item:hover {
	background: var(--grey-100, #1d232b);
}
:root[data-theme="dark"] .habercms-listing-number {
	background: var(--grey-200, #232932);
	color: var(--text-muted, #959ba7);
}
:root[data-theme="dark"] .habercms-listing-text {
	color: var(--text, #e6e7e9);
}
:root[data-theme="dark"] .habercms-listing-text:hover {
	color: var(--brand, #ed0d0d);
}
:root[data-theme="dark"] .habercms-gallery-title,
:root[data-theme="dark"] .habercms-gallery-title a,
:root[data-theme="dark"] .habercms-scroll-title,
:root[data-theme="dark"] .habercms-scroll-title a {
	color: var(--heading, #e6e7e9);
}
:root[data-theme="dark"] .habercms-zodiac {
	background: var(--surface, #14181d);
	border-top-color: var(--grey-300, #2a313b);
	border-bottom-color: var(--grey-300, #2a313b);
}
:root[data-theme="dark"] .habercms-zodiac-item {
	color: var(--text-muted, #959ba7);
}
:root[data-theme="dark"] .habercms-zodiac-item:hover {
	background: var(--grey-100, #1d232b);
	color: var(--brand, #ed0d0d);
}
:root[data-theme="dark"] .habercms-latestlist-featured {
	background: var(--surface-alt, #1a1f26);
	border-color: var(--grey-300, #2a313b);
}
:root[data-theme="dark"] .habercms-latestlist-featured-thumb,
:root[data-theme="dark"] .habercms-latestlist-item-thumb {
	background: var(--grey-100, #1d232b);
}
:root[data-theme="dark"] .habercms-latestlist-featured-title a {
	color: var(--heading, #e6e7e9);
}
:root[data-theme="dark"] .habercms-latestlist-featured-title a:hover {
	color: var(--brand, #ed0d0d);
}
:root[data-theme="dark"] .habercms-latestlist-featured-excerpt {
	color: var(--text-muted, #959ba7);
}
:root[data-theme="dark"] .habercms-latestlist-item {
	border-bottom-color: var(--grey-300, #2a313b);
}
:root[data-theme="dark"] .habercms-latestlist-item-title a {
	color: var(--text, #e6e7e9);
}
:root[data-theme="dark"] .habercms-latestlist-item-title a:hover {
	color: var(--brand, #ed0d0d);
}
:root[data-theme="dark"] .habercms-latestlist-item-date {
	color: var(--text-muted, #959ba7);
}

/* Topbar widget araçları — koyu mod */
:root[data-theme="dark"] .topbar-doviz-name,
:root[data-theme="dark"] .topbar-doviz-change,
:root[data-theme="dark"] .topbar-doviz-change.up,
:root[data-theme="dark"] .topbar-doviz-change.down,
:root[data-theme="dark"] .topbar-search-input {
	color: #b7c2d0;
}
:root[data-theme="dark"] .topbar-doviz-value {
	color: #fff;
}
:root[data-theme="dark"] .topbar-doviz-change.up { color: #4cd07d; }
:root[data-theme="dark"] .topbar-doviz-change.down { color: #ff6b6b; }
:root[data-theme="dark"] .topbar-search-input {
	border-color: var(--grey-300, #2a313b);
	background: rgba(255, 255, 255, 0.05);
}
:root[data-theme="dark"] .topbar-notification-btn,
:root[data-theme="dark"] .topbar-push-btn {
	background: rgba(255, 255, 255, 0.06);
	color: #dceaff;
}

:root[data-theme="dark"] .habercms-notifications-panel {
	background: #1a1f26;
	border-color: rgba(255, 255, 255, .08);
	box-shadow: 0 14px 40px -6px rgba(0, 0, 0, .6);
}
:root[data-theme="dark"] .habercms-notif-item { border-bottom-color: rgba(255, 255, 255, .07); }
:root[data-theme="dark"] .habercms-notif-item:hover { background: #20262e; }
:root[data-theme="dark"] .habercms-notif-thumb { background: #14181d; }
:root[data-theme="dark"] .habercms-notif-title { color: #e8edf4; }
:root[data-theme="dark"] .habercms-notif-date,
:root[data-theme="dark"] .habercms-notif-empty { color: #93a1b5; }

/* ==========================================================================
   EKSİK TAMAMLAYAN MODUL STİLLERİ — KOYU MOD
   features.css sonrası yüklenir; özgüllük (`:root[data-theme="dark"]`)
   açık mod kurallarına üstün gelir.
   ========================================================================== */

/* -- Reaksiyonlar -------------------------------------------------- */
:root[data-theme="dark"] .habercms-reactions-wrapper {
	background: #161c23;
	border-color: #262e38;
}
:root[data-theme="dark"] .reaction-btn {
	background: #1b232c;
	border-color: #2a3440;
}
:root[data-theme="dark"] .reaction-btn:hover { box-shadow: 0 4px 16px rgba(0, 0, 0, .5); }
:root[data-theme="dark"] .reaction-btn.is-active {
	background: rgba(224, 0, 0, 0.14);
	border-color: var(--brand, #e00000);
}
:root[data-theme="dark"] .reactions-note { color: #ff8a8a; }

/* -- Makale etiketleri --------------------------------------------- */
:root[data-theme="dark"] .entry-tag {
	background: #1b232c;
	border-color: #2a3440;
	color: #e8edf4;
}

/* -- Yazı içi tipografi -------------------------------------------- */
:root[data-theme="dark"] .entry-content th,
:root[data-theme="dark"] .entry-content td { border-color: #2a3440; }
:root[data-theme="dark"] .entry-content th { background: #1b232c; }
:root[data-theme="dark"] .entry-content tr:nth-child(even) td { background: rgba(255, 255, 255, 0.03); }
:root[data-theme="dark"] .entry-content blockquote { background: #1b232c; color: #dfe6ee; }
:root[data-theme="dark"] .entry-content code { background: rgba(255, 255, 255, 0.1); }

/* -- Popüler & Son Haberler ---------------------------------------- */
:root[data-theme="dark"] .popular-item a,
:root[data-theme="dark"] .latest-item a { color: #e8edf4; }
:root[data-theme="dark"] .latest-thumb { background: #14181d; }
:root[data-theme="dark"] .popular-item:hover a,
:root[data-theme="dark"] .latest-item:hover strong { color: var(--brand, #e00000); }

/* -- Başa dön butonu ----------------------------------------------- */
:root[data-theme="dark"] .back-to-top:hover { background: #b30000; }

/* -- Oyun kazanma/kaybetme tonları (quiz, RPS, XOX, sudoku, kelime) */
:root[data-theme="dark"] .game-hint { background: rgba(255, 193, 7, .85); }
:root[data-theme="dark"] .game-win {
	color: #86efac;
	background: rgba(40, 167, 69, .16);
	border-color: rgba(40, 167, 69, .35);
}
:root[data-theme="dark"] .game-win-text { color: #86efac; }
:root[data-theme="dark"] .quiz-opt:hover:not(:disabled) { background: rgba(0, 90, 232, .14); }
:root[data-theme="dark"] .quiz-opt.is-correct {
	border-color: #28a745 !important;
	background: rgba(40, 167, 69, .18) !important;
	color: #86efac !important;
}
:root[data-theme="dark"] .quiz-opt.is-wrong {
	border-color: var(--brand, #e00000) !important;
	background: rgba(220, 53, 69, .18) !important;
	color: #fca5a5 !important;
}
:root[data-theme="dark"] .rps-win,
:root[data-theme="dark"] .xox-status.xox-win { color: #86efac; }
:root[data-theme="dark"] .xox-status.xox-lose { color: #ff8a8a; }
:root[data-theme="dark"] .xox-cell.is-winner {
	background: rgba(255, 193, 7, .16) !important;
	border-color: #ffc107 !important;
}
:root[data-theme="dark"] .sudoku-cell.is-error {
	background: rgba(220, 53, 69, .2);
	color: #fca5a5;
}
:root[data-theme="dark"] .sudoku-cell.is-hint-flash {
	background: rgba(40, 167, 69, .2);
	color: #86efac;
}
:root[data-theme="dark"] .sudoku-cell.highlight,
:root[data-theme="dark"] .sudoku-cell:focus { background: rgba(255, 193, 7, .15); }
:root[data-theme="dark"] .wg-key:hover:not(.is-used) {
	border-color: var(--brand, #e00000);
	color: #ff8a8a;
	background: rgba(224, 0, 0, .08);
}

/* -- Canlı borsa ticker (habercms-live) ---------------------------- */
:root[data-theme="dark"] .habercms-live-ticker {
	background: #0d1a2e;
	border-color: rgba(255, 255, 255, .08);
}
:root[data-theme="dark"] .habercms-live-label {
	background: var(--brand, #e00000);
	color: #fff;
}
:root[data-theme="dark"] .habercms-live-item.up { color: #86efac; }
:root[data-theme="dark"] .habercms-live-item.down { color: #ff8a8a; }