/**
 * ========================================
 * FLOW THEME - DARK MODE HEADERS
 * ========================================
 *
 * Header'lar icin gecici dark mode stilleri.
 * Header blade dosyalari guncellendikten sonra
 * bu dosya kaldirilabilir.
 *
 * Tarih: 2 Subat 2026
 * Versiyon: 1.0
 */

/* ============================================
   GENEL HEADER STILLERI
   ============================================ */

/* Top Header - bg-white olan header'lar */
[data-theme="dark"] .top-header.bg-white,
[data-theme="dark"] nav.top-header.bg-white,
[data-theme="dark"] .header-1 .top-header,
[data-theme="dark"] .header-6 .top-header,
[data-theme="dark"] .header-7 .top-header,
[data-theme="dark"] .header-12 .top-header,
[data-theme="dark"] .header-13 .top-header {
  background-color: var(--color-surface-primary) !important;
  border-color: var(--color-border-default) !important;
}

/* Main Menu - bg-white olan header'lar */
[data-theme="dark"] .main-menu.bg-white,
[data-theme="dark"] nav.main-menu.bg-white,
[data-theme="dark"] .header-2 .main-menu,
[data-theme="dark"] .header-3 .main-menu,
[data-theme="dark"] .header-4 .main-menu,
[data-theme="dark"] .header-7 .main-menu,
[data-theme="dark"] .header-8 .main-menu,
[data-theme="dark"] .header-10 .main-menu {
  background-color: var(--color-surface-primary) !important;
  border-color: var(--color-border-default) !important;
}

/* Header-7 Category Menu */
[data-theme="dark"] .header-7 .category-menu {
  /* bg-te-color oldugu icin degistirmeye gerek yok */
}

/* ============================================
   MOBILE CATEGORIES
   ============================================ */

/* Mobile Categories - Tum header'larda ortak */
[data-theme="dark"] ul.mobile-categories,
[data-theme="dark"] .mobile-categories.bg-white,
[data-theme="dark"] .mobile-categories.list-inline {
  background-color: var(--color-surface-secondary) !important;
}

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

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

/* Header-13 ozel - bg-warning mobile categories */
[data-theme="dark"] .header-13 .mobile-categories.bg-warning {
  background-color: var(--color-surface-tertiary) !important;
}

/* ============================================
   HEADER ICERIK STILLERI
   ============================================ */

/* text-dark sinifi olan linkler */
[data-theme="dark"] .top-header .text-dark,
[data-theme="dark"] .main-menu .text-dark,
[data-theme="dark"] .top-header a.text-dark,
[data-theme="dark"] .main-menu a.text-dark,
[data-theme="dark"] .main-menu .nav-link.text-dark {
  color: var(--color-text-primary) !important;
}

/* text-secondary sinifi olan ikonlar */
[data-theme="dark"] .top-header .text-secondary,
[data-theme="dark"] .main-menu .text-secondary,
[data-theme="dark"] .navigation-menu .text-secondary {
  color: var(--color-text-secondary) !important;
}

/* Border-bottom olan elemanlar */
[data-theme="dark"] .top-header.border-bottom,
[data-theme="dark"] .main-menu.border-bottom,
[data-theme="dark"] nav.border-bottom {
  border-color: var(--color-border-default) !important;
}

/* ============================================
   HEADER 10 & 11 - NEWS TICKER
   ============================================ */

/* Header Last Minute (Newsticker alani) */
[data-theme="dark"] .header-last-minute,
[data-theme="dark"] .header-last-minute.bg-white {
  background-color: var(--color-surface-secondary) !important;
  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, 0.3) !important;
}

/* News ticker baslik */
[data-theme="dark"] .header-news-title {
  color: var(--bs-danger) !important;
}

/* News ticker icerik */
[data-theme="dark"] .header-news-container {
  color: var(--color-text-primary);
}

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

[data-theme="dark"] .header-news-item strong {
  color: var(--color-text-secondary) !important;
}

/* ============================================
   HEADER 13 - SLIDING NEWS
   ============================================ */

/* Sliding news container */
[data-theme="dark"] .header-13 .sliding-news-container,
[data-theme="dark"] .header-13 .d-none.d-lg-flex.bg-white {
  background-color: var(--color-surface-secondary) !important;
}

/* Sliding news text */
[data-theme="dark"] .sliding-news-item .text-dark {
  color: var(--color-text-primary) !important;
}

/* Category menu text-black */
[data-theme="dark"] .header-13 .category-menu .text-black,
[data-theme="dark"] .header-13 .category-menu a.text-black {
  color: var(--color-text-primary) !important;
}

/* ============================================
   HEADER 12 - SEARCH/BACK IKONLARI
   ============================================ */

/* Header 12 SVG ikonlari - dark mode'da beyaz olmali */
[data-theme="dark"] .header-12 #search-menu img,
[data-theme="dark"] .header-12 #back-button img {
  filter: invert(1);
}

/* ============================================
   HEADER WIDGETS (Mini Weather, Mini Currencies)
   ============================================ */

/* Weather widget border */
[data-theme="dark"] .weather-top.border {
  border-color: var(--color-border-default) !important;
  background-color: var(--color-surface-tertiary) !important;
}

/* Top parite (Header 13) */
[data-theme="dark"] .top-parite {
  color: var(--color-text-primary);
}

/* ============================================
   MEGA MENU / OTHER CATEGORIES DROPDOWN
   ============================================ */

/* Mega menu dropdown */
[data-theme="dark"] .dropdown-menu.mega-menu,
[data-theme="dark"] .other-categories-dropdown {
  background-color: var(--color-surface-primary) !important;
  border-color: var(--color-border-default) !important;
}

[data-theme="dark"] .mega-menu a,
[data-theme="dark"] .other-categories-dropdown a {
  color: var(--color-text-primary) !important;
}

[data-theme="dark"] .mega-menu a:hover,
[data-theme="dark"] .other-categories-dropdown a:hover {
  background-color: var(--color-surface-tertiary) !important;
}

/* ============================================
   SHADOW AYARLARI
   ============================================ */

/* Shadow-sm dark mode'da daha belirgin */
[data-theme="dark"] .top-header.shadow-sm,
[data-theme="dark"] .main-menu.shadow-sm,
[data-theme="dark"] nav.shadow-sm {
  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, 0.4) !important;
}

/* ============================================
   NAVBAR-LIGHT OVERRIDE
   ============================================ */

/* navbar-light dark mode'da metin rengini duzelt */
[data-theme="dark"] .navbar-light .navbar-brand,
[data-theme="dark"] .navbar-light .nav-link {
  color: var(--color-text-primary) !important;
}

[data-theme="dark"] .navbar-light .navbar-brand:hover,
[data-theme="dark"] .navbar-light .nav-link:hover {
  color: var(--te-color-text) !important;
}

/* ============================================
   DARK MODE TOGGLE BUTTON
   ============================================ */

/* Toggle button - Light mode'da moon ikonu */
.dark-mode-icon::before {
  content: "\f186"; /* fa-moon */
}

/* Toggle button - Dark mode'da sun ikonu */
[data-theme="dark"] .dark-mode-icon::before {
  content: "\f185"; /* fa-sun */
}

/* Toggle button hover efekti */
.dark-mode-toggle {
  cursor: pointer;
  transition: opacity 0.2s ease;
}

.dark-mode-toggle:hover {
  opacity: 0.8;
}