/**
 * ========================================
 * FLOW THEME - DARK MODE COMPONENTS
 * ========================================
 *
 * Flow Theme widget ve component'lerinin dark mode stilleri.
 * Headers, Footers, Sliders, Widgets, Sidebars vb.
 */

/* ============================================
   DARK MODE - THEME SPECIFIC
   ============================================ */

/* Gradients - korunuyor, sadece opacity azaltılıyor */
[data-theme="dark"] .bg-gradient-te,
[data-theme="dark"] .bg-gradient-purple,
[data-theme="dark"] .bg-gradient-blue,
[data-theme="dark"] .bg-gradient-green {
  opacity: 0.9;
  background: var(--color-surface-secondary);
}

/* Sosyal medya ikon resimleri - Dark mode'da beyaz görünsün */
[data-theme="dark"] .social-icon-img {
  filter: invert(0);
}

/* Mobil Menü (mmenu-light) - Dark mode uyumu */
[data-theme="dark"] .mm-ocd .mm-ocd__content {
  background-color: var(--color-surface-primary) !important;
}

[data-theme="dark"] .mm-spn {
  color: var(--color-text-primary) !important;
  background-color: var(--color-surface-primary) !important;
}

[data-theme="dark"] .mm-spn.mm-spn--navbar:after {
  color: var(--color-text-primary) !important;
  opacity: 0.7 !important;
}

[data-theme="dark"] .mm-spn a,
[data-theme="dark"] .mm-spn span {
  color: var(--color-text-primary) !important;
}

[data-theme="dark"] .mm-spn ul {
  background-color: var(--color-surface-primary) !important;
}

[data-theme="dark"] .mm-spn li:after,
[data-theme="dark"] .mm-spn.mm-spn--navbar ul:before {
  border-color: var(--color-border-default) !important;
  opacity: 0.3 !important;
}

/* Mobil menü chevron ikonları (alt menü göstergeleri) */
[data-theme="dark"] .mm-spn li:before {
  border-color: var(--color-text-primary) !important;
  opacity: 0.5 !important;
}

/* Navbar geri ok ikonu */
[data-theme="dark"] .mm-spn.mm-spn--navbar:before {
  border-color: var(--color-text-primary) !important;
  opacity: 0.5 !important;
}

/* Header'lar */
[data-theme="dark"] .top-header {
  background-color: var(--color-surface-secondary) !important;
}

/* Header-5 - Koyu zemin üzerinde beyaz linkler kalmalı */
[data-theme="dark"] .header-5 .main-menu .nav-link,
[data-theme="dark"] .header-5 .navigation-menu .nav-link {
  color: #fff !important;
}

[data-theme="dark"] .header-5 .main-menu .nav-link:hover,
[data-theme="dark"] .header-5 .navigation-menu .nav-link:hover {
  color: var(--te-color-text) !important;
}

/* Footer */
[data-theme="dark"] footer {
  background-color: var(--color-surface-secondary);
  border-color: var(--color-border-default);
}

/* Footer-3 - text-black-50 sınıfı dark mode'da görünmeli */
[data-theme="dark"] .footer-3 .text-black-50 {
  color: var(--color-text-secondary) !important;
}

/* Blockquote */
[data-theme="dark"] blockquote {
  background-color: var(--color-surface-tertiary);
  color: var(--color-text-primary);
}

/* ============================================
   DARK MODE - ANA MANŞET (SLIDER)
   ============================================ */

/* Genel swiper pagination - tüm ana manşetler için */
[data-theme="dark"] .swiper-pagination-flex {
  background-color: var(--color-surface-secondary) !important;
}

[data-theme="dark"] .swiper-pagination-flex .swiper-pagination-bullet {
  background-color: var(--color-surface-tertiary) !important;
  color: var(--color-text-primary) !important;
  border-color: var(--color-border-default) !important;
}

[data-theme="dark"] .swiper-pagination-flex .swiper-pagination-bullet-active {
  background-color: var(--te-color) !important;
  color: #fff !important;
}

/* bg-light-gray içindeki pagination */
[data-theme="dark"] .bg-light-gray .swiper-pagination-bullet {
  background-color: var(--color-surface-tertiary) !important;
  color: var(--color-text-primary) !important;
}

/* Manşet pagination numaraları - main-headline-13 özel */
[data-theme="dark"] .main-headline-13 .swiper-pagination-bullet {
  background-color: var(--color-surface-tertiary) !important;
  color: var(--color-text-primary) !important;
  border-color: var(--color-border-default) !important;
}

[data-theme="dark"] .main-headline-13 .swiper-pagination-bullet-active {
  background-color: var(--te-color) !important;
  color: #fff !important;
}

/* Mobil pagination */
@media only screen and (max-width: 600px) {
  [data-theme="dark"] .main-headline-13 .swiper-pagination {
    background-color: var(--color-surface-secondary) !important;
  }

  [data-theme="dark"] .main-headline-13 .mh-13-1 .swiper-pagination-bullet {
    background-color: var(--color-text-muted) !important;
  }
}

/* İkinci swiper pagination (beyaz arka planlı) */
[data-theme="dark"] .main-headline-13 .mh-13-2 .swiper-pagination {
  background-color: var(--color-surface-secondary) !important;
}

/* Manşet başlık arka planları - resim üzerinde olduğu için beyaz kalmalı */
[data-theme="dark"] .main-headline-13 .title-bg-area,
[data-theme="dark"] .title-bg-area {
  color: #fff !important;
}

/* Manşet yanındaki küçük haberler - koyu zemin olduğunda açık metin */
[data-theme="dark"] .main-headline-13 .featured-news-13 h4,
[data-theme="dark"] .featured-news-13 .text-dark {
  color: var(--color-text-primary) !important;
}

