/* ============================================
   HEADER FIX - OVERRIDE STYLES
   اصلاح هدر - اولویت استایل‌ها
   ============================================ */

/* Force new theme on navigation */
.site-header,
header.site-header,
.navbar {
  /* Sticky positioning - هدر ثابت */
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
  
  /* Theme colors */
  background-color: var(--card) !important;
  border-bottom: 1px solid var(--border) !important;
  
  /* Smooth transitions */
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.dark .site-header,
.dark header.site-header,
.dark .navbar {
  background-color: var(--card) !important;
}

/* Enhanced shadow on scroll */
.site-header.scrolled,
header.site-header.scrolled,
.navbar.scrolled {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}

.dark .site-header.scrolled,
.dark header.site-header.scrolled,
.dark .navbar.scrolled {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5) !important;
}

/* Navigation links */
.nav-links,
.nav-links a,
.site-logo-title,
.logo h1 {
  color: var(--text) !important;
}

/* Dropdown menu override */
.dropdown-menu {
  background-color: var(--card) !important;
  border: 1px solid var(--border) !important;
}

.dropdown-menu a {
  color: var(--text) !important;
}

.dropdown-menu a:hover {
  background-color: var(--accent) !important;
  color: #FFFFFF !important;
}

/* Navigation buttons */
.nav-language-btn,
.custom-lang-btn,
.nav-account-btn,
.custom-account-btn {
  background-color: var(--card) !important;
  color: var(--text) !important;
  border: 1px solid var(--border) !important;
}

.nav-language-btn:hover,
.custom-lang-btn:hover,
.nav-account-btn:hover,
.custom-account-btn:hover {
  background-color: var(--accent) !important;
  color: #FFFFFF !important;
  border-color: var(--accent) !important;
}

/* Theme icon colors */
.theme-icon {
  /* Light mode: Orange moon 🌙 */
  filter: brightness(0) saturate(100%) invert(50%) sepia(100%) saturate(1000%) hue-rotate(0deg) !important;
}

.dark .theme-icon {
  /* Dark mode: White sun ☀️ */
  filter: brightness(0) invert(1) !important;
}