/* Ana Manşet 12 - Standard swiper pagination bullets */
[data-theme="dark"] .main-headline-12 .swiper-pagination-bullet {
  background-color: var(--color-text-secondary) !important;
  opacity: 0.6;
}

[data-theme="dark"] .main-headline-12 .swiper-pagination-bullet-active {
  background-color: var(--te-color) !important;
  opacity: 1;
}

/* Ana Manşet 12 - Featured news text */
[data-theme="dark"] .main-headline-12 .featured-news-12 h4.text-dark,
[data-theme="dark"] .main-headline-12 .featured-news-12 .text-dark {
  color: var(--color-text-primary) !important;
}

/* Ana Manşet 14 - Yazar isimleri ve pagination */
[data-theme="dark"] .main-headline-14 .mh-14-authors .text-te-color {
  color: var(--te-color-text) !important;
}

[data-theme="dark"] .main-headline-14 .swiper-pagination-bullet {
  background-color: var(--color-surface-tertiary) !important;
  color: var(--color-text-primary) !important;
  border-color: var(--color-border-default) !important;
}

[data-theme="dark"] .main-headline-14 .swiper-pagination-bullet-active {
  background-color: var(--te-color) !important;
  color: #fff !important;
}

/* Beşli Manşet (Sürmanşet) - five-headline pagination */
[data-theme="dark"] .five-headline .swiper-pagination-bullet {
  background-color: var(--color-surface-tertiary) !important;
  background-image: none !important;
  color: var(--color-text-primary) !important;
  border-color: var(--color-border-default) !important;
}

[data-theme="dark"] .five-headline .swiper-pagination-bullet-active {
  background-color: var(--te-color) !important;
  background-image: none !important;
  color: #fff !important;
}

/* ============================================
   DARK MODE - SWIPER NAVIGATION BUTTONS
   ============================================ */

/* Header ve genel swiper navigation butonları */
[data-theme="dark"] .swiper-button-prev,
[data-theme="dark"] .swiper-button-next,
[data-theme="dark"] .header-13-swiper-button-prev,
[data-theme="dark"] .header-13-swiper-button-next,
[data-theme="dark"] .header-14-swiper-button-prev,
[data-theme="dark"] .header-14-swiper-button-next {
  background-color: var(--color-surface-tertiary) !important;
  border-color: var(--color-border-default) !important;
  color: var(--color-text-primary) !important;
}

[data-theme="dark"] .swiper-button-prev:hover,
[data-theme="dark"] .swiper-button-next:hover,
[data-theme="dark"] .header-13-swiper-button-prev:hover,
[data-theme="dark"] .header-13-swiper-button-next:hover,
[data-theme="dark"] .header-14-swiper-button-prev:hover,
[data-theme="dark"] .header-14-swiper-button-next:hover {
  background-color: var(--te-color) !important;
  border-color: var(--te-color) !important;
  color: #fff !important;
}

/* Swiper default arrow rengi */
[data-theme="dark"] .swiper-button-prev::after,
[data-theme="dark"] .swiper-button-next::after {
  color: var(--color-text-primary) !important;
}

/* ============================================
   DARK MODE - HEADER CATEGORY MENUS
   ============================================ */

/* Header-13 kategori menüsü - accent color üzerinde olduğu için koyu metin kalmalı */
[data-theme="dark"] .header-13-category-menu {
  background-color: var(--te-accent-color) !important;
}

[data-theme="dark"] .header-13-category-menu .nav-link {
  color: #333 !important;
}

/* Header-14 genel */
[data-theme="dark"] .header-14 {
  background-color: var(--dm-bg-secondary);
}

/* Header-14 kategori menüsü */
[data-theme="dark"] .header-14-categories-swiper .nav-link {
  color: var(--color-text-primary) !important;
  border-color: var(--color-border-default) !important;
}

/* Header-14 action butonları */
[data-theme="dark"] .header-14-actions .btn-link {
  color: var(--color-gray-300);
}

/* ============================================
   DARK MODE - SECTION TITLES
   ============================================ */

[data-theme="dark"] .section-title {
  color: var(--color-text-primary);
}

[data-theme="dark"] .section-title h2,
[data-theme="dark"] .section-title h3,
[data-theme="dark"] .section-title h4,
[data-theme="dark"] .section-title h5,
[data-theme="dark"] .section-title-text {
  color: var(--color-text-primary) !important;
}

[data-theme="dark"] .section-title .title-line,
[data-theme="dark"] .section-title-line {
  border-color: var(--color-border-default) !important;
  background-color: var(--color-border-default) !important;
}

[data-theme="dark"] .section-title-link {
  color: var(--color-text-secondary) !important;
}

[data-theme="dark"] .section-title-link:hover {
  color: var(--color-text-primary) !important;
}

/* Section title içindeki text-te-color - dark mode'da accent rengi kullan */
[data-theme="dark"] .section-title .text-te-color,
[data-theme="dark"] .section-title h2.text-te-color,
[data-theme="dark"] .section-title h3.text-te-color,
[data-theme="dark"] .section-title a.text-te-color {
  color: var(--te-color-text) !important;
}

/* ============================================
   DARK MODE - YAZARLAR WIDGET
   ============================================ */

/* Yazarlar 1 & 3 (authors-light) - Nav tabs */
[data-theme="dark"] #authors .authors-light .nav-pills .nav-link,
[data-theme="dark"] #authors-h .authors-light .nav-pills .nav-link {
  color: var(--color-text-muted) !important;
}

[data-theme="dark"] #authors .authors-light .nav-pills .nav-link.active,
[data-theme="dark"] #authors-h .authors-light .nav-pills .nav-link.active {
  color: var(--te-color-text) !important;
}

/* Yazarlar 1 & 3 - Yazar isimleri (text-te-color) */
[data-theme="dark"] #authors .authors-light .text-te-color,
[data-theme="dark"] #authors .authors-light .card-footer a,
[data-theme="dark"] #authors-h .authors-light .text-te-color,
[data-theme="dark"] #authors-h .authors-light .author-name {
  color: var(--te-color-text) !important;
}

/* Yazarlar 1 & 3 - Card arka plan */
[data-theme="dark"] #authors .authors-light .card,
[data-theme="dark"] #authors-h .authors-light .card {
  background-color: var(--color-surface-tertiary) !important;
}

/* Yazarlar 1 & 3 - Card header (makale başlığı) */
[data-theme="dark"] #authors .authors-light .card-header a,
[data-theme="dark"] #authors-h .authors-light .card a:not(.author-name):not(.text-te-color) {
  color: var(--color-text-primary) !important;
}

/* Yazarlar 6 - Yazar isimleri ve içerik */
[data-theme="dark"] .authors-6 .text-te-color,
[data-theme="dark"] .authors-6 .author-name-surname {
  color: var(--te-color-text) !important;
}

[data-theme="dark"] .authors-6 .swiper-slide.bg-light {
  background-color: var(--color-surface-tertiary) !important;
}

[data-theme="dark"] .authors-6 .author-article-spot {
  color: var(--color-text-secondary) !important;
}

[data-theme="dark"] .authors-6 .article-author-group h5 a {
  color: var(--color-text-primary) !important;
}

/* ============================================
   DARK MODE - SON DAKİKA / BREAKING NEWS
   ============================================ */

/* Son dakika gradient geçişleri */
[data-theme="dark"] .breaking-news-container .breaking-news-content::before {
  background: linear-gradient(to right, var(--color-surface-secondary), transparent) !important;
}

[data-theme="dark"] .breaking-news-container .breaking-news-content::after {
  background: linear-gradient(to left, var(--color-surface-secondary), transparent) !important;
}

/* Son dakika haber metni */
[data-theme="dark"] .breaking-news-container .news-item.text-dark {
  color: var(--color-text-primary) !important;
}

/* ============================================
   DARK MODE - TAB NEWS (SEKMELİ HABERLER)
   ============================================ */

/* Tab news nav pills */
[data-theme="dark"] .tab-news .nav-pills .nav-link {
  background-color: var(--color-surface-tertiary) !important;
  color: var(--color-text-secondary) !important;
  border-color: var(--color-border-default) !important;
}

[data-theme="dark"] .tab-news .nav-pills .nav-link.active {
  background-color: var(--te-color) !important;
  color: #fff !important;
}

[data-theme="dark"] .tab-news .nav-pills .nav-link:hover:not(.active) {
  background-color: var(--color-surface-secondary) !important;
  color: var(--color-text-primary) !important;
}

/* ============================================
   DARK MODE - TARİHTE BUGÜN
   ============================================ */

/* Tarihte bugün - yıl numaraları (text-purple) */
[data-theme="dark"] .todays-history-widget .todays-history-year.text-purple,
[data-theme="dark"] .todays-history-widget .text-purple {
  color: #c084fc !important;
  /* Açık mor - dark mode'da görünür */
}

/* Tarihte bugün - yıl numaraları (text-te-color) */
[data-theme="dark"] .todays-history-widget .todays-history-year.text-te-color,
[data-theme="dark"] .todays-history-widget-2 .todays-history-year.text-te-color {
  color: var(--te-color-text) !important;
}

/* Tarihte bugün - başlıklar */
[data-theme="dark"] .todays-history-widget .todays-history-title,
[data-theme="dark"] .todays-history-widget-2 .todays-history-title {
  color: var(--color-text-primary) !important;
}

/* ============================================
   DARK MODE - RÖPORTAJLAR
   ============================================ */

/* Röportaj kişi isimleri */
[data-theme="dark"] .interviews h3.text-te-color,
[data-theme="dark"] .interviews .text-te-color {
  color: var(--te-color-text) !important;
}

/* ============================================
   DARK MODE - YAYIN AKIŞI
   ============================================ */

/* Yayın Akışı 2 - Swiper butonları (btn-light) */
[data-theme="dark"] .tv-broadcast.tv-2 .swiper-prev-tv.btn-light,
[data-theme="dark"] .tv-broadcast.tv-2 .swiper-next-tv.btn-light {
  background-color: var(--color-surface-tertiary) !important;
  border-color: var(--color-border-default) !important;
  color: var(--color-text-primary) !important;
}

/* Yayın Akışı 3 & 4 - Başlık, saat bilgileri ve swiper butonları */
[data-theme="dark"] .tv-broadcast h2.text-te-color,
[data-theme="dark"] .tv-broadcast h4.text-te-color,
[data-theme="dark"] .tv-broadcast .text-te-color,
[data-theme="dark"] .tv-broadcast .swiper-prev-tv.text-te-color,
[data-theme="dark"] .tv-broadcast .swiper-next-tv.text-te-color {
  color: var(--te-color-text) !important;
}

/* Yayın Akışı - Swiper pagination */
[data-theme="dark"] .tv-broadcast .swiper-pagination-bullet {
  background-color: var(--color-text-secondary) !important;
}

[data-theme="dark"] .tv-broadcast .swiper-pagination-bullet-active {
  background-color: var(--te-color) !important;
}

/* ============================================
   DARK MODE - KATEGORİ SLIDER
   ============================================ */

/* Kategori slider swiper butonları */
[data-theme="dark"] .category-news-widget .btn-te-color {
  background-color: var(--color-surface-tertiary) !important;
  border-color: var(--color-border-default) !important;
  color: var(--color-text-primary) !important;
}

[data-theme="dark"] .category-news-widget .btn-te-color:hover {
  background-color: var(--te-color) !important;
  border-color: var(--te-color) !important;
  color: #fff !important;
}

/* ============================================
   DARK MODE - SOSYAL MEDYA WİDGET
   ============================================ */

/* X (Twitter) ve TikTok - color-black değişkeni dark mode'da beyaza dönüşüyor */
[data-theme="dark"] .social-media-widget .twitter,
[data-theme="dark"] .social-media-widget .tiktok {
  background-color: #000 !important;
}

/* ============================================
   DARK MODE - SON HABERLER (SIDEBAR)
   ============================================ */

/* Son haberler - kırmızı noktaların arka planı */
[data-theme="dark"] .last-minute-dot .red-dot i {
  background-color: var(--color-surface-secondary) !important;
  border-color: var(--color-surface-secondary) !important;
}

/* ============================================
   DARK MODE - TREND HABERLER (SIDEBAR)
   ============================================ */

/* Trend haberler - numara badge border rengi */
[data-theme="dark"] .trend-news-sidebar .sorting {
  border-color: var(--color-surface-secondary) !important;
}


/* ============================================
   DARK MODE - PUAN DURUMU / LİG WIDGET
   ============================================ */

[data-theme="dark"] .league-status .shadow,
[data-theme="dark"] .all-leagues {
  background-color: var(--color-surface-primary);
}

[data-theme="dark"] .league-status h4,
[data-theme="dark"] .league-status .border-bottom {
  border-color: var(--color-border-default) !important;
  color: var(--color-text-primary);
}

/* Liga tab ikonları için arka plan - SVG'lerin görünürlüğü */
[data-theme="dark"] .league-status .all-leagues .nav-pills {
  background-color: var(--color-surface-tertiary);
  border-radius: 8px;
  padding: 1rem;
}

[data-theme="dark"] .league-status .all-leagues .nav-link {
  background-color: rgba(255, 255, 255, 0.1) !important;
  border-radius: 8px;
  padding: 0.5rem !important;
  margin: 0 0.25rem;
}

[data-theme="dark"] .league-status .all-leagues .nav-link.active {
  background-color: rgba(255, 255, 255, 0.2) !important;
  box-shadow: 0 0 0 2px var(--te-accent-color);
}

/* Puan durumu tablosu */
[data-theme="dark"] .league-status .table {
  color: var(--color-text-primary) !important;
}

[data-theme="dark"] .league-status .table th {
  background-color: var(--color-surface-tertiary) !important;
  color: var(--color-text-primary) !important;
}

[data-theme="dark"] .league-status .table td {
  color: var(--color-text-primary) !important;
}

[data-theme="dark"] .league-status .table-striped tbody tr:nth-of-type(odd) {
  background-color: var(--color-surface-secondary) !important;
}

[data-theme="dark"] .league-status .table-striped tbody tr:nth-of-type(even) {
  background-color: var(--color-surface-tertiary) !important;
}

/* Fixtür kartı */
[data-theme="dark"] .league-status .card {
  background-color: var(--color-surface-secondary) !important;
}

[data-theme="dark"] .league-status h4 {
  color: var(--color-text-primary) !important;
}

[data-theme="dark"] .league-status h4.border-bottom {
  border-color: var(--color-border-default) !important;
}

/* Takım isimleri */
[data-theme="dark"] .league-status .text-secondary {
  color: var(--color-text-secondary) !important;
}

/* Skor kutusu */
[data-theme="dark"] .league-status .results {
  color: var(--color-text-primary) !important;
}

/* Shadow box */
[data-theme="dark"] .league-status .shadow {
  background-color: var(--color-surface-secondary) !important;
  box-shadow: var(--shadow-md) !important;
}

/* ============================================
   DARK MODE - MOBİL MENÜ
   ============================================ */

/* Mobil menü ana container */
[data-theme="dark"] #mobile-menu {
  background-color: var(--color-surface-secondary) !important;
}

/* Mobil menü liste öğeleri */
[data-theme="dark"] #mobile-menu ul li {
  background-color: var(--color-surface-secondary) !important;
  border-color: var(--color-border-default) !important;
}

/* Mobil menü linkleri */
[data-theme="dark"] #mobile-menu ul li a,
[data-theme="dark"] #mobile-menu ul li span {
  color: var(--color-text-primary) !important;
  background-color: var(--color-surface-secondary) !important;
}

/* Mobil menü hover durumu */
[data-theme="dark"] #mobile-menu ul li a:hover,
[data-theme="dark"] #mobile-menu ul li span:hover {
  background-color: var(--color-surface-tertiary) !important;
}

/* Mobil menü ikonları - text-dark sınıfı */
[data-theme="dark"] #mobile-menu .text-dark {
  color: var(--color-text-primary) !important;
}

/* Mobil menü sosyal medya butonları */
[data-theme="dark"] #mobile-menu .mobile-extra {
  background-color: var(--color-surface-secondary) !important;
  border-color: var(--color-border-default) !important;
}

[data-theme="dark"] #mobile-menu .btn-outline-dark {
  border-color: var(--color-text-secondary) !important;
  color: var(--color-text-secondary) !important;
}

[data-theme="dark"] #mobile-menu .btn-outline-dark:hover {
  background-color: var(--color-surface-tertiary) !important;
  color: var(--color-text-primary) !important;
}

/* Mobil menü alt menü arka planı */
[data-theme="dark"] #mobile-menu ul ul {
  background-color: var(--color-surface-tertiary) !important;
}

[data-theme="dark"] #mobile-menu ul ul li {
  background-color: var(--color-surface-tertiary) !important;
}

[data-theme="dark"] #mobile-menu ul ul li a {
  background-color: var(--color-surface-tertiary) !important;
}

/* Mobil menü kapatma butonu */
[data-theme="dark"] #mobile-menu #menu_close i {
  color: var(--color-text-secondary) !important;
}

/* ============================================
   DARK MODE - MEGA MENÜ
   ============================================ */

/* Mega menü ana container */
[data-theme="dark"] .dropdown-menu.mega-menu {
  background-color: var(--color-surface-secondary) !important;
  opacity: 1 !important;
}

/* Mega menü içerik alanları */
[data-theme="dark"] .mega-menu .row {
  color: var(--color-text-primary);
}

/* Mega menü linkleri */
[data-theme="dark"] .mega-menu a {
  color: var(--color-text-primary) !important;
}

[data-theme="dark"] .mega-menu a:hover {
  color: var(--te-color-text) !important;
}

/* Mega menü extra sections bg-light */
[data-theme="dark"] .mega-menu .extra-sections {
  background-color: var(--color-surface-tertiary) !important;
  border-color: var(--color-border-default) !important;
}

/* Mega menü alt kısım bg-light */
[data-theme="dark"] .mega-menu .bg-light {
  background-color: var(--color-surface-tertiary) !important;
}

/* Mega menü footer */
[data-theme="dark"] .mega-menu .mega-menu-footer {
  background-color: var(--te-color) !important;
}

[data-theme="dark"] .mega-menu .mega-menu-footer a {
  color: #fff !important;
}

/* ============================================
   DARK MODE - ŞEHİR SEÇİMİ (CHOICES.JS)
   ============================================ */

/* Choices.js ana container */
[data-theme="dark"] .choices {
  background-color: transparent !important;
}

/* Choices.js input/select alanı */
[data-theme="dark"] .choices__inner {
  background-color: var(--color-surface-tertiary) !important;
  border-color: var(--color-border-default) !important;
  color: var(--color-text-primary) !important;
}

/* Choices.js seçili öğe */
[data-theme="dark"] .choices__item--selectable {
  color: var(--color-text-primary) !important;
}

/* Choices.js placeholder */
[data-theme="dark"] .choices__placeholder {
  color: var(--color-text-muted) !important;
}

/* Choices.js dropdown listesi */
[data-theme="dark"] .choices__list--dropdown {
  background-color: var(--color-surface-secondary) !important;
  border-color: var(--color-border-default) !important;
}

/* Choices.js dropdown öğeleri */
[data-theme="dark"] .choices__list--dropdown .choices__item {
  color: var(--color-text-primary) !important;
}

/* Choices.js dropdown hover durumu */
[data-theme="dark"] .choices__list--dropdown .choices__item--selectable.is-highlighted {
  background-color: var(--color-surface-tertiary) !important;
  color: var(--color-text-primary) !important;
}

/* Choices.js arama input alanı */
[data-theme="dark"] .choices__input {
  background-color: var(--color-surface-tertiary) !important;
  border-color: var(--color-border-default) !important;
  color: var(--color-text-primary) !important;
}

/* Choices.js ok ikonu */
[data-theme="dark"] .choices::after {
  border-color: var(--color-text-primary) transparent transparent transparent !important;
}

/* Choices.js açık durumda ok ikonu (yukarı bakan) */
[data-theme="dark"] .choices.is-open::after {
  border-color: transparent transparent var(--color-text-primary) transparent !important;
}

/* Form select genel dark mode */
[data-theme="dark"] .city-choices .form-select {
  background-color: var(--color-surface-tertiary) !important;
  border-color: var(--color-border-default) !important;
  color: var(--color-text-primary) !important;
}

/* ============================================
   DARK MODE - FLATPICKR (TARİH SEÇİCİ)
   ============================================ */

[data-theme="dark"] .flatpickr-calendar {
  background-color: var(--color-surface-secondary) !important;
  border-color: var(--color-border-default) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5) !important;
}

[data-theme="dark"] .flatpickr-months {
  background-color: var(--color-surface-tertiary) !important;
}

[data-theme="dark"] .flatpickr-month,
[data-theme="dark"] .flatpickr-current-month {
  background-color: transparent !important;
  color: var(--color-text-primary) !important;
}

[data-theme="dark"] .flatpickr-current-month .flatpickr-monthDropdown-months {
  background-color: var(--color-surface-tertiary) !important;
  color: var(--color-text-primary) !important;
}

[data-theme="dark"] .flatpickr-current-month input.cur-year {
  color: var(--color-text-primary) !important;
}

[data-theme="dark"] .flatpickr-prev-month,
[data-theme="dark"] .flatpickr-next-month {
  fill: var(--color-text-primary) !important;
  color: var(--color-text-primary) !important;
}

[data-theme="dark"] .flatpickr-prev-month:hover svg,
[data-theme="dark"] .flatpickr-next-month:hover svg {
  fill: var(--te-color) !important;
}

[data-theme="dark"] .flatpickr-weekdays {
  background-color: var(--color-surface-tertiary) !important;
}

[data-theme="dark"] .flatpickr-weekday {
  color: var(--color-text-muted) !important;
  background-color: transparent !important;
}

[data-theme="dark"] .flatpickr-days {
  border-color: var(--color-border-default) !important;
}

[data-theme="dark"] .flatpickr-day {
  color: var(--color-text-primary) !important;
}

[data-theme="dark"] .flatpickr-day:hover {
  background-color: var(--color-surface-tertiary) !important;
  border-color: var(--color-surface-tertiary) !important;
}

[data-theme="dark"] .flatpickr-day.today {
  border-color: var(--te-color) !important;
}

[data-theme="dark"] .flatpickr-day.selected {
  background-color: var(--te-color) !important;
  border-color: var(--te-color) !important;
  color: #fff !important;
}

[data-theme="dark"] .flatpickr-day.prevMonthDay,
[data-theme="dark"] .flatpickr-day.nextMonthDay {
  color: var(--color-text-muted) !important;
}

[data-theme="dark"] .flatpickr-day.flatpickr-disabled {
  color: var(--color-text-muted) !important;
  opacity: 0.5;
}

/* ============================================
   DARK MODE - SIDEBAR WIDGETS
   ============================================ */

/* Sidebar-2, Sidebar-3: most-read-news */
[data-theme="dark"] .most-read-news .bg-white {
  background-color: var(--color-surface-secondary) !important;
}

[data-theme="dark"] .most-read-news .title-3-line {
  color: var(--color-text-primary) !important;
}

/* Sidebar-4: authors-sidebar yazar isimleri ve makale başlıkları */
[data-theme="dark"] .authors-sidebar .text-te-color {
  color: var(--te-color-text) !important;
}

[data-theme="dark"] .authors-sidebar .title-2-line a {
  color: var(--color-text-primary) !important;
}

/* Sidebar-5: reportage-sidebar (Röportajlar) */
[data-theme="dark"] .reportage-sidebar .bg-white {
  background-color: var(--color-surface-secondary) !important;
}

[data-theme="dark"] .reportage-sidebar .text-te-color {
  color: var(--te-color-text) !important;
}

[data-theme="dark"] .reportage-sidebar .title-2-line {
  color: var(--color-text-primary) !important;
}

/* Sidebar-6: biography-sidebar (Biyografiler) */
[data-theme="dark"] .biography-sidebar .bg-white {
  background-color: var(--color-surface-secondary) !important;
}

[data-theme="dark"] .biography-sidebar .text-secondary {
  color: var(--color-text-secondary) !important;
}

[data-theme="dark"] .biography-sidebar .title-2-line {
  color: var(--color-text-primary) !important;
}

/* Sidebar-7: video-gallery-sidebar */
[data-theme="dark"] .video-gallery-sidebar .bg-white {
  background-color: var(--color-surface-secondary) !important;
}

[data-theme="dark"] .video-gallery-sidebar .title-3-line {
  color: var(--color-text-primary) !important;
}

/* Sidebar-8: photo-gallery-sidebar */
[data-theme="dark"] .photo-gallery-sidebar .bg-white {
  background-color: var(--color-surface-secondary) !important;
}

[data-theme="dark"] .photo-gallery-sidebar .title-3-line {
  color: var(--color-text-primary) !important;
}

/* Sidebar-9: top-shared (Trend Paylaşımlar) */
[data-theme="dark"] .top-shared.bg-white {
  background-color: var(--color-surface-secondary) !important;
}

[data-theme="dark"] .top-shared .text-te-color {
  color: var(--te-color-text) !important;
}

[data-theme="dark"] .top-shared .title-3-line {
  color: var(--color-text-primary) !important;
}

[data-theme="dark"] .top-shared .title-line {
  border-color: var(--color-border-default) !important;
}

/* ============================================
   DARK MODE - HEADER-4 NEWSTICKER
   ============================================ */

/* Header-4 döviz kuru yazıları */
[data-theme="dark"] .header-4 .newsticker__item {
  color: var(--color-text-primary) !important;
}

/* ============================================
   DARK MODE - MOBİL KATEGORİLER
   ============================================ */

/* Mobile categories wrapper arka planı */
[data-theme="dark"] .mobile-categories-wrapper {
  background-color: #1a1a2e !important;
}

/* Mobile categories gradient edge efektleri */
[data-theme="dark"] .mobile-categories-wrapper::before {
  background: linear-gradient(to right, #1a1a2e 0%, rgba(26, 26, 46, 0) 100%) !important;
}

[data-theme="dark"] .mobile-categories-wrapper::after {
  background: linear-gradient(to left, #1a1a2e 0%, rgba(26, 26, 46, 0) 100%) !important;
}

/* Mobile categories liste */
[data-theme="dark"] ul.mobile-categories {
  border-color: var(--color-border-default) !important;
}

/* Mobile categories dikey ayırıcı çizgi */
[data-theme="dark"] ul.mobile-categories li {
  border-color: #3a3a4a !important;
}

/* Mobile categories link renkleri */
[data-theme="dark"] ul.mobile-categories li a {
  color: var(--color-text-primary) !important;
}

[data-theme="dark"] ul.mobile-categories li a:hover,
[data-theme="dark"] ul.mobile-categories li a.active {
  color: var(--te-color-text) !important;
}

[data-theme="dark"] ul.mobile-categories li a.active {
  border-color: var(--te-color-text) !important;
}

/* Header-13 özel - accent color üzerinde koyu metin kalmalı */
[data-theme="dark"] .header-13 .mobile-categories-wrapper {
  background-color: var(--te-accent-color) !important;
}

[data-theme="dark"] .header-13 .mobile-categories-wrapper::before {
  background: linear-gradient(to right, var(--te-accent-color), transparent) !important;
}

[data-theme="dark"] .header-13 .mobile-categories-wrapper::after {
  background: linear-gradient(to left, var(--te-accent-color), transparent) !important;
}

[data-theme="dark"] .header-13 ul.mobile-categories li a {
  color: #333 !important;
}

/* ============================================
   DARK MODE - NAMAZ VAKİTLERİ WIDGET
   ============================================ */

/* Namaz Vakitleri 1 - Yeşil zeminli widget */
[data-theme="dark"] .prayer-times-widget {
  background: linear-gradient(135deg, #166534 0%, #15803d 50%, #14532d 100%);
}

[data-theme="dark"] .prayer-times-widget .time-item {
  background: rgba(0, 0, 0, 0.2);
}

[data-theme="dark"] .prayer-times-widget .time-item.active {
  background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
}

/* Custom Selectbox - Dark Mode (genel) */
[data-theme="dark"] .custom-selectbox {
  border-color: rgba(255, 255, 255, 0.3) !important;
}

/* Namaz Vakitleri 2 - Dark Mode */
[data-theme="dark"] .prayer-times-widget-2 {
  background: var(--color-surface-secondary);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .prayer-times-widget-2 .widget-header {
  background: transparent;
}

[data-theme="dark"] .prayer-times-widget-2 .form-select {
  background-color: var(--color-surface-tertiary);
  border-color: var(--color-border-default);
  color: var(--color-text-primary);
}

[data-theme="dark"] .prayer-times-widget-2 .countdown-section {
  background: transparent;
}

[data-theme="dark"] .prayer-times-widget-2 .countdown-label {
  color: var(--color-text-secondary);
}

[data-theme="dark"] .prayer-times-widget-2 .countdown-time {
  color: #4ade80;
}

[data-theme="dark"] .prayer-times-widget-2 .next-prayer-name {
  color: #86efac;
}

[data-theme="dark"] .prayer-times-widget-2 .times-grid {
  border-top-color: var(--color-border-default);
}

[data-theme="dark"] .prayer-times-widget-2 .time-item {
  border-right-color: var(--color-border-default);
}

[data-theme="dark"] .prayer-times-widget-2 .time-item:hover:not(.active) {
  background: rgba(255, 255, 255, 0.05);
}

[data-theme="dark"] .prayer-times-widget-2 .time-name {
  color: var(--color-text-secondary);
}

[data-theme="dark"] .prayer-times-widget-2 .time-value {
  color: var(--color-text-primary);
}

[data-theme="dark"] .prayer-times-widget-2 .time-item.passed {
  opacity: 0.45;
}

[data-theme="dark"] .prayer-times-widget-2 .time-item.passed .time-name,
[data-theme="dark"] .prayer-times-widget-2 .time-item.passed .time-value {
  color: var(--color-text-muted);
}

[data-theme="dark"] .prayer-times-widget-2 .time-item.passed .time-icon {
  color: #4ade80;
}

[data-theme="dark"] .prayer-times-widget-2 .time-item:not(.passed):not(.active) .time-icon {
  color: var(--color-text-muted);
}

[data-theme="dark"] .prayer-times-widget-2 .time-item.active {
  background: rgba(34, 197, 94, 0.15);
}

[data-theme="dark"] .prayer-times-widget-2 .time-item.active .time-value {
  color: #4ade80;
}

[data-theme="dark"] .prayer-times-widget-2 .time-item.active .time-icon {
  color: #4ade80;
}

[data-theme="dark"] .prayer-times-widget-2 .widget-footer {
  border-top-color: var(--color-border-default);
}

[data-theme="dark"] .prayer-times-widget-2 .widget-footer a {
  color: var(--color-text-secondary);
}

[data-theme="dark"] .prayer-times-widget-2 .widget-footer a:hover {
  color: #4ade80;
}

[data-theme="dark"] .prayer-times-widget-2 .custom-selectbox {
  border-color: var(--color-border-default);
}

[data-theme="dark"] .prayer-times-widget-2 .custom-selectbox .d-flex {
  color: var(--color-text-primary);
}

/* ============================================
   DARK MODE - ECZANE SIDEBAR WIDGET
   ============================================ */

/* Eczane sidebar widget - kırmızı gradient korunacak */
[data-theme="dark"] .pharmacy-sidebar-widget {
  background: linear-gradient(135deg, #b91c1c 0%, #991b1b 100%);
}

[data-theme="dark"] .pharmacy-sidebar-widget .widget-header {
  border-color: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] .pharmacy-sidebar-widget .pharmacy-icon {
  background: var(--color-surface-secondary);
}

[data-theme="dark"] .pharmacy-sidebar-widget .location-selects {
  background: rgba(0, 0, 0, 0.2);
}

[data-theme="dark"] .pharmacy-sidebar-widget .location-selects .form-select {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.2);
}

[data-theme="dark"] .pharmacy-sidebar-widget .pharmacy-list {
  background: var(--color-surface-secondary);
}

[data-theme="dark"] .pharmacy-sidebar-widget .pharmacy-item {
  border-color: var(--color-border-default);
}

[data-theme="dark"] .pharmacy-sidebar-widget .pharmacy-item:hover {
  background: var(--color-surface-tertiary);
}

[data-theme="dark"] .pharmacy-sidebar-widget .pharmacy-name {
  color: #f87171;
}

[data-theme="dark"] .pharmacy-sidebar-widget .pharmacy-address {
  color: var(--color-text-secondary);
}

[data-theme="dark"] .pharmacy-sidebar-widget .pharmacy-actions .btn-outline-secondary {
  background-color: var(--color-surface-tertiary);
  border-color: var(--color-border-default);
  color: var(--color-text-secondary);
}

[data-theme="dark"] .pharmacy-sidebar-widget .pharmacy-actions .btn-outline-secondary:hover {
  background-color: var(--color-surface-secondary);
  border-color: var(--color-border-strong);
  color: var(--color-text-primary);
}

[data-theme="dark"] .pharmacy-sidebar-widget .widget-footer {
  background: rgba(0, 0, 0, 0.2);
}

/* ============================================
   DARK MODE - NAMAZ VAKİTLERİ 3 WIDGET
   ============================================ */

/* Namaz Vakitleri 3 - Dark Mode (yeşil tonları korunarak) */
[data-theme="dark"] .prayer-times-widget-3 {
  background: linear-gradient(135deg, #14532d 0%, #166534 50%, #14532d 100%);
}

[data-theme="dark"] .prayer-times-widget-3 .times-list {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0 0 var(--radius-lg, 8px) var(--radius-lg, 8px);
}

[data-theme="dark"] .prayer-times-widget-3 .time-row {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .prayer-times-widget-3 .time-row:last-child {
  border-bottom: 0;
}

[data-theme="dark"] .prayer-times-widget-3 .time-row:hover:not(.active) {
  background: rgba(255, 255, 255, 0.06);
}

[data-theme="dark"] .prayer-times-widget-3 .time-row.active {
  background: rgba(34, 197, 94, 0.2);
}

[data-theme="dark"] .prayer-times-widget-3 .time-row.passed {
  opacity: 0.4;
}

/* ============================================
   DARK MODE - FLOW MODAL
   ============================================ */

[data-theme="dark"] .flow-modal {
  background: var(--color-surface-primary);
}

[data-theme="dark"] .flow-modal-close {
  background: var(--color-surface-secondary);
}

[data-theme="dark"] .flow-modal-title {
  color: var(--color-text-primary);
}

[data-theme="dark"] .flow-modal-link {
  background: var(--color-surface-secondary);
}

[data-theme="dark"] .flow-modal-btn-secondary {
  background: var(--color-surface-secondary);
  color: var(--color-text-primary);
}

/* ============================================
   DARK MODE - TREND NEWS SIDEBAR 3
   ============================================ */

[data-theme="dark"] .trend-news-sidebar-3 {
  background: var(--color-surface-secondary);
}

[data-theme="dark"] .trend-news-sidebar-3-item:hover {
  background: var(--color-surface-tertiary);
}

/* ============================================
   DARK MODE - COMMENT 2
   ============================================ */

[data-theme="dark"] .comment-section-2 {
  background: var(--color-surface-secondary);
}

[data-theme="dark"] .comment-2-header {
  background: var(--color-surface-tertiary);
}

[data-theme="dark"] .comment-2-modal-content {
  background: var(--color-surface-secondary);
}

[data-theme="dark"] .comment-2-input,
[data-theme="dark"] .comment-2-textarea {
  background: var(--color-surface-tertiary);
  border-color: var(--color-border-default);
}

/* ============================================
   DARK MODE - LOAD MORE BUTTON
   ============================================ */

[data-theme="dark"] .load-more-btn {
  background: var(--color-surface-secondary);
  color: var(--color-text-primary);
  border-color: var(--color-border-default);
}

[data-theme="dark"] .load-more-btn:hover {
  background: var(--te-color, #3b82f6);
  color: #fff;
  border-color: var(--te-color, #3b82f6);
}

/* ============================================
   DARK MODE - SOCIAL WIDGET 2
   ============================================ */

/* Twitter ve Tiktok dark mode'da siyah kalmalı */
[data-theme="dark"] .social-media-widget-2 .social-card.twitter,
[data-theme="dark"] .social-media-widget-2 .social-card.tiktok {
  background: #000;
}

[data-theme="dark"] .social-media-widget .twitter,
[data-theme="dark"] .social-media-widget .tiktok {
  background-color: #000;
}

/* ============================================
   DARK MODE - VEFAT WIDGETS
   ============================================ */

/* Vefat Üst 2 */
[data-theme="dark"] .death-card-2 {
  background: var(--color-surface-secondary);
  border-color: var(--color-border-default);
}

[data-theme="dark"] .death-card-2-name {
  color: var(--color-text-primary);
}

[data-theme="dark"] .death-card-2-title {
  color: var(--color-text-muted);
}

[data-theme="dark"] .death-card-2-date {
  background: var(--color-surface-tertiary);
  color: var(--color-text-secondary);
}

/* Vefat Orta 2 */
[data-theme="dark"] .death-card-orta {
  background: var(--color-surface-secondary);
  border-color: var(--color-border-default);
}

[data-theme="dark"] .death-card-orta:hover {
  border-color: var(--te-color);
}

[data-theme="dark"] .death-card-orta-body {
  background: var(--color-surface-secondary);
}

[data-theme="dark"] .death-card-orta-name {
  color: var(--color-text-primary);
}

[data-theme="dark"] .death-card-orta-title {
  color: var(--color-text-muted);
}

[data-theme="dark"] .death-card-orta-date {
  background: var(--color-surface-tertiary);
  color: var(--color-text-secondary);
}

/* Vefat Sidebar 2 */
[data-theme="dark"] .death-list-item-2 {
  background: var(--color-surface-secondary);
}

[data-theme="dark"] .death-list-item-2:hover {
  background: var(--color-surface-tertiary);
}

[data-theme="dark"] .death-list-name {
  color: var(--color-text-primary);
}

[data-theme="dark"] .death-list-title {
  color: var(--color-text-muted);
}

[data-theme="dark"] .death-list-avatar img {
  border-color: var(--color-border-default);
}

/* ============================================
   DARK MODE - PARITE 4
   ============================================ */

[data-theme="dark"] .parite-4-card {
  background: var(--color-bg-secondary);
  border-color: var(--color-border);
}

[data-theme="dark"] .parite-4-card-value {
  color: var(--color-text-primary);
}

[data-theme="dark"] .parite-4-card-name {
  color: var(--color-text-secondary);
}