/**
 * Frontend Dark Theme
 * html[data-theme="dark"] – Toggle: theme-toggle-btn
 * Palet: arka plan #0B0F14, kart #121826, border #243041,
 *        gövde #E6EAF0, ikincil #A8B3C2
 */

/* --- Theme toggle button: show correct icon/label --- */
.theme-toggle-btn .theme-icon-light,
.theme-toggle-btn .theme-label-light {
  display: none !important;
}
html[data-theme="dark"] .theme-toggle-btn .theme-icon-dark,
html[data-theme="dark"] .theme-toggle-btn .theme-label-dark {
  display: none !important;
}
html[data-theme="dark"] .theme-toggle-btn .theme-icon-light {
  display: block !important;
}
html[data-theme="dark"] .theme-toggle-btn .theme-label-light {
  display: inline !important;
}

/* Mobil header-top-icon: Dark/Light etiketleri (nav-label butonun dışında, kardeş) */
.header-top-icon.icon-theme .theme-label-light {
  display: none !important;
}
html[data-theme="dark"] .header-top-icon.icon-theme .theme-label-dark {
  display: none !important;
}
html[data-theme="dark"] .header-top-icon.icon-theme .theme-label-light {
  display: inline !important;
}

/* --- Dark theme base --- */
html[data-theme="dark"] {
  color-scheme: dark;
}
html[data-theme="dark"] body {
  background-color: #0B0F14 !important;
  color: #E6EAF0 !important;
}
html[data-theme="dark"] main {
  background-color: #0B0F14 !important;
}
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6 {
  color: #E6EAF0 !important;
}
html[data-theme="dark"] a:not(.btn):not(.addtocartbtn) {
  color: #A8B3C2 !important;
}
html[data-theme="dark"] a:not(.btn):not(.addtocartbtn):hover {
  color: #E6EAF0 !important;
}

/* --- Header & top bar --- */
html[data-theme="dark"] .header-soft,
html[data-theme="dark"] .container-xxl.header-soft {
  background: transparent !important;
}
html[data-theme="dark"] .header-soft .text-dark,
html[data-theme="dark"] .header-soft .link-dark,
html[data-theme="dark"] .header-soft a.text-dark {
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .header-soft .text-muted {
  color: #A8B3C2 !important;
}
/* Glass header dark – glassmorphism, daha canlı mor */
@media (min-width: 992px) {
  html[data-theme="dark"] header.glass-header {
    background: linear-gradient(
      to bottom,
      rgba(52, 38, 95, 0.5) 0%,
      rgba(52, 38, 95, 0.28) 70%,
      rgba(52, 38, 95, 0) 100%
    ) !important;
    -webkit-backdrop-filter: saturate(180%) blur(20px) !important;
    backdrop-filter: saturate(180%) blur(20px) !important;
    border-bottom: 1px solid rgba(110, 85, 165, 0.35) !important;
    box-shadow: none !important;
  }
  html[data-theme="dark"] header.glass-header .header-soft {
    background: transparent !important;
  }
}
html[data-theme="dark"] .sticky-top,
html[data-theme="dark"] header.sticky-top {
  background-color: rgba(52, 38, 95, 0.6) !important;
  -webkit-backdrop-filter: saturate(180%) blur(20px) !important;
  backdrop-filter: saturate(180%) blur(20px) !important;
}

/* --- Theme toggle button in dark header --- */
html[data-theme="dark"] .theme-toggle-btn {
  background: transparent !important;
  border-color: transparent !important;
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .theme-toggle-btn:hover {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: transparent !important;
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .theme-toggle-btn i {
  color: #E6EAF0 !important;
}

/* --- Header actions (wishlist, compare, cart, account) in dark – arka plan yok --- */
html[data-theme="dark"] .header-actions > a,
html[data-theme="dark"] .header-actions > .dropdown,
html[data-theme="dark"] .header-actions > button,
html[data-theme="dark"] .header-actions .account-dropdown-trigger {
  background: transparent !important;
  border-color: transparent !important;
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .header-actions > a:hover,
html[data-theme="dark"] .header-actions > a.link-dark:hover,
html[data-theme="dark"] .header-actions .dropdown .account-dropdown-trigger:hover {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .header-actions .link-dark,
html[data-theme="dark"] .header-actions a span {
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .header-actions i[style*="color: #6c757d"] {
  color: #A8B3C2 !important;
}
html[data-theme="dark"] .header-actions i[style*="color: #28a745"] {
  color: #4ade80 !important;
}

/* Mobil üst header yuvarlak ikonlar (Phone, Support, Contact, Account) – dark */
html[data-theme="dark"] .header-top-icons .header-top-icon-link {
  background: #1a2235 !important;
  border: 1px solid #243041 !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.3) !important;
}
html[data-theme="dark"] .header-top-icons .header-top-icon-link:hover {
  background: #2d3d52 !important;
}
html[data-theme="dark"] .col-12.d-flex.d-xl-none .header-top-icon .header-top-icon-link i {
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .col-12.d-flex.d-xl-none .header-top-icon .nav-label {
  color: #A8B3C2 !important;
}

/* --- Search --- */
html[data-theme="dark"] .form-control,
html[data-theme="dark"] #search-text,
html[data-theme="dark"] #search-text-mobile {
  background: #121826 !important;
  border-color: #243041 !important;
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .form-control::placeholder,
html[data-theme="dark"] #search-text::placeholder,
html[data-theme="dark"] #search-text-mobile::placeholder {
  color: #A8B3C2 !important;
}
html[data-theme="dark"] .input-group .form-control {
  background: #121826 !important;
  border-color: #243041 !important;
}
html[data-theme="dark"] .search-glass-btn {
  background: linear-gradient(135deg, #c2410c, #ea580c) !important;
  border: none !important;
  color: #fff !important;
}
/* Header arama formu: drop shadow + focus’ta turuncu gradient outline
   .form-control:focus (Bootstrap/bootstrap-custom) override: ID ile #search-text / #search-text-mobile */
html[data-theme="dark"] header form .input-group {
  box-shadow: 0 4px 16px rgba(139, 92, 246, 0.2) !important;
  transition: box-shadow 0.25s ease !important;
}
html[data-theme="dark"] header form .input-group:focus-within {
  box-shadow: 0 4px 16px rgba(139, 92, 246, 0.26), 0 0 28px 10px rgba(139, 92, 246, 0.35) !important;
}
/* Bootstrap .form-control:focus + bootstrap-custom box-shadow override – input’taki mavi/yeşil ring’i kaldır */
html[data-theme="dark"] header form .input-group .form-control:focus {
  outline: none !important;
  box-shadow: none !important;
}
/* Turuncu gradient outline doğrudan input’ta (ID ile .form-control:focus’u geç) */
html[data-theme="dark"] #search-text:focus,
html[data-theme="dark"] #search-text:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}
html[data-theme="dark"] header #search-text-mobile {
  box-shadow: 0 4px 16px rgba(139, 92, 246, 0.2) !important;
  transition: box-shadow 0.25s ease !important;
}
html[data-theme="dark"] #search-text-mobile:focus,
html[data-theme="dark"] #search-text-mobile:focus-visible {
  outline: none !important;
  box-shadow: 0 4px 16px rgba(139, 92, 246, 0.26), 0 0 28px 10px rgba(139, 92, 246, 0.35) !important;
}

/* --- Navbar (#main-navbar .glass-navbar): koyu mor glassy, gradient yok (mobile search gibi düz) --- */
html[data-theme="dark"] #main-navbar,
html[data-theme="dark"] .glass-navbar {
  background: rgba(42, 28, 90, 0.92) !important;
  border: 1px solid rgba(100, 75, 165, 0.5) !important;
  -webkit-backdrop-filter: saturate(180%) blur(20px) !important;
  backdrop-filter: saturate(180%) blur(20px) !important;
  box-shadow: 0 4px 24px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.06) !important;
}
html[data-theme="dark"] .glass-navbar .nav-link {
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .glass-navbar .nav-link:hover {
  background: rgba(100, 75, 165, 0.4) !important;
  color: #E6EAF0 !important;
}
/* Navbar butonları/pill’ler: hafif saydam, morumsu; marka renkli olanlar (Gima, INSTANT SHOPPING vb.) ayrı tanımlı kalır */
html[data-theme="dark"] #main-navbar #categoryDropdown,
html[data-theme="dark"] #main-navbar #posModeToggle,
html[data-theme="dark"] #main-navbar [id^="brandDropdown"] {
  background: rgba(48, 32, 100, 0.75) !important;
  color: #E6EAF0 !important;
  border-color: rgba(100, 75, 165, 0.55) !important;
}
html[data-theme="dark"] #main-navbar #categoryDropdown:hover,
html[data-theme="dark"] #main-navbar #posModeToggle:hover,
html[data-theme="dark"] #main-navbar [id^="brandDropdown"]:hover {
  background: rgba(62, 42, 125, 0.85) !important;
  color: #E6EAF0 !important;
}
/* Brands: turuncu buton - %50 opacity, outline, canlı renkli yazı */
html[data-theme="dark"] #main-navbar .nav-link[href="/brands"] {
  background: rgba(255, 152, 0, 0.5) !important;
  color: #ffb74d !important;
  border: 1px solid #ffb74d !important;
  box-shadow: 0 2px 8px rgba(255, 152, 0, 0.2) !important;
}
html[data-theme="dark"] #main-navbar .nav-link[href="/brands"]:hover {
  background: rgba(255, 152, 0, 0.6) !important;
  color: #ffcc80 !important;
  border-color: #ffcc80 !important;
  box-shadow: 0 4px 12px rgba(255, 152, 0, 0.3) !important;
}
/* Bodrum, Melis, Sultanim: mor buton - %50 opacity, outline, canlı renkli yazı */
html[data-theme="dark"] #main-navbar #brandDropdown41,
html[data-theme="dark"] #main-navbar #brandDropdown231,
html[data-theme="dark"] #main-navbar #brandDropdown332 {
  background: rgba(109, 40, 217, 0.5) !important;
  color: #c4b5fd !important;
  border: 1px solid #c4b5fd !important;
  box-shadow: 0 2px 8px rgba(109, 40, 217, 0.2) !important;
}
html[data-theme="dark"] #main-navbar #brandDropdown41:hover,
html[data-theme="dark"] #main-navbar #brandDropdown231:hover,
html[data-theme="dark"] #main-navbar #brandDropdown332:hover {
  background: rgba(109, 40, 217, 0.6) !important;
  color: #ddd6fe !important;
  border-color: #ddd6fe !important;
  box-shadow: 0 4px 12px rgba(109, 40, 217, 0.3) !important;
}
/* PROMOS: kırmızı buton - %50 opacity, outline, canlı renkli yazı */
html[data-theme="dark"] #main-navbar #promosDropdown {
  background: rgba(220, 53, 69, 0.5) !important;
  color: #f87171 !important;
  border: 1px solid #f87171 !important;
  box-shadow: 0 2px 8px rgba(220, 53, 69, 0.2) !important;
}
html[data-theme="dark"] #main-navbar #promosDropdown:hover {
  background: rgba(220, 53, 69, 0.6) !important;
  color: #fca5a5 !important;
  border-color: #fca5a5 !important;
  box-shadow: 0 4px 12px rgba(220, 53, 69, 0.3) !important;
}

/* --- Header Action Badges (Cart, Wishlist, Compare) - %50 opacity, outline, canlı renkli yazı --- */
/* Cart counter badge - turuncu */
html[data-theme="dark"] .header-action-badge.cart-items-count {
  background: rgba(255, 152, 0, 0.5) !important;
  color: #ffb74d !important;
  border: 1px solid #ffb74d !important;
  box-shadow: 0 2px 8px rgba(255, 152, 0, 0.2) !important;
}
/* Wishlist counter badge - kırmızı */
html[data-theme="dark"] .header-action-badge.wishlist--itemcount {
  background: rgba(220, 53, 69, 0.5) !important;
  color: #f87171 !important;
  border: 1px solid #f87171 !important;
  box-shadow: 0 2px 8px rgba(220, 53, 69, 0.2) !important;
}
/* Compare counter badge - mavi */
html[data-theme="dark"] .header-action-badge.compare--total--item {
  background: rgba(13, 110, 253, 0.5) !important;
  color: #60a5fa !important;
  border: 1px solid #60a5fa !important;
  box-shadow: 0 2px 8px rgba(13, 110, 253, 0.2) !important;
}
/* Mobile navbar cart badge - turuncu */
html[data-theme="dark"] .mobile-navbar-amazon .nav-badge.cart-items-count {
  background: rgba(255, 152, 0, 0.5) !important;
  color: #ffb74d !important;
  border: 1px solid #ffb74d !important;
  box-shadow: 0 2px 8px rgba(255, 152, 0, 0.2) !important;
}

/* --- Dropdown menus --- */
html[data-theme="dark"] .dropdown-menu {
  background: #121826 !important;
  border: 1px solid #243041 !important;
  box-shadow: 0 10px 40px rgba(0,0,0,0.35) !important;
}
html[data-theme="dark"] .dropdown-menu .dropdown-item {
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .dropdown-menu .dropdown-item:hover {
  background: rgba(36, 48, 65, 0.6) !important;
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .header-glass .dropdown-menu {
  background: #121826 !important;
}

/* --- Gima Full Range (categoryDropdown) açılır menü – dark theme --- */
html[data-theme="dark"] .dropdown-menu[aria-labelledby="categoryDropdown"] {
  background: #121826 !important;
  border: 1px solid #243041 !important;
  box-shadow: 0 12px 40px rgba(0,0,0,0.4) !important;
}
html[data-theme="dark"] .dropdown-menu[aria-labelledby="categoryDropdown"] .dropdown-item,
html[data-theme="dark"] .dropdown-menu[aria-labelledby="categoryDropdown"] .dropdown-item span {
  color: #E6EAF0 !important;
  border-bottom-color: #243041 !important;
}
html[data-theme="dark"] .dropdown-menu[aria-labelledby="categoryDropdown"] .dropdown-item:hover {
  background: rgba(36, 48, 65, 0.6) !important;
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .dropdown-menu[aria-labelledby="categoryDropdown"] .dropdown-item .fa-chevron-right,
html[data-theme="dark"] .dropdown-menu[aria-labelledby="categoryDropdown"] .dropdown-item .text-muted {
  color: #A8B3C2 !important;
}
html[data-theme="dark"] .dropdown-menu[aria-labelledby="categoryDropdown"] .col-md-6:first-child {
  border-right-color: #243041 !important;
}
/* Gima Full Range: iç içe (submenu) dropdown */
html[data-theme="dark"] .dropdown-menu[aria-labelledby="categoryDropdown"] .dropdown-menu {
  background: #1a2235 !important;
  border: 1px solid #243041 !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.35) !important;
}
html[data-theme="dark"] .dropdown-menu[aria-labelledby="categoryDropdown"] .dropdown-menu .dropdown-item {
  color: #E6EAF0 !important;
  border-bottom-color: #243041 !important;
}
html[data-theme="dark"] .dropdown-menu[aria-labelledby="categoryDropdown"] .dropdown-menu .dropdown-item:hover {
  background: rgba(36, 48, 65, 0.6) !important;
  color: #E6EAF0 !important;
}

/* --- PROMOS açılır menü: koyu kırmızı (butonla aynı) --- */
html[data-theme="dark"] .dropdown-menu[aria-labelledby="promosDropdown"] {
  background: #7f1d1d !important;
  border: 1px solid #991b1b !important;
  box-shadow: 0 12px 40px rgba(0,0,0,0.4) !important;
}
html[data-theme="dark"] .dropdown-menu[aria-labelledby="promosDropdown"] .dropdown-item {
  color: #E6EAF0 !important;
  border-bottom-color: rgba(153, 27, 27, 0.6) !important;
}
html[data-theme="dark"] .dropdown-menu[aria-labelledby="promosDropdown"] .dropdown-item:hover {
  background: #991b1b !important;
  color: #E6EAF0 !important;
}

/* --- Bodrum, Melis, Sultanim açılır menü: canlı mor (butonla aynı) --- */
html[data-theme="dark"] .dropdown-menu[aria-labelledby="brandDropdown41"],
html[data-theme="dark"] .dropdown-menu[aria-labelledby="brandDropdown231"],
html[data-theme="dark"] .dropdown-menu[aria-labelledby="brandDropdown332"] {
  background: #6d28d9 !important;
  border: 1px solid #7c3aed !important;
  box-shadow: 0 12px 40px rgba(0,0,0,0.4) !important;
}
html[data-theme="dark"] .dropdown-menu[aria-labelledby="brandDropdown41"] .dropdown-item,
html[data-theme="dark"] .dropdown-menu[aria-labelledby="brandDropdown231"] .dropdown-item,
html[data-theme="dark"] .dropdown-menu[aria-labelledby="brandDropdown332"] .dropdown-item {
  color: #E6EAF0 !important;
  border-bottom-color: rgba(124, 58, 237, 0.5) !important;
}
html[data-theme="dark"] .dropdown-menu[aria-labelledby="brandDropdown41"] .dropdown-item:hover,
html[data-theme="dark"] .dropdown-menu[aria-labelledby="brandDropdown231"] .dropdown-item:hover,
html[data-theme="dark"] .dropdown-menu[aria-labelledby="brandDropdown332"] .dropdown-item:hover {
  background: #7c3aed !important;
  color: #E6EAF0 !important;
}

/* --- Cart dropdown & Account dropdown --- */
html[data-theme="dark"] .cart-dropdown-menu,
html[data-theme="dark"] .account-dropdown-menu {
  background: #121826 !important;
  border: 1px solid #243041 !important;
  box-shadow: 0 10px 40px rgba(0,0,0,0.4) !important;
}
html[data-theme="dark"] .account-dropdown-menu * {
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .account-dropdown-menu .account-menu-item:hover {
  background: rgba(36, 48, 65, 0.5) !important;
}
html[data-theme="dark"] .account-dropdown-menu hr {
  border-color: #243041 !important;
}

/* --- Cart dropdown ayrıntılı (header, body, footer, item, badge, fiyat, boş) --- */
html[data-theme="dark"] .cart-dropdown-header {
  background: #121826 !important;
  border-bottom-color: #243041 !important;
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .cart-dropdown-minimize,
html[data-theme="dark"] .cart-dropdown-pin {
  border-color: #243041 !important;
  background: transparent !important;
  color: #A8B3C2 !important;
}
html[data-theme="dark"] .cart-dropdown-minimize:hover,
html[data-theme="dark"] .cart-dropdown-pin:hover {
  border-color: #3d4f5f !important;
  color: #E6EAF0 !important;
  background: rgba(36,48,65,0.5) !important;
}
html[data-theme="dark"] .cart-dropdown-body {
  border-color: #243041 !important;
}
html[data-theme="dark"] .cart-dropdown-menu .cart-menu-item {
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .cart-dropdown-menu .cart-menu-item:hover {
  background: #2d3d52 !important;
}
html[data-theme="dark"] .cart-dropdown-menu .cart-menu-item img {
  border-color: #243041 !important;
}
html[data-theme="dark"] .cart-dropdown-menu .cart-menu-item div[style*="f8f9fa"] {
  background: #1a2235 !important;
  border-color: #243041 !important;
}
html[data-theme="dark"] .cart-dropdown-menu .cart-menu-item div[style*="f8f9fa"] i {
  color: #A8B3C2 !important;
}
html[data-theme="dark"] .cart-dropdown-menu .badge {
  border-color: #243041 !important;
  background: transparent !important;
  color: #A8B3C2 !important;
}
html[data-theme="dark"] .cart-dropdown-menu [style*="28a745"] {
  color: #4ade80 !important;
}
html[data-theme="dark"] .cart-dropdown-footer {
  background: #121826 !important;
  border-top-color: #243041 !important;
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .cart-dropdown-menu .btn-success {
  color: #fff !important;
}
html[data-theme="dark"] .cart-dropdown-menu i.fa-shopping-bag {
  color: #A8B3C2 !important;
}
html[data-theme="dark"] .cart-dropdown-menu > div[style*="text-align: center"],
html[data-theme="dark"] .cart-dropdown-menu > div[style*="text-align: center"] > div {
  color: #A8B3C2 !important;
}
html[data-theme="dark"] .cart-dropdown-menu > div[style*="text-align: center"] .btn-primary {
  color: #fff !important;
}
html[data-theme="dark"] .cart-dropdown-menu .cart-dropdown-body::-webkit-scrollbar-track {
  background: #121826 !important;
}
html[data-theme="dark"] .cart-dropdown-menu .cart-dropdown-body::-webkit-scrollbar-thumb {
  background: #243041 !important;
  border-radius: 30px;
}

/* --- Live search (canlı arama) dropdown – dark theme uyumlu --- */
html[data-theme="dark"] .live-search-dropdown,
html[data-theme="dark"] .live-search-data {
  background: #121826 !important;
  border: 1px solid #243041 !important;
  border-top: none !important;
  color: #E6EAF0 !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4), 0 4px 16px rgba(0, 0, 0, 0.25) !important;
}
html[data-theme="dark"] .live-search-dropdown .search-results-header,
html[data-theme="dark"] .live-search-dropdown .ai-suggestions-header {
  background: #1a2235 !important;
  color: #A8B3C2 !important;
  border-color: #243041 !important;
}
html[data-theme="dark"] .live-search-dropdown .search-results-section,
html[data-theme="dark"] .live-search-dropdown .ai-suggestions-section {
  border-color: #243041 !important;
}
html[data-theme="dark"] .live-search-dropdown .search-result-item {
  color: #E6EAF0 !important;
  border-bottom: 1px solid #243041 !important;
}
html[data-theme="dark"] .live-search-dropdown .search-result-item:hover {
  background: #1a2235 !important;
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .live-search-dropdown .search-result-item .product-name,
html[data-theme="dark"] .live-search-dropdown .search-result-item .price-info {
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .live-search-dropdown .search-result-item .price-info {
  color: #facc15 !important;
}
html[data-theme="dark"] .live-search-dropdown .search-result-item .search-icon-wrapper i {
  color: #A8B3C2 !important;
}
html[data-theme="dark"] .live-search-dropdown .search-result-item mark {
  background: rgba(250, 204, 21, 0.25) !important;
  color: #E6EAF0 !important;
}
/* Canlı arama: badge’ler (Bodrum, Delights & Jams, SKU vb.) – inline #fff9e6 override */
html[data-theme="dark"] .live-search-dropdown .badge {
  background: #243041 !important;
  border: 1px solid #3d4f5f !important;
  color: #E6EAF0 !important;
}
/* Pagination (Previous, 1/2, Next) – inline #fff9e6 / #f8f9fa override */
html[data-theme="dark"] .live-search-dropdown .search-pagination-section {
  background: #1a2235 !important;
  border-top: 1px solid #243041 !important;
}
html[data-theme="dark"] .live-search-dropdown .search-pagination-section .btn {
  background: #243041 !important;
  border: 1px solid #3d4f5f !important;
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .live-search-dropdown .search-pagination-section .btn:hover:not(:disabled) {
  background: #2d3d52 !important;
  border-color: #3d4f5f !important;
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .live-search-dropdown .search-pagination-section .btn:disabled {
  opacity: 0.5 !important;
}
html[data-theme="dark"] .live-search-dropdown .search-pagination-section .text-muted {
  color: #A8B3C2 !important;
}
/* Show More Results butonu */
html[data-theme="dark"] .live-search-dropdown .more-results-section,
html[data-theme="dark"] .live-search-dropdown .more-results-button {
  border-top: 1px solid #243041 !important;
  background: transparent !important;
}
html[data-theme="dark"] .live-search-dropdown .more-results-button .btn,
html[data-theme="dark"] .live-search-dropdown .more-results-button .btn-outline-primary {
  background: transparent !important;
  border: 1px solid #149bb3 !important;
  color: #5eead4 !important;
}
html[data-theme="dark"] .live-search-dropdown .more-results-button .btn:hover {
  background: #149bb3 !important;
  border-color: #149bb3 !important;
  color: #fff !important;
}
/* Suggestion products (AI) */
html[data-theme="dark"] .live-search-dropdown .suggestion-products-section {
  background: transparent !important;
  border-color: #243041 !important;
}
html[data-theme="dark"] .live-search-dropdown .suggestion-products-header {
  background: #1a2235 !important;
  color: #A8B3C2 !important;
}
/* Loading / error */
html[data-theme="dark"] .live-search-dropdown .loading-state .text-muted,
html[data-theme="dark"] .live-search-dropdown .error-state .text-muted {
  color: #A8B3C2 !important;
}
html[data-theme="dark"] .live-search-dropdown::-webkit-scrollbar-track {
  background: #121826 !important;
}
html[data-theme="dark"] .live-search-dropdown::-webkit-scrollbar-thumb {
  background: #243041 !important;
}

/* --- Cards, product items, sections --- */
html[data-theme="dark"] .card,
html[data-theme="dark"] .product-item,
html[data-theme="dark"] .best-selling-item,
html[data-theme="dark"] .bg-white {
  background: #1a2235 !important;
  border-color: #243041 !important;
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .product-item .product-title a,
html[data-theme="dark"] .best-selling-item .product-title a,
html[data-theme="dark"] .product-name a {
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .product-item .product-title a:hover,
html[data-theme="dark"] .best-selling-item .product-title a:hover {
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .product-price,
html[data-theme="dark"] .price {
  color: #facc15 !important;
}
html[data-theme="dark"] .text-muted {
  color: #A8B3C2 !important;
}

/* --- Product card (product_card.blade.php): kart, gövde, fiyat, sayaç, badge’ler --- */
html[data-theme="dark"] .card:has(.product-card-counter) {
  box-shadow: 0 4px 16px rgba(0,0,0,0.25) !important;
}
/* Resim alanı: beyaz zemin 100%, üst köşeler yuvarlatılmış */
html[data-theme="dark"] .card > .position-relative {
  background: #ffffff !important;
  border-radius: 12px 12px 0 0 !important;
  overflow: hidden !important;
}
html[data-theme="dark"] .card > .position-relative img {
  border-radius: 12px 12px 0 0 !important;
}
html[data-theme="dark"] .card .card-body {
  background: #1a2235 !important;
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .card .card-title,
html[data-theme="dark"] .card .card-title a,
html[data-theme="dark"] .card .card-title a.text-dark {
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .card .default-each-price,
html[data-theme="dark"] .card [id^="product-unit-"] {
  color: #A8B3C2 !important;
}
html[data-theme="dark"] .card [id^="product-price-"] {
  color: #facc15 !important;
}
html[data-theme="dark"] .card .product-card-counter .form-control,
html[data-theme="dark"] .card .product-card-counter .counter-value {
  background: #1a2235 !important;
  border-color: #243041 !important;
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .card .product-card-counter .counter-decrement,
html[data-theme="dark"] .card .product-card-counter .counter-increment {
  color: #E6EAF0 !important;
  background: transparent !important;
}
/* BOX/EACH varyant butonları – ürün kartı */
html[data-theme="dark"] .card .btn-outline-dark {
  background: #243041 !important;
  border: 1px solid #3d4f5f !important;
  outline: none !important;
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .card .btn-outline-dark:hover,
html[data-theme="dark"] .card .btn-outline-dark:focus,
html[data-theme="dark"] .card .btn-check:checked + .btn-outline-dark {
  background: #2d3d52 !important;
  border: 1px solid #3d4f5f !important;
  outline: none !important;
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .card .wishlistitem {
  background: #1a2235 !important;
  border-color: #dc3545 !important;
}
html[data-theme="dark"] .card .wishlistitem i {
  color: #dc3545 !important;
}
html[data-theme="dark"] .card .card-body .badge[style*="transparent"] {
  background: #1a2235 !important;
  color: #E6EAF0 !important;
  border-color: #243041 !important;
}
html[data-theme="dark"] .card > .position-relative .badge[style*="background: white"] {
  background: #1a2235 !important;
  color: #E6EAF0 !important;
  border-color: #243041 !important;
}
html[data-theme="dark"] .card .card-footer .btn:disabled,
html[data-theme="dark"] .card .card-footer button[disabled] {
  background: #243041 !important;
  color: #A8B3C2 !important;
}
html[data-theme="dark"] .card .card-footer {
  background: transparent !important;
  border-color: #243041 !important;
}
html[data-theme="dark"] .card .rating-trigger .fa-regular.fa-star {
  color: #A8B3C2 !important;
}
html[data-theme="dark"] .card .card-body [style*="color: #666"] {
  color: #A8B3C2 !important;
}

/* --- Sidebar filters (Filter by Brands, Country, Types, Variety) – #category-filter-sidebar --- */
html[data-theme="dark"] #category-filter-sidebar .card-body {
  background: transparent !important;
  color: #E6EAF0 !important;
}
html[data-theme="dark"] #category-filter-sidebar .filter-group {
  background: #121826 !important;
  border: 1px solid #243041 !important;
  border-radius: 12px !important;
}
html[data-theme="dark"] #category-filter-sidebar .filter-section-title {
  color: #E6EAF0 !important;
}
html[data-theme="dark"] #category-filter-sidebar .filter-inline-list {
  color: #E6EAF0 !important;
}
html[data-theme="dark"] #category-filter-sidebar .filter-inline-list .filter-link {
  background: #243041 !important;
  border: 1px solid #3d4f5f !important;
  color: #E6EAF0 !important;
}
html[data-theme="dark"] #category-filter-sidebar .filter-inline-list .filter-link:hover {
  background: #2d3d52 !important;
  border-color: #3d4f5f !important;
  color: #E6EAF0 !important;
}
html[data-theme="dark"] #category-filter-sidebar .filter-inline-list .filter-link.country-filter {
  background: #243041 !important;
  border: 2px solid #854d0e !important;
  color: #E6EAF0 !important;
}
html[data-theme="dark"] #category-filter-sidebar .filter-inline-list .filter-link.country-filter:hover,
html[data-theme="dark"] #category-filter-sidebar .filter-inline-list .filter-link.country-filter.active {
  background: #2d3d52 !important;
  border-color: #a16207 !important;
  color: #E6EAF0 !important;
  box-shadow: 0 2px 6px rgba(133, 77, 14, 0.35) !important;
}
html[data-theme="dark"] #category-filter-sidebar .filter-inline-list .filter-link.type-variety-pill[data-filter-type="Type"] {
  background: #243041 !important;
  border: 2px solid #166534 !important;
  color: #E6EAF0 !important;
}
html[data-theme="dark"] #category-filter-sidebar .filter-inline-list .filter-link.type-variety-pill[data-filter-type="Type"]:hover,
html[data-theme="dark"] #category-filter-sidebar .filter-inline-list .filter-link.type-variety-pill[data-filter-type="Type"].active {
  background: #2d3d52 !important;
  border-color: #15803d !important;
  color: #E6EAF0 !important;
}
html[data-theme="dark"] #category-filter-sidebar .filter-inline-list .filter-link.type-variety-pill[data-filter-type="Variety"] {
  background: #243041 !important;
  border: 2px solid #9a3412 !important;
  color: #E6EAF0 !important;
}
html[data-theme="dark"] #category-filter-sidebar .filter-inline-list .filter-link.type-variety-pill[data-filter-type="Variety"]:hover,
html[data-theme="dark"] #category-filter-sidebar .filter-inline-list .filter-link.type-variety-pill[data-filter-type="Variety"].active {
  background: #2d3d52 !important;
  border-color: #c2410c !important;
  color: #E6EAF0 !important;
}
html[data-theme="dark"] #category-filter-sidebar .filter-inline-list .filter-empty {
  color: #A8B3C2 !important;
}
html[data-theme="dark"] #category-filter-sidebar .filter-brand-list a.text-dark,
html[data-theme="dark"] #category-filter-sidebar .filter-brand-list .brand-name {
  color: #E6EAF0 !important;
}
html[data-theme="dark"] #category-filter-sidebar .filter-brand-list .text-muted {
  color: #A8B3C2 !important;
}
html[data-theme="dark"] #category-filter-sidebar .custom-checkbox {
  background: #121826 !important;
  border-color: #243041 !important;
}
html[data-theme="dark"] #category-filter-sidebar .custom-checkbox.checked {
  background: var(--primary, #149bb3) !important;
  border-color: var(--primary, #149bb3) !important;
}

/* --- Ağırlık filtreleri (weight-pill-circle, weight-carousel-scroll-btn) – product listing --- */
html[data-theme="dark"] .weight-pill-circle,
html[data-theme="dark"] .weight-pill-circle-mobile {
  background: #121826 !important;
  border: 2px solid #243041 !important;
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .weight-pill-circle:hover,
html[data-theme="dark"] .weight-pill-circle-mobile:hover {
  background: #1a2235 !important;
  border-color: #243041 !important;
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .weight-pill-circle.active,
html[data-theme="dark"] .weight-pill-circle-mobile.active {
  background: var(--primary, #149bb3) !important;
  border-color: var(--primary, #149bb3) !important;
  color: #fff !important;
}
html[data-theme="dark"] .weight-carousel-scroll-btn {
  background: #121826 !important;
  border: 1px solid #243041 !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.3) !important;
}
html[data-theme="dark"] .weight-carousel-scroll-btn span {
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .weight-carousel-scroll-btn:hover {
  background: #1a2235 !important;
  border-color: #facc15 !important;
  box-shadow: 0 4px 12px rgba(250, 204, 21, 0.2) !important;
}
html[data-theme="dark"] .weight-carousel-scroll-btn:hover span {
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .weight-carousel-wrapper,
html[data-theme="dark"] .weight-carousel-wrapper-mobile {
  scrollbar-color: #243041 #0B0F14 !important;
}
html[data-theme="dark"] .weight-carousel-wrapper::-webkit-scrollbar-track,
html[data-theme="dark"] .weight-carousel-wrapper-mobile::-webkit-scrollbar-track {
  background: #0B0F14 !important;
  border-radius: 10px !important;
}
html[data-theme="dark"] .weight-carousel-wrapper::-webkit-scrollbar-thumb,
html[data-theme="dark"] .weight-carousel-wrapper-mobile::-webkit-scrollbar-thumb {
  background: #243041 !important;
  border: none !important;
  border-radius: 10px !important;
}
html[data-theme="dark"] .weight-carousel-wrapper::-webkit-scrollbar-thumb:hover,
html[data-theme="dark"] .weight-carousel-wrapper-mobile::-webkit-scrollbar-thumb:hover {
  background: #2d3d52 !important;
}

/* --- New Arrivals / home-section (kategori pill, View More, oklar, sayaç, Out of Stock) --- */
html[data-theme="dark"] .home-section .category-pill {
  background: #243041 !important;
  border-color: #3d4f5f !important;
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .home-section .category-pill.active,
html[data-theme="dark"] .home-section .category-pill:active {
  background: #7c3aed !important;
  border-color: #7c3aed !important;
  color: #fff !important;
}
html[data-theme="dark"] .home-section .view-more-btn.turquoise {
  background: transparent !important;
  border-color: #149bb3 !important;
  color: #5eead4 !important;
}
html[data-theme="dark"] .home-section .view-more-btn.turquoise:hover,
html[data-theme="dark"] .home-section .view-more-btn.turquoise:active {
  background: #149bb3 !important;
  border-color: #149bb3 !important;
  color: #fff !important;
}
html[data-theme="dark"] .home-section .next-prev-btn {
  background: #121826 !important;
  border-color: #243041 !important;
  color: #E6EAF0 !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.3) !important;
}
html[data-theme="dark"] .home-section .next-prev-btn:hover {
  background: #1a2235 !important;
  border-color: #243041 !important;
  color: #E6EAF0 !important;
}
/* home-section içindeki sayaç (inline bg override) ve Out of Stock */
html[data-theme="dark"] .home-section .product-card-counter .form-control,
html[data-theme="dark"] .home-section .product-card-counter .counter-value {
  background: #1a2235 !important;
  border-color: #243041 !important;
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .home-section .card-footer .btn:disabled,
html[data-theme="dark"] .home-section .card-footer button[disabled] {
  background: #243041 !important;
  color: #A8B3C2 !important;
}

/* --- top_category, top_brand, top_product, menu_category – dark theme --- */
/* top_category only: outline ve background kaldırıldı; resimler 30% büyük (.top-brands-slider hariç) */
html[data-theme="dark"] .home-section:not(.top-brands-slider) .categorie-item {
  background: transparent !important;
  border: none !important;
}
/* top_category only: resim konteyneri 30% büyük (8→10.4, 9→11.7, 12→15.6 rem) */
html[data-theme="dark"] .home-section:not(.top-brands-slider) .categorie-item .categorie-item-img {
  width: 10.4rem !important;
}
@media (min-width: 768px) {
  html[data-theme="dark"] .home-section:not(.top-brands-slider) .categorie-item .categorie-item-img {
    width: 11.7rem !important;
  }
}
@media (min-width: 1200px) {
  html[data-theme="dark"] .home-section:not(.top-brands-slider) .categorie-item .categorie-item-img {
    width: 15.6rem !important;
  }
}
/* Kategori carousel (navbar altı, .categorie-items / top_category): daire altı yazılar – yüksek özgüllük */
html[data-theme="dark"] .categorie-items .categorie-item-content > h4,
html[data-theme="dark"] .home-section .categorie-item-content > h4 {
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .categorie-items .categorie-item-content > p,
html[data-theme="dark"] .categorie-items .categorie-item .categorie-item-content p,
html[data-theme="dark"] .home-section .categorie-item-content > p,
html[data-theme="dark"] .home-section .categorie-item .categorie-item-content p {
  color: #A8B3C2 !important;
}
html[data-theme="dark"] .categorie-items .categorie-item:hover .categorie-item-content > h4,
html[data-theme="dark"] .home-section .categorie-item:hover .categorie-item-content > h4 {
  color: #5eead4 !important;
}
/* home-section başlık altı (örn. “Special products in this month”) */
html[data-theme="dark"] .home-section .title-left-content p {
  color: #A8B3C2 !important;
}
/* top_brand: marka kartı ve metin */
html[data-theme="dark"] .top-brands-slider .categorie-item {
  box-shadow: 0 2px 12px rgba(0,0,0,0.3) !important;
}
html[data-theme="dark"] .top-brands-slider .categorie-text h4 {
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .top-brands-slider .categorie-text p {
  color: #A8B3C2 !important;
}
/* top_product (best-selling-item): resim alanı beyaz 100% */
html[data-theme="dark"] .best-selling-item > .position-relative {
  background: #ffffff !important;
}
html[data-theme="dark"] .best-selling-item .wishlistitem {
  background: rgba(18, 24, 38, 0.9) !important;
  border-color: #dc3545 !important;
}
html[data-theme="dark"] .best-selling-item .wishlistitem i {
  color: #dc3545 !important;
}
html[data-theme="dark"] .best-selling-item .card-body {
  background: #1a2235 !important;
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .best-selling-item .card-footer {
  background: transparent !important;
  border-color: #243041 !important;
}
html[data-theme="dark"] .best-selling-item .card-title,
html[data-theme="dark"] .best-selling-item .card-title a {
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .best-selling-item [id^="product-price-"] {
  color: #facc15 !important;
}
html[data-theme="dark"] .best-selling-item [id^="product-unit-"],
html[data-theme="dark"] .best-selling-item .default-each-price {
  color: #A8B3C2 !important;
}
html[data-theme="dark"] .best-selling-item .badge[style*="transparent"] {
  background: #1a2235 !important;
  color: #E6EAF0 !important;
  border-color: #243041 !important;
}
html[data-theme="dark"] .best-selling-item .btn-outline-dark {
  background: #243041 !important;
  border: 1px solid #3d4f5f !important;
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .best-selling-item .btn-outline-dark:hover,
html[data-theme="dark"] .best-selling-item .btn-check:checked + .btn-outline-dark {
  background: #2d3d52 !important;
  border-color: #3d4f5f !important;
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .best-selling-item .product-card-counter .form-control,
html[data-theme="dark"] .best-selling-item .product-card-counter .counter-value {
  background: #1a2235 !important;
  border-color: #243041 !important;
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .best-selling-item .card-footer .btn:disabled,
html[data-theme="dark"] .best-selling-item .card-footer button[disabled] {
  background: #243041 !important;
  color: #A8B3C2 !important;
}
/* view-more-btn.turquoise global (top_product .pt-80, top_category, top_brand vb.) */
html[data-theme="dark"] .view-more-btn.turquoise {
  background: transparent !important;
  border-color: #149bb3 !important;
  color: #5eead4 !important;
}
html[data-theme="dark"] .view-more-btn.turquoise:hover,
html[data-theme="dark"] .view-more-btn.turquoise:active {
  background: #149bb3 !important;
  border-color: #149bb3 !important;
  color: #fff !important;
}

/* --- Service section (anasayfa) --- */
html[data-theme="dark"] .service-featured,
html[data-theme="dark"] .service-featured.home-section {
  background: transparent !important;
}
/* Widget (kart) içleri: koyu mor gradient, çok canlı değil */
html[data-theme="dark"] .service-featured .service-featured-item,
html[data-theme="dark"] .service-featured-item {
  background: linear-gradient(180deg, #2a2438 0%, #1e1b2e 50%, #1a1528 100%) !important;
  border: 1px solid #243041 !important;
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .service-featured-icon {
  color: #f87171 !important;
}
html[data-theme="dark"] .service-featured-icon::after {
  background: rgba(248, 113, 113, 0.2) !important;
}
html[data-theme="dark"] .service-featured-content > span {
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .service-featured-content > small {
  color: #A8B3C2 !important;
}

/* --- Blog carousel (Latest Blogs) --- */
html[data-theme="dark"] .blog-carousel-section {
  background: transparent !important;
}
/* Kart içindeki yazı alanı (tarih, başlık, özet, Read More) – hafif mor tonlu koyu */
html[data-theme="dark"] .blog-carousel-content {
  background: #1e1f34 !important;
}
html[data-theme="dark"] .blog-carousel-section .title-left-content p {
  color: #A8B3C2 !important;
}
html[data-theme="dark"] .blog-carousel-section .view-more-btn.turquoise {
  background: #121826 !important;
  border: 1px solid #243041 !important;
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .blog-carousel-section .view-more-btn.turquoise:hover {
  background: #1a2235 !important;
  border-color: #243041 !important;
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .blog-carousel-item {
  background: #121826 !important;
  border: 1px solid #243041 !important;
  box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;
}
html[data-theme="dark"] .blog-carousel-item:hover {
  box-shadow: 0 8px 25px rgba(0,0,0,0.3) !important;
}
html[data-theme="dark"] .blog-carousel-date {
  color: #A8B3C2 !important;
}
html[data-theme="dark"] .blog-carousel-title,
html[data-theme="dark"] .blog-carousel-title a {
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .blog-carousel-excerpt {
  color: #A8B3C2 !important;
}
html[data-theme="dark"] .blog-carousel-link {
  color: #A8B3C2 !important;
}
html[data-theme="dark"] .blog-carousel-link:hover {
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .blog-carousel-link svg {
  fill: currentColor;
}
html[data-theme="dark"] .blog-carousel-section .swiper-button-next,
html[data-theme="dark"] .blog-carousel-section .swiper-button-prev {
  background: #121826 !important;
  border: 1px solid #243041 !important;
  color: #E6EAF0 !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.25) !important;
}
html[data-theme="dark"] .blog-carousel-section .swiper-pagination-bullet {
  background: #A8B3C2 !important;
  opacity: 0.6;
}
html[data-theme="dark"] .blog-carousel-section .swiper-pagination-bullet-active {
  background: #E6EAF0 !important;
  opacity: 1;
}

/* --- Banner’daki kategori carousel (#categoryScroll): p.text-dark – Bootstrap .text-dark !important ile koyu yapıyor --- */
html[data-theme="dark"] #categoryScroll .text-dark {
  color: #E6EAF0 !important;
}

/* --- Promotional banners (Catering, Nuts & Seeds, Sultanim vb.) --- */
html[data-theme="dark"] .promotional-banner {
  background: transparent !important;
}
html[data-theme="dark"] .promotional-banner .banner-item {
  border: 1px solid #243041 !important;
  box-shadow: 0 4px 15px rgba(0,0,0,0.25) !important;
}
html[data-theme="dark"] .promotional-banner .banner-item:hover {
  box-shadow: 0 8px 25px rgba(0,0,0,0.35) !important;
}
html[data-theme="dark"] .promotional-banner .banner-heading {
  color: #E6EAF0 !important;
  text-shadow: 0 1px 3px rgba(0,0,0,0.5) !important;
}
html[data-theme="dark"] .promotional-banner .banner-subheading {
  color: rgba(230, 234, 240, 0.9) !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.5) !important;
}
html[data-theme="dark"] .promotional-banner .slider-dot {
  background: #243041 !important;
}
html[data-theme="dark"] .promotional-banner .slider-dot.active {
  background: #E6EAF0 !important;
}

/* --- Add to cart button: keep visible, slight adjust --- */
html[data-theme="dark"] .addtocartbtn {
  background: linear-gradient(135deg, #ea580c, #f97316) !important;
  color: #fff !important;
  border-color: #c2410c !important;
}
html[data-theme="dark"] .addtocartbtn:hover {
  background: linear-gradient(135deg, #f97316, #fb923c) !important;
  color: #fff !important;
}

/* --- Footer --- */
html[data-theme="dark"] .footer {
  background: #0B0F14 !important;
  border-top: 1px solid #243041 !important;
}
html[data-theme="dark"] .footer * {
  color: #A8B3C2 !important;
}
html[data-theme="dark"] .footer a:hover {
  color: #E6EAF0 !important;
}

/* --- Mobile navbar --- */
html[data-theme="dark"] .mobile-navbar-content {
  background: #121826 !important;
  border: 1px solid #243041 !important;
  box-shadow: 0 -4px 24px rgba(0,0,0,0.3) !important;
}
html[data-theme="dark"] .mobile-navbar-amazon .nav-item {
  color: #A8B3C2 !important;
}
html[data-theme="dark"] .mobile-navbar-amazon .nav-item:hover {
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .mobile-navbar-amazon::after {
  background: #0B0F14 !important;
}

/* --- Modals --- */
html[data-theme="dark"] .modal-content {
  background: #121826 !important;
  border: 1px solid #243041 !important;
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .modal-header {
  border-color: #243041 !important;
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .modal-footer {
  border-color: #243041 !important;
}
html[data-theme="dark"] .modal .btn-close {
  filter: invert(1);
  opacity: 0.8;
}

/* --- Bootstrap overrides --- */
html[data-theme="dark"] .border,
html[data-theme="dark"] .border-secondary {
  border-color: #243041 !important;
}
html[data-theme="dark"] .table {
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .table-light {
  background: #121826 !important;
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .form-select,
html[data-theme="dark"] select.form-control {
  background: #121826 !important;
  border-color: #243041 !important;
  color: #E6EAF0 !important;
}

/* --- Section backgrounds --- */
html[data-theme="dark"] .newsletter {
  background: linear-gradient(45deg, #0B0F14, #121826) !important;
}
html[data-theme="dark"] .testimonial-section {
  background: #0B0F14 !important;
}
html[data-theme="dark"] .section-title,
html[data-theme="dark"] .title-left-content h3 {
  color: #E6EAF0 !important;
}

/* --- Support / FAQ sayfası – dark theme --- */
html[data-theme="dark"] .sidebar-support-container > h4 {
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .sidebar-support-container .title-left-content p {
  color: #A8B3C2 !important;
}
/* Arama formu */
html[data-theme="dark"] .support-form {
  background-color: #121826 !important;
  border: 1px solid #243041 !important;
}
html[data-theme="dark"] .support-form > input {
  background-color: #121826 !important;
  border-color: #243041 !important;
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .support-form > input::placeholder {
  color: #A8B3C2 !important;
}
html[data-theme="dark"] .support-form i {
  color: #A8B3C2 !important;
}
/* Kategori sekmeleri (Information, Pricing & Plans, Sales Question, Usage Guides) */
html[data-theme="dark"] .faq-options > .nav-link {
  background-color: transparent !important;
  border-color: transparent !important;
  color: #A8B3C2 !important;
}
html[data-theme="dark"] .faq-options > .nav-link:hover {
  border-color: #3d4f5f !important;
  color: #E6EAF0 !important;
}
/* İç kutu .faq-option: beyaz arka plan → koyu (Pricing & Plans, Sales Question, Usage Guides) */
html[data-theme="dark"] .faq-options .faq-option {
  background-color: #121826 !important;
  border: 1px solid #243041 !important;
  color: #A8B3C2 !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.25) !important;
}
html[data-theme="dark"] .faq-options .faq-option:hover {
  background-color: #2d3d52 !important;
  color: #E6EAF0 !important;
  border-color: #3d4f5f !important;
}
html[data-theme="dark"] .faq-options > .nav-link.active {
  background-color: rgba(94,234,212,0.18) !important;
  border-color: #5eead4 !important;
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .faq-options > .nav-link.active::after {
  border-top-color: #5eead4 !important;
}
html[data-theme="dark"] .faq-options > .nav-link.active .faq-option {
  background-color: transparent !important;
  border-color: transparent !important;
  color: inherit !important;
  box-shadow: none !important;
}
html[data-theme="dark"] .faq-options > .nav-link.active .faq-option:hover {
  background-color: transparent !important;
  border-color: transparent !important;
  color: inherit !important;
}
html[data-theme="dark"] .faq-options > .nav-link.active .faq-option-icon {
  background-color: transparent !important;
  color: inherit !important;
}
html[data-theme="dark"] .faq-option-icon {
  color: inherit !important;
}
html[data-theme="dark"] .faq-options .faq-option > span {
  color: inherit !important;
}
/* Accordion: soru butonları */
html[data-theme="dark"] .support-faqs-container .faq-accordion-header .accordion-button {
  background-color: #121826 !important;
  border-color: #243041 !important;
  color: #E6EAF0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] .support-faqs-container .faq-accordion-header .accordion-button::after {
  filter: invert(0.85);
}
html[data-theme="dark"] .support-faqs-container .faq-accordion-header .accordion-button:not(.collapsed) {
  background-color: #2d3d52 !important;
  border-color: #243041 !important;
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .support-faqs-container .faq-accordion-header .accordion_button_icon,
html[data-theme="dark"] .support-faqs-container .faq-accordion-header .accordion_button_icon i {
  color: #A8B3C2 !important;
}
html[data-theme="dark"] .support-faqs-container .faq-accordion-header .accordion-button:not(.collapsed) .accordion_button_icon,
html[data-theme="dark"] .support-faqs-container .faq-accordion-header .accordion-button:not(.collapsed) .accordion_button_icon i {
  color: #5eead4 !important;
}
/* Accordion: cevap gövdesi */
html[data-theme="dark"] .support-faqs-container .accordion-body {
  background-color: #121826 !important;
  border: 1px solid #243041 !important;
  border-top: none !important;
  color: #A8B3C2 !important;
}
html[data-theme="dark"] .support-faqs-container .accordion-item {
  background: transparent !important;
}
/* Breadcrumb (support, brands ve diğer sayfalar) */
html[data-theme="dark"] .breadcrumb-banner {
  background-color: #121826 !important;
}
html[data-theme="dark"] .breadcrumb-banner .breadcrumb-title {
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .breadcrumb-banner .breadcrumb-item > a {
  color: #A8B3C2 !important;
}
html[data-theme="dark"] .breadcrumb-banner .breadcrumb-item > a:hover {
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .breadcrumb-banner .breadcrumb-item.active {
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .breadcrumb-banner .page-Breadcrumb .breadcrumb-item + .breadcrumb-item::before,
html[data-theme="dark"] .breadcrumb-banner .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  color: #A8B3C2 !important;
}

/* --- Brands sayfası (/brands) – dark theme --- */
html[data-theme="dark"] .search-form-container {
  background-color: #121826 !important;
  border-bottom: 1px solid #243041 !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.2) !important;
}
html[data-theme="dark"] .search-form-container #search-input {
  background: #1a2235 !important;
  border: 1px solid #243041 !important;
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .search-form-container #search-input::placeholder {
  color: #A8B3C2 !important;
}
html[data-theme="dark"] .section-title-left h3,
html[data-theme="dark"] .title-left-content h3 {
  color: #E6EAF0 !important;
}
/* Brand carousel: logo kartları + oklar */
html[data-theme="dark"] .brand-logo-item {
  background: #121826 !important;
  border: 2px solid #243041 !important;
}
html[data-theme="dark"] .brand-logo-item.selected {
  border-color: #a16207 !important;
  background: rgba(133, 77, 14, 0.35) !important;
}
html[data-theme="dark"] .brand-logo-name {
  color: #E6EAF0 !important;
}
html[data-theme="dark"] #brand-carousel-left,
html[data-theme="dark"] #brand-carousel-right {
  background: #121826 !important;
  border: 1px solid #243041 !important;
  color: #E6EAF0 !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.3) !important;
}
html[data-theme="dark"] #brand-carousel-left:hover,
html[data-theme="dark"] #brand-carousel-right:hover {
  background: #1a2235 !important;
  border-color: #243041 !important;
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .brand-carousel {
  scrollbar-color: #243041 #121826 !important;
}
/* Brands: detay alanı, category pill, placeholder, pagination */
html[data-theme="dark"] #brand-details-section,
html[data-theme="dark"] #selected-brand-name {
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .category-pill {
  background: #121826 !important;
  border: 1px solid #243041 !important;
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .category-pill.selected {
  background: #854d0e !important;
  border-color: #a16207 !important;
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .product-placeholder {
  background: #1a2235 !important;
  color: #A8B3C2 !important;
  border: 1px solid #243041 !important;
}
html[data-theme="dark"] .no-results {
  color: #A8B3C2 !important;
}
html[data-theme="dark"] #pagination-block .pagination li a,
html[data-theme="dark"] #pagination-block .pagination li span {
  background: #121826 !important;
  border-color: #243041 !important;
  color: #E6EAF0 !important;
}
html[data-theme="dark"] #pagination-block .pagination li a:hover {
  background: #1a2235 !important;
  border-color: #243041 !important;
  color: #E6EAF0 !important;
}
html[data-theme="dark"] #pagination-block .pagination li.active span,
html[data-theme="dark"] #pagination-block .pagination li.active a {
  background: #854d0e !important;
  border-color: #a16207 !important;
  color: #E6EAF0 !important;
}
html[data-theme="dark"] #pagination-block .pagination li.disabled span,
html[data-theme="dark"] #pagination-block .pagination li.disabled a {
  background: #0B0F14 !important;
  border-color: #243041 !important;
  color: #A8B3C2 !important;
  opacity: 0.6 !important;
}

/* --- POS sayfası – dark theme --- */
html[data-theme="dark"] .pos-container,
html[data-theme="dark"] body.pos-mode {
  background: #0B0F14 !important;
}
html[data-theme="dark"] .pos-header .theme-toggle-btn {
  border-color: rgba(255, 255, 255, 0.45) !important;
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .pos-header .theme-toggle-btn:hover {
  background: rgba(255, 255, 255, 0.18) !important;
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .pos-categories-wrapper {
  background: #121826 !important;
  border-bottom-color: #243041 !important;
}
html[data-theme="dark"] .pos-categories::-webkit-scrollbar-thumb {
  background: #243041 !important;
}
html[data-theme="dark"] .pos-container .category-pill {
  background: #121826 !important;
  color: #E6EAF0 !important;
  border: 1px solid #243041 !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.25) !important;
}
html[data-theme="dark"] .pos-container .category-pill:hover,
html[data-theme="dark"] .pos-container .category-pill.active {
  background: linear-gradient(135deg, #6d28d9, #7c3aed) !important;
  color: #fff !important;
  border-color: #7c3aed !important;
}
html[data-theme="dark"] .pos-brands-wrapper {
  background: #121826 !important;
  border-bottom-color: #243041 !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.2) !important;
}
html[data-theme="dark"] .pos-brands::-webkit-scrollbar-thumb {
  background: #243041 !important;
}
html[data-theme="dark"] .pos-container .brand-pill {
  background: #121826 !important;
  color: #E6EAF0 !important;
  border: 1px solid #243041 !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.25) !important;
}
html[data-theme="dark"] .pos-container .brand-pill:hover,
html[data-theme="dark"] .pos-container .brand-pill.active {
  background: linear-gradient(135deg, #6d28d9, #7c3aed) !important;
  color: #fff !important;
  border-color: #7c3aed !important;
}
html[data-theme="dark"] .pos-products-section {
  background: #121826 !important;
  border: 1px solid #243041 !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.3) !important;
}
html[data-theme="dark"] .pos-search-section .form-control,
html[data-theme="dark"] .pos-search-section .form-select {
  background: #1a2235 !important;
  border-color: #243041 !important;
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .pos-search-section .form-control:focus,
html[data-theme="dark"] .pos-search-section .form-select:focus {
  border-color: #7c3aed !important;
  box-shadow: 0 0 0 0.2rem rgba(124, 58, 237, 0.25) !important;
}
html[data-theme="dark"] .pos-product-card {
  background: #1a2235 !important;
  border-color: #243041 !important;
}
html[data-theme="dark"] .pos-product-card:hover {
  border-color: #7c3aed !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.35) !important;
}
html[data-theme="dark"] .pos-product-card .product-image {
  background-color: #1a2235 !important;
}
html[data-theme="dark"] .pos-product-card .product-name {
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .pos-product-card .product-price {
  color: #4ade80 !important;
}
html[data-theme="dark"] .pos-product-card .product-price-discounted {
  color: #f87171 !important;
}
html[data-theme="dark"] .pos-product-card .product-price-alt,
html[data-theme="dark"] .pos-product-card .product-price-original {
  color: #A8B3C2 !important;
}
html[data-theme="dark"] .pos-product-card .product-stock {
  color: #A8B3C2 !important;
}
html[data-theme="dark"] .pos-product-card .product-meta-badge,
html[data-theme="dark"] .pos-product-card .vat-badge {
  background: #1a2235 !important;
  border-color: #243041 !important;
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .pos-product-card .add-to-cart-btn {
  background: linear-gradient(135deg, #ea580c, #f97316) !important;
  border: none !important;
  color: #fff !important;
}
html[data-theme="dark"] .pos-product-card .add-to-cart-btn:hover {
  background: linear-gradient(135deg, #f97316, #fb923c) !important;
  color: #fff !important;
}
html[data-theme="dark"] .pos-product-card .add-to-cart-btn.in-cart {
  background: #1a2235 !important;
  color: #E6EAF0 !important;
  border: 1px solid #243041 !important;
}
html[data-theme="dark"] .pos-product-card .add-to-cart-btn.in-cart:hover {
  background: #2d3d52 !important;
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .pos-product-card .add-to-cart-btn:disabled {
  background: #243041 !important;
  color: #A8B3C2 !important;
  opacity: 0.7 !important;
}
/* POS: varyant BOX/PCS pill – okunabilir metin */
html[data-theme="dark"] .pos-product-card .variant-pill,
html[data-theme="dark"] .pos-container .variant-pill {
  background: #1a2235 !important;
  border-color: #243041 !important;
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .pos-product-card .variant-pill:hover,
html[data-theme="dark"] .pos-product-card .variant-pill.active,
html[data-theme="dark"] .pos-container .variant-pill:hover,
html[data-theme="dark"] .pos-container .variant-pill.active {
  background: rgba(124, 58, 237, 0.25) !important;
  border-color: #7c3aed !important;
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .pos-product-card .variant-pill-label,
html[data-theme="dark"] .pos-product-card .variant-pill-count-text,
html[data-theme="dark"] .pos-container .variant-pill-label,
html[data-theme="dark"] .pos-container .variant-pill-count-text {
  color: #E6EAF0 !important;
}
/* POS: filter sidebar */
html[data-theme="dark"] .pos-filter-card {
  background: #121826 !important;
  border: 1px solid #243041 !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.3) !important;
}
html[data-theme="dark"] .pos-filter-scroll::-webkit-scrollbar-thumb {
  background: #243041 !important;
}
html[data-theme="dark"] .pos-filter-title {
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .pos-filter-title .text-uppercase {
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .pos-filter-clear {
  color: #7c3aed !important;
}
html[data-theme="dark"] .pos-filter-clear:hover {
  color: #a78bfa !important;
}
html[data-theme="dark"] .pos-filter-clear:disabled {
  color: #243041 !important;
}
html[data-theme="dark"] .pos-filter-search input {
  background: #1a2235 !important;
  border-color: #243041 !important;
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .pos-filter-chip {
  background: #121826 !important;
  border-color: #243041 !important;
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .pos-filter-chip:hover,
html[data-theme="dark"] .pos-filter-chip.active {
  background: rgba(124, 58, 237, 0.2) !important;
  border-color: #7c3aed !important;
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .pos-filter-chip .pos-filter-count {
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .pos-filter-empty {
  color: #A8B3C2 !important;
}
/* POS: cart */
html[data-theme="dark"] .pos-cart-section {
  background: #121826 !important;
  border: 1px solid #243041 !important;
  box-shadow: 0 4px 24px rgba(0,0,0,0.4) !important;
}
html[data-theme="dark"] .pos-cart-header {
  background: linear-gradient(135deg, #166534, #15803d) !important;
  color: #E6EAF0 !important;
  border-bottom: 1px solid #243041 !important;
}
html[data-theme="dark"] .pos-cart-body {
  background: #121826 !important;
}
html[data-theme="dark"] .pos-cart-body .cart-item {
  border-bottom-color: #243041 !important;
}
html[data-theme="dark"] .pos-cart-body .cart-item-name {
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .pos-cart-body .cart-item-price {
  color: #4ade80 !important;
}
html[data-theme="dark"] .pos-cart-body .cart-item-price-discounted {
  color: #f87171 !important;
}
html[data-theme="dark"] .pos-cart-body .cart-item-price-original {
  color: #A8B3C2 !important;
}
html[data-theme="dark"] .pos-cart-body .cart-item-variant {
  color: #A8B3C2 !important;
}
html[data-theme="dark"] .pos-cart-body .cart-discount-row span:last-child {
  color: #f87171 !important;
}
html[data-theme="dark"] .pos-cart-body .quantity-control {
  border-color: #243041 !important;
  background: #1a2235 !important;
}
html[data-theme="dark"] .pos-cart-body .quantity-btn {
  background: #1a2235 !important;
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .pos-cart-body .quantity-btn:hover {
  background: #2d3d52 !important;
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .pos-cart-body .quantity-input {
  background: transparent !important;
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .pos-cart-body .remove-item-btn {
  color: #f87171 !important;
}
html[data-theme="dark"] .pos-cart-body .remove-item-btn:hover {
  color: #fca5a5 !important;
}
html[data-theme="dark"] .pos-cart-body .empty-cart,
html[data-theme="dark"] .pos-cart-body .empty-cart .text-muted,
html[data-theme="dark"] .pos-cart-body .empty-cart i,
html[data-theme="dark"] .pos-cart-body .empty-cart p {
  color: #A8B3C2 !important;
}
html[data-theme="dark"] .pos-cart-footer {
  background: #1a2235 !important;
  border-top: 1px solid #243041 !important;
  border-radius: 0 0 12px 12px !important;
}
html[data-theme="dark"] .pos-cart-footer .cart-totals,
html[data-theme="dark"] .pos-cart-footer .cart-totals .d-flex,
html[data-theme="dark"] .pos-cart-footer .fw-bold.fs-5 {
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .pos-cart-clear {
  background: #1a2235 !important;
  color: #f87171 !important;
  border-color: #7f1d1d !important;
}
html[data-theme="dark"] .pos-cart-clear:hover {
  background: #7f1d1d !important;
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .pos-pagination-wrapper .page-link {
  background: #121826 !important;
  border-color: #243041 !important;
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .pos-pagination-wrapper .page-link:hover {
  background: #1a2235 !important;
  border-color: #7c3aed !important;
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .pos-pagination-wrapper .page-item.active .page-link {
  background: #6d28d9 !important;
  border-color: #7c3aed !important;
  color: #fff !important;
}
html[data-theme="dark"] .pos-pagination-wrapper .page-item.disabled .page-link {
  background: #0B0F14 !important;
  border-color: #243041 !important;
  color: #A8B3C2 !important;
  opacity: 0.6 !important;
}
html[data-theme="dark"] .empty-products,
html[data-theme="dark"] .empty-products p,
html[data-theme="dark"] .empty-products i {
  color: #A8B3C2 !important;
}
html[data-theme="dark"] .add-to-cart-tooltip {
  background: #1a2235 !important;
  color: #E6EAF0 !important;
  border: 1px solid #243041 !important;
}
html[data-theme="dark"] .add-to-cart-tooltip .tooltip-arrow {
  border-top-color: #1a2235 !important;
}

/* --- Scrollbar dark --- */
html[data-theme="dark"] ::-webkit-scrollbar-track {
  background: #0B0F14;
}
html[data-theme="dark"] ::-webkit-scrollbar-thumb {
  background: #243041;
  border-radius: 30px;
}
html[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
  background: #2d3d52;
}

/* --- Offcanvas / sidebar --- */
html[data-theme="dark"] .offcanvas {
  background: #121826 !important;
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .offcanvas .offcanvas-header {
  border-color: #243041 !important;
}

/* --- Mobil açılır menü (mobile-fab-menu / fab-menu-card / browse-categories) --- */
html[data-theme="dark"] .fab-menu-card {
  background: #121826 !important;
  border: 1px solid #243041 !important;
  box-shadow: 0 -4px 24px rgba(0,0,0,0.4) !important;
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .mobile-fab-menu.active {
  background: rgba(0,0,0,0.5) !important;
}
html[data-theme="dark"] .browse-categories-item a,
html[data-theme="dark"] .browse-categories-item a:visited,
html[data-theme="dark"] .browse-categories-item a:focus {
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .fab-menu-card .browse-categories-item a::after {
  display: none !important;
}
/* style.css .browse-categories-item { border-bottom } override – beyaz çizgi */
html[data-theme="dark"] .fab-menu-card .browse-categories-item {
  border-bottom: none !important;
}
html[data-theme="dark"] .browse-categories-item a:hover {
  background: #2d3d52 !important;
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .browse-categories-item a.active,
html[data-theme="dark"] .browse-categories-item a[aria-current="page"] {
  background: #2d3d52 !important;
  color: #E6EAF0 !important;
}
html[data-theme="dark"] .browse-categories-item a span,
html[data-theme="dark"] .browse-categories-item a span i {
  color: inherit !important;
}
html[data-theme="dark"] .fab-menu-card .browse-categories-item img,
html[data-theme="dark"] .fab-menu-card .browse-categories-item a span img {
  filter: invert(1) !important;
}
html[data-theme="dark"] .fab-menu-card .browse-categories-items {
  background: transparent !important;
}
html[data-theme="dark"] .fab-menu-card::-webkit-scrollbar-track {
  background: #0B0F14 !important;
}
html[data-theme="dark"] .fab-menu-card::-webkit-scrollbar-thumb {
  background: #243041 !important;
  border-radius: 30px !important;
}
html[data-theme="dark"] .fab-menu-card::-webkit-scrollbar-thumb:hover {
  background: #3d4f5f !important;
}

/* ========== Cart List Page - Dark Theme ========== */
/* Card container */
html[data-theme="dark"] .cart-list .card,
html[data-theme="dark"] .cart-list .card-body {
  background: #121826 !important;
  border-color: #243041 !important;
  color: #E6EAF0 !important;
}

html[data-theme="dark"] .cart-list .card-header,
html[data-theme="dark"] .card .card-header,
html[data-theme="dark"] section .card .card-header {
  background: #1a2235 !important;
  border-bottom-color: #243041 !important;
  border-color: #243041 !important;
  color: #E6EAF0 !important;
}

html[data-theme="dark"] .cart-list .card-header[style*="background"],
html[data-theme="dark"] .card .card-header[style*="background"] {
  background: #1a2235 !important;
}

html[data-theme="dark"] .cart-list .card-title,
html[data-theme="dark"] .card .card-title,
html[data-theme="dark"] .card-header .card-title,
html[data-theme="dark"] .card-header h4 {
  color: #E6EAF0 !important;
}

html[data-theme="dark"] .cart-list .card-title[style*="color"],
html[data-theme="dark"] .card .card-title[style*="color"] {
  color: #E6EAF0 !important;
}

html[data-theme="dark"] .cart-list .view-more-btn,
html[data-theme="dark"] .card-header .view-more-btn,
html[data-theme="dark"] .card .view-more-btn {
  color: #A8B3C2 !important;
  border-color: #243041 !important;
  background: transparent !important;
}

html[data-theme="dark"] .cart-list .view-more-btn:hover,
html[data-theme="dark"] .card-header .view-more-btn:hover,
html[data-theme="dark"] .card .view-more-btn:hover {
  color: #E6EAF0 !important;
  border-color: #3d4f5f !important;
  background: #243041 !important;
}

html[data-theme="dark"] .cart-list .view-more-btn[style*="color"],
html[data-theme="dark"] .card-header .view-more-btn[style*="color"] {
  color: #A8B3C2 !important;
}

/* Cart filter bar area */
html[data-theme="dark"] .cart-filter-bar-area {
  background: #1a2235 !important;
  border: 1px solid #243041 !important;
  border-radius: 18px !important;
}

html[data-theme="dark"] .cart-section-title h3 {
  color: #E6EAF0 !important;
}

html[data-theme="dark"] .cart-section-title {
  color: #E6EAF0 !important;
}

/* Brand/Category Pills */
html[data-theme="dark"] .pill-pill {
  background: #243041 !important;
  color: #E6EAF0 !important;
  border-color: #3d4f5f !important;
}

html[data-theme="dark"] .pill-pill.active,
html[data-theme="dark"] .pill-pill:hover {
  background: #ff9800 !important;
  color: #fff !important;
}

html[data-theme="dark"] .pill-pill .badge {
  background: rgba(255, 152, 0, 0.2) !important;
  color: #ff9800 !important;
}

html[data-theme="dark"] .pill-pill.active .badge {
  background: rgba(255, 255, 255, 0.2) !important;
  color: #fff !important;
}

html[data-theme="dark"] .category-pill {
  background: #243041 !important;
  color: #E6EAF0 !important;
  border-color: #3d4f5f !important;
}

html[data-theme="dark"] .category-pill.active,
html[data-theme="dark"] .category-pill:hover {
  background: #43a047 !important;
  color: #fff !important;
}

html[data-theme="dark"] .category-badge {
  background: rgba(67, 160, 71, 0.2) !important;
  color: #43a047 !important;
}

html[data-theme="dark"] .category-pill.active .category-badge {
  background: rgba(255, 255, 255, 0.2) !important;
  color: #fff !important;
}

/* Table */
html[data-theme="dark"] .cart-list .table {
  color: #E6EAF0 !important;
  background: #121826 !important;
}

html[data-theme="dark"] .cart-list .table thead.table-light,
html[data-theme="dark"] .cart-list .table thead,
html[data-theme="dark"] .cart-table .table thead.table-light,
html[data-theme="dark"] .cart-table .table thead {
  background: #1a2235 !important;
  border-color: #243041 !important;
}

html[data-theme="dark"] .cart-list .table thead.table-light[style*="background"],
html[data-theme="dark"] .cart-list .table thead[style*="background"] {
  background: #1a2235 !important;
}

html[data-theme="dark"] .cart-list .table thead th,
html[data-theme="dark"] .cart-list .table thead.table-light th,
html[data-theme="dark"] .cart-table .table thead th {
  color: #A8B3C2 !important;
  border-color: #243041 !important;
  background: transparent !important;
}

html[data-theme="dark"] .cart-list .table thead th[style*="color"],
html[data-theme="dark"] .cart-list .table thead th[style*="background"] {
  color: #A8B3C2 !important;
  background: transparent !important;
}

html[data-theme="dark"] .cart-list .table tbody {
  background: #121826 !important;
}

html[data-theme="dark"] .cart-list .table tbody tr {
  background: #1a2235 !important;
  border-color: #243041 !important;
}

html[data-theme="dark"] .cart-list .table tbody tr:hover {
  background: #243041 !important;
}

html[data-theme="dark"] .cart-list .table tbody tr.cart-item {
  background: #1a2235 !important;
}

html[data-theme="dark"] .cart-list .table tbody tr.cart-item:hover {
  background: #243041 !important;
}

html[data-theme="dark"] .cart-list .table td {
  background: transparent !important;
  border-color: #243041 !important;
  color: #E6EAF0 !important;
}

html[data-theme="dark"] .cart-list .table tbody tr td {
  background: transparent !important;
}

html[data-theme="dark"] .cart-list .table tbody tr.shopping-chat-table-bottom {
  background: #1a2235 !important;
}

html[data-theme="dark"] .cart-list .table tbody tr.shopping-chat-table-bottom td {
  background: transparent !important;
}

/* Product info */
html[data-theme="dark"] .cart-list .wishlist-product-info .product-title {
  color: #E6EAF0 !important;
}

html[data-theme="dark"] .cart-list .wishlist-product-info {
  color: #E6EAF0 !important;
}

html[data-theme="dark"] .cart-list .wishlist-product {
  color: #E6EAF0 !important;
}

html[data-theme="dark"] .cart-list .wishlist-product-img img {
  border-color: #243041 !important;
}

html[data-theme="dark"] .cart-list .ratting {
  color: #A8B3C2 !important;
}

html[data-theme="dark"] .cart-list .ratting i {
  color: #fbbf24 !important;
}

/* Price displays */
html[data-theme="dark"] .cart-list .text-primary {
  color: #60a5fa !important;
}

html[data-theme="dark"] .cart-list .text-muted {
  color: #A8B3C2 !important;
}

html[data-theme="dark"] .cart-list del {
  color: #6b7280 !important;
}

html[data-theme="dark"] .cart-list .text-success {
  color: #4ade80 !important;
}

html[data-theme="dark"] .cart-list .text-info {
  color: #60a5fa !important;
}

/* Badges */
html[data-theme="dark"] .cart-list .badge.bg-success {
  background: #243041 !important;
  border: 1px solid #3d4f5f !important;
  color: #4ade80 !important;
}

html[data-theme="dark"] .cart-list .badge.bg-light {
  background: #243041 !important;
  color: #E6EAF0 !important;
}

html[data-theme="dark"] .cart-list .badge-soft-danger {
  background: rgba(220, 53, 69, 0.2) !important;
  color: #f87171 !important;
  border-color: rgba(220, 53, 69, 0.3) !important;
}

html[data-theme="dark"] .cart-list .badge-soft-danger:hover {
  background: rgba(220, 53, 69, 0.3) !important;
  color: #ef4444 !important;
}

/* Quantity counter */
html[data-theme="dark"] .cart-list .input-step {
  background: #1a2235 !important;
  border-color: #243041 !important;
}

html[data-theme="dark"] .cart-list .quantitybutton {
  background: #243041 !important;
  border-color: #3d4f5f !important;
  color: #E6EAF0 !important;
}

html[data-theme="dark"] .cart-list .quantitybutton:hover {
  background: #3d4f5f !important;
  color: #fff !important;
}

html[data-theme="dark"] .cart-list .product-quantity {
  background: #1a2235 !important;
  border-color: #243041 !important;
  color: #E6EAF0 !important;
}

html[data-theme="dark"] .cart-list .product-quantity:focus {
  background: #243041 !important;
  border-color: #60a5fa !important;
  color: #E6EAF0 !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(96, 165, 250, 0.2) !important;
}

/* Table summary rows */
html[data-theme="dark"] .cart-list .shopping-chat-table-bottom {
  background: #1a2235 !important;
}

html[data-theme="dark"] .cart-list .shopping-chat-table-bottom td {
  background: transparent !important;
  border-color: #243041 !important;
  color: #A8B3C2 !important;
}

html[data-theme="dark"] .cart-list .shopping-chat-table-bottom .text-success {
  color: #4ade80 !important;
}

html[data-theme="dark"] .cart-list .shopping-chat-table-bottom .text-info {
  color: #60a5fa !important;
}

html[data-theme="dark"] .cart-list .shopping-chat-table-bottom .text-muted {
  color: #A8B3C2 !important;
}

/* Override any white backgrounds on table rows */
html[data-theme="dark"] .cart-list .table tbody tr[style*="background"] {
  background: #1a2235 !important;
}

html[data-theme="dark"] .cart-list .table tbody tr[style*="background"]:hover {
  background: #243041 !important;
}

html[data-theme="dark"] .cart-list .table tbody td[style*="background"] {
  background: transparent !important;
}

/* Buttons */
html[data-theme="dark"] .cart-list .btn-label {
  color: #E6EAF0 !important;
  border-color: #243041 !important;
  background: #1a2235 !important;
}

html[data-theme="dark"] .cart-list .btn-label:hover {
  background: #243041 !important;
  border-color: #3d4f5f !important;
  color: #fff !important;
}

html[data-theme="dark"] .cart-list .btn-label.nexttab {
  background: #4ade80 !important;
  border-color: #4ade80 !important;
  color: #121826 !important;
}

html[data-theme="dark"] .cart-list .btn-label.nexttab:hover {
  background: #22c55e !important;
  border-color: #22c55e !important;
}

html[data-theme="dark"] .cart-list .btn-label i {
  color: inherit !important;
}

/* Empty state */
html[data-theme="dark"] .cart-list .table td[colspan] {
  color: #A8B3C2 !important;
}

/* Scrollbar for cart table */
html[data-theme="dark"] .cart-list .table-responsive::-webkit-scrollbar-track {
  background: #121826 !important;
}

html[data-theme="dark"] .cart-list .table-responsive::-webkit-scrollbar-thumb {
  background: #243041 !important;
  border-radius: 30px;
}

html[data-theme="dark"] .cart-list .table-responsive::-webkit-scrollbar-thumb:hover {
  background: #3d4f5f !important;
}

/* ========== User Dashboard Pages - Dark Theme ========== */
/* Common elements for all user dashboard pages (Order History, Wishlist, Reviews, Support Tickets, Profile, Account Management) */

/* Section container */
html[data-theme="dark"] section.pb-80 {
  background: transparent !important;
}

/* Cards - All user dashboard pages */
html[data-theme="dark"] section.pb-80 .card,
html[data-theme="dark"] .container .card {
  background: #121826 !important;
  border-color: #243041 !important;
  color: #E6EAF0 !important;
}

html[data-theme="dark"] section.pb-80 .card-header,
html[data-theme="dark"] .container .card-header {
  background: #1a2235 !important;
  border-bottom-color: #243041 !important;
  border-color: #243041 !important;
  color: #E6EAF0 !important;
}

html[data-theme="dark"] section.pb-80 .card-header[style*="background"],
html[data-theme="dark"] .container .card-header[style*="background"] {
  background: #1a2235 !important;
}

html[data-theme="dark"] section.pb-80 .card-body,
html[data-theme="dark"] .container .card-body {
  background: #121826 !important;
  color: #E6EAF0 !important;
}

html[data-theme="dark"] section.pb-80 .card-title,
html[data-theme="dark"] .container .card-title,
html[data-theme="dark"] section.pb-80 .card-header h4,
html[data-theme="dark"] .container .card-header h4 {
  color: #E6EAF0 !important;
}

html[data-theme="dark"] section.pb-80 .card-title[style*="color"],
html[data-theme="dark"] .container .card-title[style*="color"] {
  color: #E6EAF0 !important;
}

/* View more button */
html[data-theme="dark"] section.pb-80 .view-more-btn,
html[data-theme="dark"] .container .view-more-btn {
  color: #A8B3C2 !important;
  border-color: #243041 !important;
  background: transparent !important;
}

html[data-theme="dark"] section.pb-80 .view-more-btn:hover,
html[data-theme="dark"] .container .view-more-btn:hover {
  color: #E6EAF0 !important;
  border-color: #3d4f5f !important;
  background: #243041 !important;
}

/* Tables - All user dashboard pages */
html[data-theme="dark"] section.pb-80 .table,
html[data-theme="dark"] .container .table {
  color: #E6EAF0 !important;
  background: #121826 !important;
}

html[data-theme="dark"] section.pb-80 .table thead.table-light,
html[data-theme="dark"] .container .table thead.table-light,
html[data-theme="dark"] section.pb-80 .table thead,
html[data-theme="dark"] .container .table thead {
  background: #1a2235 !important;
  border-color: #243041 !important;
}

html[data-theme="dark"] section.pb-80 .table thead th,
html[data-theme="dark"] .container .table thead th {
  color: #A8B3C2 !important;
  border-color: #243041 !important;
  background: transparent !important;
}

html[data-theme="dark"] section.pb-80 .table tbody,
html[data-theme="dark"] .container .table tbody {
  background: #121826 !important;
}

html[data-theme="dark"] section.pb-80 .table tbody tr,
html[data-theme="dark"] .container .table tbody tr {
  background: #1a2235 !important;
  border-color: #243041 !important;
}

html[data-theme="dark"] section.pb-80 .table tbody tr:hover,
html[data-theme="dark"] .container .table tbody tr:hover {
  background: #243041 !important;
}

html[data-theme="dark"] section.pb-80 .table tbody tr.tr-item,
html[data-theme="dark"] .container .table tbody tr.tr-item {
  background: #1a2235 !important;
}

html[data-theme="dark"] section.pb-80 .table tbody tr.tr-item:hover,
html[data-theme="dark"] .container .table tbody tr.tr-item:hover {
  background: #243041 !important;
}

html[data-theme="dark"] section.pb-80 .table td,
html[data-theme="dark"] .container .table td {
  background: transparent !important;
  border-color: #243041 !important;
  color: #E6EAF0 !important;
}

html[data-theme="dark"] section.pb-80 .table tbody tr td,
html[data-theme="dark"] .container .table tbody tr td {
  background: transparent !important;
}

/* Product info in tables */
html[data-theme="dark"] section.pb-80 .wishlist-product-info .product-title,
html[data-theme="dark"] .container .wishlist-product-info .product-title,
html[data-theme="dark"] section.pb-80 .wishlist-product-info .product-title a,
html[data-theme="dark"] .container .wishlist-product-info .product-title a {
  color: #E6EAF0 !important;
}

html[data-theme="dark"] section.pb-80 .wishlist-product-info .product-title a:hover,
html[data-theme="dark"] .container .wishlist-product-info .product-title a:hover {
  color: #60a5fa !important;
}

html[data-theme="dark"] section.pb-80 .wishlist-product-img img,
html[data-theme="dark"] .container .wishlist-product-img img {
  border-color: #243041 !important;
}

html[data-theme="dark"] section.pb-80 .ratting,
html[data-theme="dark"] .container .ratting {
  color: #A8B3C2 !important;
}

html[data-theme="dark"] section.pb-80 .ratting i,
html[data-theme="dark"] .container .ratting i {
  color: #fbbf24 !important;
}

/* Form elements */
html[data-theme="dark"] section.pb-80 .form-control,
html[data-theme="dark"] .container .form-control,
html[data-theme="dark"] section.pb-80 .form-select,
html[data-theme="dark"] .container .form-select {
  background: #1a2235 !important;
  border-color: #243041 !important;
  color: #E6EAF0 !important;
}

html[data-theme="dark"] section.pb-80 .form-control:focus,
html[data-theme="dark"] .container .form-control:focus,
html[data-theme="dark"] section.pb-80 .form-select:focus,
html[data-theme="dark"] .container .form-select:focus {
  background: #243041 !important;
  border-color: #60a5fa !important;
  color: #E6EAF0 !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(96, 165, 250, 0.2) !important;
}

html[data-theme="dark"] section.pb-80 .form-control::placeholder,
html[data-theme="dark"] .container .form-control::placeholder {
  color: #6b7280 !important;
}

html[data-theme="dark"] section.pb-80 .form-control:disabled,
html[data-theme="dark"] .container .form-control:disabled,
html[data-theme="dark"] section.pb-80 .form-select:disabled,
html[data-theme="dark"] .container .form-select:disabled {
  background: #243041 !important;
  opacity: 0.6 !important;
  cursor: not-allowed !important;
}

html[data-theme="dark"] section.pb-80 .form-label,
html[data-theme="dark"] .container .form-label {
  color: #E6EAF0 !important;
}

html[data-theme="dark"] section.pb-80 .form-check-label,
html[data-theme="dark"] .container .form-check-label {
  color: #E6EAF0 !important;
}

html[data-theme="dark"] section.pb-80 .form-check-input,
html[data-theme="dark"] .container .form-check-input {
  background-color: #1a2235 !important;
  border-color: #243041 !important;
}

html[data-theme="dark"] section.pb-80 .form-check-input:checked,
html[data-theme="dark"] .container .form-check-input:checked {
  background-color: #60a5fa !important;
  border-color: #60a5fa !important;
}

/* Badges */
html[data-theme="dark"] section.pb-80 .badge,
html[data-theme="dark"] .container .badge {
  border-color: #243041 !important;
}

html[data-theme="dark"] section.pb-80 .badge.bg-success,
html[data-theme="dark"] .container .badge.bg-success {
  background: #243041 !important;
  border: 1px solid #3d4f5f !important;
  color: #4ade80 !important;
}

html[data-theme="dark"] section.pb-80 .badge.bg-light,
html[data-theme="dark"] .container .badge.bg-light {
  background: #243041 !important;
  color: #E6EAF0 !important;
}

html[data-theme="dark"] section.pb-80 .badge-soft-primary,
html[data-theme="dark"] .container .badge-soft-primary {
  background: rgba(96, 165, 250, 0.2) !important;
  color: #60a5fa !important;
  border-color: rgba(96, 165, 250, 0.3) !important;
}

html[data-theme="dark"] section.pb-80 .badge-soft-info,
html[data-theme="dark"] .container .badge-soft-info {
  background: rgba(96, 165, 250, 0.2) !important;
  color: #60a5fa !important;
  border-color: rgba(96, 165, 250, 0.3) !important;
}

html[data-theme="dark"] section.pb-80 .badge-soft-warning,
html[data-theme="dark"] .container .badge-soft-warning {
  background: rgba(251, 191, 36, 0.2) !important;
  color: #fbbf24 !important;
  border-color: rgba(251, 191, 36, 0.3) !important;
}

html[data-theme="dark"] section.pb-80 .badge-soft-success,
html[data-theme="dark"] .container .badge-soft-success {
  background: rgba(74, 222, 128, 0.2) !important;
  color: #4ade80 !important;
  border-color: rgba(74, 222, 128, 0.3) !important;
}

html[data-theme="dark"] section.pb-80 .badge-soft-danger,
html[data-theme="dark"] .container .badge-soft-danger {
  background: rgba(220, 53, 69, 0.2) !important;
  color: #f87171 !important;
  border-color: rgba(220, 53, 69, 0.3) !important;
}

html[data-theme="dark"] section.pb-80 .badge.bg-success,
html[data-theme="dark"] .container .badge.bg-success {
  background: rgba(74, 222, 128, 0.2) !important;
  color: #4ade80 !important;
}

html[data-theme="dark"] section.pb-80 .badge.bg-danger,
html[data-theme="dark"] .container .badge.bg-danger {
  background: rgba(220, 53, 69, 0.2) !important;
  color: #f87171 !important;
}

/* Buttons */
html[data-theme="dark"] section.pb-80 .btn,
html[data-theme="dark"] .container .btn {
  border-color: #243041 !important;
}

html[data-theme="dark"] section.pb-80 .btn-primary,
html[data-theme="dark"] .container .btn-primary {
  background: #60a5fa !important;
  border-color: #60a5fa !important;
  color: #121826 !important;
}

html[data-theme="dark"] section.pb-80 .btn-primary:hover,
html[data-theme="dark"] .container .btn-primary:hover {
  background: #3b82f6 !important;
  border-color: #3b82f6 !important;
}

html[data-theme="dark"] section.pb-80 .btn-success,
html[data-theme="dark"] .container .btn-success {
  background: #4ade80 !important;
  border-color: #4ade80 !important;
  color: #121826 !important;
}

html[data-theme="dark"] section.pb-80 .btn-success:hover,
html[data-theme="dark"] .container .btn-success:hover {
  background: #22c55e !important;
  border-color: #22c55e !important;
}

html[data-theme="dark"] section.pb-80 .btn-danger,
html[data-theme="dark"] .container .btn-danger {
  background: #f87171 !important;
  border-color: #f87171 !important;
  color: #fff !important;
}

html[data-theme="dark"] section.pb-80 .btn-danger:hover,
html[data-theme="dark"] .container .btn-danger:hover {
  background: #ef4444 !important;
  border-color: #ef4444 !important;
}

html[data-theme="dark"] section.pb-80 .btn-warning,
html[data-theme="dark"] .container .btn-warning {
  background: #fbbf24 !important;
  border-color: #fbbf24 !important;
  color: #121826 !important;
}

html[data-theme="dark"] section.pb-80 .btn-warning:hover,
html[data-theme="dark"] .container .btn-warning:hover {
  background: #f59e0b !important;
  border-color: #f59e0b !important;
}

html[data-theme="dark"] section.pb-80 .btn-secondary,
html[data-theme="dark"] .container .btn-secondary {
  background: #3d4f5f !important;
  border-color: #3d4f5f !important;
  color: #E6EAF0 !important;
}

html[data-theme="dark"] section.pb-80 .btn-secondary:hover,
html[data-theme="dark"] .container .btn-secondary:hover {
  background: #4a5f75 !important;
  border-color: #4a5f75 !important;
}

html[data-theme="dark"] section.pb-80 .address-btn,
html[data-theme="dark"] .container .address-btn,
html[data-theme="dark"] section.pb-80 .wave-btn,
html[data-theme="dark"] .container .wave-btn,
html[data-theme="dark"] section.pb-80 .all-campaign-btn,
html[data-theme="dark"] .container .all-campaign-btn {
  background: #60a5fa !important;
  border-color: #60a5fa !important;
  color: #121826 !important;
}

html[data-theme="dark"] section.pb-80 .address-btn:hover,
html[data-theme="dark"] .container .address-btn:hover,
html[data-theme="dark"] section.pb-80 .wave-btn:hover,
html[data-theme="dark"] .container .wave-btn:hover,
html[data-theme="dark"] section.pb-80 .all-campaign-btn:hover,
html[data-theme="dark"] .container .all-campaign-btn:hover {
  background: #3b82f6 !important;
  border-color: #3b82f6 !important;
}

/* Text colors */
html[data-theme="dark"] section.pb-80 .text-muted,
html[data-theme="dark"] .container .text-muted {
  color: #A8B3C2 !important;
}

html[data-theme="dark"] section.pb-80 .text-primary,
html[data-theme="dark"] .container .text-primary {
  color: #60a5fa !important;
}

html[data-theme="dark"] section.pb-80 .text-success,
html[data-theme="dark"] .container .text-success {
  color: #4ade80 !important;
}

html[data-theme="dark"] section.pb-80 .text-danger,
html[data-theme="dark"] .container .text-danger {
  color: #f87171 !important;
}

html[data-theme="dark"] section.pb-80 .text-info,
html[data-theme="dark"] .container .text-info {
  color: #60a5fa !important;
}

html[data-theme="dark"] section.pb-80 .text-warning,
html[data-theme="dark"] .container .text-warning {
  color: #fbbf24 !important;
}

/* Dashboard Overview Cards */
html[data-theme="dark"] .dashboard-overview {
  background: transparent !important;
}

html[data-theme="dark"] .overview-card {
  background: #1a2235 !important;
  border-color: #243041 !important;
  color: #E6EAF0 !important;
}

html[data-theme="dark"] .overview-card .icon {
  color: #60a5fa !important;
}

html[data-theme="dark"] .overview-card h5 {
  color: #E6EAF0 !important;
}

html[data-theme="dark"] .overview-card p {
  color: #A8B3C2 !important;
}

/* Pagination */
html[data-theme="dark"] section.pb-80 .pagination,
html[data-theme="dark"] .container .pagination {
  background: transparent !important;
}

html[data-theme="dark"] section.pb-80 .page-link,
html[data-theme="dark"] .container .page-link {
  background: #1a2235 !important;
  border-color: #243041 !important;
  color: #E6EAF0 !important;
}

html[data-theme="dark"] section.pb-80 .page-link:hover,
html[data-theme="dark"] .container .page-link:hover {
  background: #243041 !important;
  border-color: #3d4f5f !important;
  color: #fff !important;
}

html[data-theme="dark"] section.pb-80 .page-item.active .page-link,
html[data-theme="dark"] .container .page-item.active .page-link {
  background: #60a5fa !important;
  border-color: #60a5fa !important;
  color: #121826 !important;
}

html[data-theme="dark"] section.pb-80 .page-item.disabled .page-link,
html[data-theme="dark"] .container .page-item.disabled .page-link {
  background: #243041 !important;
  border-color: #243041 !important;
  color: #6b7280 !important;
  opacity: 0.5 !important;
}

/* Modals */
html[data-theme="dark"] section.pb-80 .modal-content,
html[data-theme="dark"] .container .modal-content,
html[data-theme="dark"] .modal-content {
  background: #121826 !important;
  border-color: #243041 !important;
  color: #E6EAF0 !important;
}

html[data-theme="dark"] section.pb-80 .modal-header,
html[data-theme="dark"] .container .modal-header,
html[data-theme="dark"] .modal-header {
  background: #1a2235 !important;
  border-bottom-color: #243041 !important;
  color: #E6EAF0 !important;
}

html[data-theme="dark"] section.pb-80 .modal-header.bg-warning,
html[data-theme="dark"] .container .modal-header.bg-warning,
html[data-theme="dark"] .modal-header.bg-warning {
  background: rgba(251, 191, 36, 0.2) !important;
  color: #fbbf24 !important;
}

html[data-theme="dark"] section.pb-80 .modal-header.bg-danger,
html[data-theme="dark"] .container .modal-header.bg-danger,
html[data-theme="dark"] .modal-header.bg-danger {
  background: rgba(220, 53, 69, 0.2) !important;
  color: #f87171 !important;
}

html[data-theme="dark"] section.pb-80 .modal-body,
html[data-theme="dark"] .container .modal-body,
html[data-theme="dark"] .modal-body {
  background: #121826 !important;
  color: #E6EAF0 !important;
}

html[data-theme="dark"] section.pb-80 .modal-footer,
html[data-theme="dark"] .container .modal-footer,
html[data-theme="dark"] .modal-footer {
  background: #121826 !important;
  border-top-color: #243041 !important;
}

html[data-theme="dark"] section.pb-80 .modal-title,
html[data-theme="dark"] .container .modal-title,
html[data-theme="dark"] .modal-title {
  color: #E6EAF0 !important;
}

html[data-theme="dark"] section.pb-80 .modal-title h3,
html[data-theme="dark"] .container .modal-title h3,
html[data-theme="dark"] .modal-title h3 {
  color: #E6EAF0 !important;
}

html[data-theme="dark"] section.pb-80 .modal-closer,
html[data-theme="dark"] .container .modal-closer,
html[data-theme="dark"] .modal-closer {
  background: #243041 !important;
  border-color: #243041 !important;
  color: #E6EAF0 !important;
}

html[data-theme="dark"] section.pb-80 .modal-closer:hover,
html[data-theme="dark"] .container .modal-closer:hover,
html[data-theme="dark"] .modal-closer:hover {
  background: #3d4f5f !important;
  color: #fff !important;
}

html[data-theme="dark"] section.pb-80 .btn-close,
html[data-theme="dark"] .container .btn-close,
html[data-theme="dark"] .btn-close {
  filter: invert(1) !important;
}

/* Alerts */
html[data-theme="dark"] section.pb-80 .alert,
html[data-theme="dark"] .container .alert {
  background: #1a2235 !important;
  border-color: #243041 !important;
  color: #E6EAF0 !important;
}

html[data-theme="dark"] section.pb-80 .alert-warning,
html[data-theme="dark"] .container .alert-warning {
  background: rgba(251, 191, 36, 0.15) !important;
  border-color: rgba(251, 191, 36, 0.3) !important;
  color: #fbbf24 !important;
}

html[data-theme="dark"] section.pb-80 .alert-danger,
html[data-theme="dark"] .container .alert-danger {
  background: rgba(220, 53, 69, 0.15) !important;
  border-color: rgba(220, 53, 69, 0.3) !important;
  color: #f87171 !important;
}

html[data-theme="dark"] section.pb-80 .alert-info,
html[data-theme="dark"] .container .alert-info {
  background: rgba(96, 165, 250, 0.15) !important;
  border-color: rgba(96, 165, 250, 0.3) !important;
  color: #60a5fa !important;
}

html[data-theme="dark"] section.pb-80 .alert-success,
html[data-theme="dark"] .container .alert-success {
  background: rgba(74, 222, 128, 0.15) !important;
  border-color: rgba(74, 222, 128, 0.3) !important;
  color: #4ade80 !important;
}

html[data-theme="dark"] section.pb-80 .alert h5,
html[data-theme="dark"] .container .alert h5 {
  color: inherit !important;
}

html[data-theme="dark"] section.pb-80 .alert p,
html[data-theme="dark"] .container .alert p {
  color: #A8B3C2 !important;
}

/* Account Management specific styles */
html[data-theme="dark"] .am-card {
  background: #121826 !important;
  border-color: #243041 !important;
}

html[data-theme="dark"] .am-card-header {
  background: #1a2235 !important;
  border-bottom-color: #243041 !important;
  color: #E6EAF0 !important;
}

html[data-theme="dark"] .am-card-header h4 {
  color: #E6EAF0 !important;
}

html[data-theme="dark"] .am-card-header h4 i {
  color: #60a5fa !important;
}

html[data-theme="dark"] .am-muted {
  color: #A8B3C2 !important;
}

html[data-theme="dark"] .am-stat .card {
  background: #1a2235 !important;
  border-color: #243041 !important;
}

html[data-theme="dark"] .am-stat .card-body {
  background: transparent !important;
  color: #E6EAF0 !important;
}

html[data-theme="dark"] .am-stat .card-body h5 {
  color: #E6EAF0 !important;
}

html[data-theme="dark"] .am-stat .card-body p {
  color: #A8B3C2 !important;
}

html[data-theme="dark"] .am-stat .text-primary {
  color: #60a5fa !important;
}

html[data-theme="dark"] .am-stat .text-info {
  color: #60a5fa !important;
}

html[data-theme="dark"] .am-action.card {
  background: #121826 !important;
  border-color: #243041 !important;
}

html[data-theme="dark"] .am-action.border-warning {
  border-color: rgba(251, 191, 36, 0.3) !important;
}

html[data-theme="dark"] .am-action.border-danger {
  border-color: rgba(220, 53, 69, 0.3) !important;
}

html[data-theme="dark"] .am-action .card-header {
  background: #1a2235 !important;
  border-bottom-color: #243041 !important;
  color: #E6EAF0 !important;
}

html[data-theme="dark"] .am-action .card-body {
  background: transparent !important;
  color: #E6EAF0 !important;
}

html[data-theme="dark"] .am-action .card-body p,
html[data-theme="dark"] .am-action .card-body ul {
  color: #A8B3C2 !important;
}

html[data-theme="dark"] .am-action .btn-warning {
  background: #fbbf24 !important;
  border-color: #fbbf24 !important;
  color: #121826 !important;
}

html[data-theme="dark"] .am-action .btn-warning:hover {
  background: #f59e0b !important;
  border-color: #f59e0b !important;
}

html[data-theme="dark"] .am-action .btn-danger {
  background: #f87171 !important;
  border-color: #f87171 !important;
  color: #fff !important;
}

html[data-theme="dark"] .am-action .btn-danger:hover {
  background: #ef4444 !important;
  border-color: #ef4444 !important;
}

html[data-theme="dark"] .am-chip {
  background: rgba(0, 189, 191, 0.2) !important;
  color: #00bdbf !important;
  border-color: rgba(0, 189, 191, 0.3) !important;
}

/* Account Management button */
html[data-theme="dark"] .account-mgmt-btn {
  background: #1a2235 !important;
  border-color: #243041 !important;
  color: #E6EAF0 !important;
}

html[data-theme="dark"] .account-mgmt-btn:hover {
  background: #243041 !important;
  border-color: #00bdbf !important;
  color: #00bdbf !important;
}

html[data-theme="dark"] .account-mgmt-btn .icon {
  background: #243041 !important;
  color: #60a5fa !important;
}

html[data-theme="dark"] .account-mgmt-btn:hover .icon {
  background: #00bdbf !important;
  color: #fff !important;
}

/* Quantity buttons in wishlist */
html[data-theme="dark"] section.pb-80 .quantitybutton,
html[data-theme="dark"] .container .quantitybutton {
  background: #243041 !important;
  border-color: #3d4f5f !important;
  color: #E6EAF0 !important;
}

html[data-theme="dark"] section.pb-80 .quantitybutton:hover,
html[data-theme="dark"] .container .quantitybutton:hover {
  background: #3d4f5f !important;
  color: #fff !important;
}

html[data-theme="dark"] section.pb-80 #quantity,
html[data-theme="dark"] .container #quantity {
  background: #1a2235 !important;
  border-color: #243041 !important;
  color: #E6EAF0 !important;
}

html[data-theme="dark"] section.pb-80 #quantity:focus,
html[data-theme="dark"] .container #quantity:focus {
  background: #243041 !important;
  border-color: #60a5fa !important;
  color: #E6EAF0 !important;
}

/* Empty state */
html[data-theme="dark"] section.pb-80 .table td[colspan],
html[data-theme="dark"] .container .table td[colspan] {
  color: #A8B3C2 !important;
}

html[data-theme="dark"] section.pb-80 .table td[colspan] p,
html[data-theme="dark"] .container .table td[colspan] p {
  color: #A8B3C2 !important;
}

/* Links */
html[data-theme="dark"] section.pb-80 a:not(.btn):not(.badge),
html[data-theme="dark"] .container a:not(.btn):not(.badge) {
  color: #60a5fa !important;
}

html[data-theme="dark"] section.pb-80 a:not(.btn):not(.badge):hover,
html[data-theme="dark"] .container a:not(.btn):not(.badge):hover {
  color: #93c5fd !important;
}

/* Scrollbar for tables */
html[data-theme="dark"] section.pb-80 .table-responsive::-webkit-scrollbar-track,
html[data-theme="dark"] .container .table-responsive::-webkit-scrollbar-track {
  background: #121826 !important;
}

html[data-theme="dark"] section.pb-80 .table-responsive::-webkit-scrollbar-thumb,
html[data-theme="dark"] .container .table-responsive::-webkit-scrollbar-thumb {
  background: #243041 !important;
  border-radius: 30px;
}

html[data-theme="dark"] section.pb-80 .table-responsive::-webkit-scrollbar-thumb:hover,
html[data-theme="dark"] .container .table-responsive::-webkit-scrollbar-thumb:hover {
  background: #3d4f5f !important;
}

/* ========== Dashboard Sidebar Widgets - Dark Theme ========== */
html[data-theme="dark"] .dashboard-widget-bar {
  background: transparent !important;
}

html[data-theme="dark"] .dashboard-widget {
  background: #1a2235 !important;
  border-color: #243041 !important;
  color: #E6EAF0 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
}

html[data-theme="dark"] .dashboard-widget .widget-title {
  color: #E6EAF0 !important;
}

html[data-theme="dark"] .dashboard-widget .widget-count {
  color: #A8B3C2 !important;
}

html[data-theme="dark"] .dashboard-widget .widget-icon {
  background: #243041 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
}

/* Widget icon colors - maintain brand colors but adjust for dark theme */
html[data-theme="dark"] .dashboard-widget[data-type="wishlist"] .widget-icon {
  color: #ff7a7a !important;
}

html[data-theme="dark"] .dashboard-widget[data-type="cart"] .widget-icon {
  color: #f7b731 !important;
}

html[data-theme="dark"] .dashboard-widget[data-type="ticket"] .widget-icon {
  color: #a78bfa !important;
}

html[data-theme="dark"] .dashboard-widget[data-type="review"] .widget-icon {
  color: #4ade80 !important;
}

html[data-theme="dark"] .dashboard-widget[data-type="profile"] .widget-icon {
  color: #94a3b8 !important;
}

html[data-theme="dark"] .dashboard-widget[data-type="account"] .widget-icon {
  color: #60a5fa !important;
}

html[data-theme="dark"] .dashboard-widget[data-type="logout"] .widget-icon {
  color: #94a3b8 !important;
}

html[data-theme="dark"] .dashboard-widget[data-type="dashboard"] .widget-icon {
  color: #fb923c !important;
}

/* Active and hover states */
html[data-theme="dark"] .dashboard-widget.active,
html[data-theme="dark"] .dashboard-widget:hover {
  background: #243041 !important;
  border-color: #00bdbf !important;
  color: #E6EAF0 !important;
  box-shadow: 0 4px 12px rgba(0, 189, 191, 0.2) !important;
}

html[data-theme="dark"] .dashboard-widget.active .widget-icon,
html[data-theme="dark"] .dashboard-widget:hover .widget-icon {
  background: #00bdbf !important;
  color: #fff !important;
  box-shadow: 0 2px 8px rgba(0, 189, 191, 0.3) !important;
}

html[data-theme="dark"] .dashboard-widget.active .widget-title,
html[data-theme="dark"] .dashboard-widget:hover .widget-title {
  color: #E6EAF0 !important;
}

html[data-theme="dark"] .dashboard-widget.active .widget-count,
html[data-theme="dark"] .dashboard-widget:hover .widget-count {
  color: #A8B3C2 !important;
}

/* Special active state for cart widget (cyan border) */
html[data-theme="dark"] .dashboard-widget[data-type="cart"].active {
  border-color: #00bdbf !important;
  background: rgba(0, 189, 191, 0.1) !important;
}

html[data-theme="dark"] .dashboard-widget[data-type="cart"].active .widget-icon {
  background: #00bdbf !important;
  color: #fff !important;
}
  background: #2d3d52 !important;
}

/* --- Top bar (above header) --- */
html[data-theme="dark"] .header-gradient .container-xxl.py-3 {
  background: transparent !important;
}

/* --- Contact Page (/contact) – dark theme --- */
html[data-theme="dark"] .contact-section {
  background: #0B0F14 !important;
  color: #E6EAF0 !important;
}

html[data-theme="dark"] .contact-section .section-title h3,
html[data-theme="dark"] .contact-section .title-left-content h3 {
  color: #E6EAF0 !important;
}

html[data-theme="dark"] .contact-section .section-title p,
html[data-theme="dark"] .contact-section .title-left-content p {
  color: #A8B3C2 !important;
}

/* Contact Form */
html[data-theme="dark"] .form-wrapper {
  background: #121826 !important;
  border: 1px solid #243041 !important;
  border-radius: 12px !important;
  padding: 2rem !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.25) !important;
}

html[data-theme="dark"] .contact-form .form-label {
  color: #E6EAF0 !important;
}

html[data-theme="dark"] .contact-form .form-control {
  background: #1a2235 !important;
  border: 1px solid #243041 !important;
  color: #E6EAF0 !important;
  border-radius: 8px !important;
}

html[data-theme="dark"] .contact-form .form-control:focus {
  background: #1a2235 !important;
  border-color: #149bb3 !important;
  color: #E6EAF0 !important;
  box-shadow: 0 0 0 0.2rem rgba(20, 155, 179, 0.25) !important;
}

html[data-theme="dark"] .contact-form .form-control::placeholder {
  color: #6c757d !important;
}

html[data-theme="dark"] .contact-form textarea.form-control {
  background: #1a2235 !important;
  border-color: #243041 !important;
  color: #E6EAF0 !important;
  resize: vertical !important;
}

html[data-theme="dark"] .contact-form textarea.form-control:focus {
  background: #1a2235 !important;
  border-color: #149bb3 !important;
  color: #E6EAF0 !important;
}

html[data-theme="dark"] .form-submit-btn {
  background: linear-gradient(135deg, #149bb3, #5eead4) !important;
  border: none !important;
  color: #fff !important;
  border-radius: 8px !important;
  padding: 12px 32px !important;
  font-weight: 600 !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 4px 12px rgba(20, 155, 179, 0.3) !important;
}

html[data-theme="dark"] .form-submit-btn:hover {
  background: linear-gradient(135deg, #5eead4, #149bb3) !important;
  box-shadow: 0 6px 16px rgba(20, 155, 179, 0.4) !important;
  transform: translateY(-2px) !important;
}

html[data-theme="dark"] .form-submit-btn:active {
  transform: translateY(0) !important;
}

/* Contact Info Section (Right Side) */
html[data-theme="dark"] .form-image-wrapper.contact-bg {
  position: relative !important;
  overflow: hidden !important;
  /* Orijinal background image'ı koru - app.blade.php'deki inline style'ı override etme */
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  /* Background image'ı daha koyu göster */
  filter: brightness(0.6) contrast(1.1) !important;
}

/* ::before pseudo-element - orijinal gradient overlay'i daha koyu yap */
html[data-theme="dark"] .form-image-wrapper.contact-bg::before {
  background: linear-gradient(
    170deg,
    rgba(255, 255, 255, 0.08),
    rgba(255, 255, 255, 0.01)
  ) !important;
}

/* ::after pseudo-element - daha koyu overlay ama background image görünsün */
html[data-theme="dark"] .form-image-wrapper.contact-bg::after {
  background-color: rgba(0, 0, 0, 0.65) !important;
}

html[data-theme="dark"] .contact-list {
  position: relative !important;
  z-index: 1 !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

html[data-theme="dark"] .contact-list li {
  margin-bottom: 2rem !important;
  padding: 1.5rem !important;
  background: rgba(18, 24, 38, 0.6) !important;
  border: 1px solid rgba(36, 48, 65, 0.5) !important;
  border-radius: 8px !important;
  backdrop-filter: blur(10px) !important;
  transition: all 0.3s ease !important;
}

html[data-theme="dark"] .contact-list li:hover {
  background: rgba(26, 34, 53, 0.8) !important;
  border-color: #149bb3 !important;
  box-shadow: 0 4px 12px rgba(20, 155, 179, 0.2) !important;
  transform: translateY(-2px) !important;
}

html[data-theme="dark"] .contact-list .icon {
  background: rgba(20, 155, 179, 0.2) !important;
  border: 1px solid rgba(20, 155, 179, 0.4) !important;
  border-radius: 50% !important;
  width: 50px !important;
  height: 50px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 1rem !important;
}

html[data-theme="dark"] .contact-list .icon i {
  color: #5eead4 !important;
  font-size: 2rem !important;
}

html[data-theme="dark"] .contact-list .content span {
  color: #A8B3C2 !important;
  font-size: 1.2rem !important;
  font-weight: 500 !important;
  display: block !important;
  margin-bottom: 0.5rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

html[data-theme="dark"] .contact-list .content a {
  color: #E6EAF0 !important;
  font-size: 1.4rem !important;
  text-decoration: none !important;
  transition: color 0.3s ease !important;
}

html[data-theme="dark"] .contact-list .content a:hover {
  color: #5eead4 !important;
}

/* Breadcrumb Banner */
html[data-theme="dark"] .breadcrumb-banner {
  position: relative !important;
  overflow: hidden !important;
}

html[data-theme="dark"] .breadcrumb-banner .breadcrumb-banner-img {
  opacity: 0.4 !important;
  filter: brightness(0.4) !important;
}

html[data-theme="dark"] .breadcrumb-banner::after {
  background-color: rgba(5, 23, 43, 0.7) !important;
  background-blend-mode: multiply !important;
}

html[data-theme="dark"] .breadcrumb-banner .page-Breadcrumb {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  z-index: 1 !important;
  width: 100% !important;
}

html[data-theme="dark"] .breadcrumb-banner .breadcrumb-title {
  color: #E6EAF0 !important;
  font-size: 3.5rem !important;
  text-shadow: 0 2px 8px rgba(0,0,0,0.5) !important;
}

html[data-theme="dark"] .breadcrumb-banner .breadcrumb {
  background: transparent !important;
}

html[data-theme="dark"] .breadcrumb-banner .breadcrumb-item {
  color: #E6EAF0 !important;
}

html[data-theme="dark"] .breadcrumb-banner .breadcrumb-item a {
  color: #A8B3C2 !important;
}

html[data-theme="dark"] .breadcrumb-banner .breadcrumb-item a:hover {
  color: #E6EAF0 !important;
}

html[data-theme="dark"] .breadcrumb-banner .breadcrumb-item.active {
  color: #E6EAF0 !important;
}

html[data-theme="dark"] .breadcrumb-banner .breadcrumb-item + .breadcrumb-item::before {
  color: #A8B3C2 !important;
}

/* Map Section */
html[data-theme="dark"] .map-section {
  background: #0B0F14 !important;
  border-top: 1px solid #243041 !important;
}

html[data-theme="dark"] .map-section #map {
  filter: brightness(0.7) contrast(1.1) !important;
}

/* ========== Product Card Brand Badge - Unique Colors (Dark Theme) ========== */
/* Base brand badge style - %50 opacity, outline, canlı renkli yazı */
html[data-theme="dark"] .brand-badge {
  background: transparent !important;
  border: 1px solid !important;
  font-size: 0.75em !important;
  font-weight: 500 !important;
  padding: 4px 8px !important;
  border-radius: 4px !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
}

/* Bodrum - Purple */
html[data-theme="dark"] .brand-badge-bodrum,
html[data-theme="dark"] .brand-badge[class*="bodrum"] {
  background: rgba(109, 40, 217, 0.5) !important;
  color: #c4b5fd !important;
  border-color: #c4b5fd !important;
  box-shadow: 0 2px 4px rgba(109, 40, 217, 0.2) !important;
}

/* Melis - Purple */
html[data-theme="dark"] .brand-badge-melis,
html[data-theme="dark"] .brand-badge[class*="melis"] {
  background: rgba(124, 58, 237, 0.5) !important;
  color: #ddd6fe !important;
  border-color: #ddd6fe !important;
  box-shadow: 0 2px 4px rgba(124, 58, 237, 0.2) !important;
}

/* Sultanim - Purple */
html[data-theme="dark"] .brand-badge-sultanim,
html[data-theme="dark"] .brand-badge[class*="sultanim"] {
  background: rgba(139, 92, 246, 0.5) !important;
  color: #e9d5ff !important;
  border-color: #e9d5ff !important;
  box-shadow: 0 2px 4px rgba(139, 92, 246, 0.2) !important;
}

/* Gima - Orange */
html[data-theme="dark"] .brand-badge-gima,
html[data-theme="dark"] .brand-badge[class*="gima"] {
  background: rgba(255, 107, 53, 0.5) !important;
  color: #ffb74d !important;
  border-color: #ffb74d !important;
  box-shadow: 0 2px 4px rgba(255, 107, 53, 0.2) !important;
}

/* Coca Cola - Red */
html[data-theme="dark"] .brand-badge-cocacola,
html[data-theme="dark"] .brand-badge-coca,
html[data-theme="dark"] .brand-badge[class*="coca"] {
  background: rgba(220, 38, 38, 0.5) !important;
  color: #f87171 !important;
  border-color: #f87171 !important;
  box-shadow: 0 2px 4px rgba(220, 38, 38, 0.2) !important;
}

/* Pepsi - Blue */
html[data-theme="dark"] .brand-badge-pepsi,
html[data-theme="dark"] .brand-badge[class*="pepsi"] {
  background: rgba(37, 99, 235, 0.5) !important;
  color: #60a5fa !important;
  border-color: #60a5fa !important;
  box-shadow: 0 2px 4px rgba(37, 99, 235, 0.2) !important;
}

/* Nestle - Blue */
html[data-theme="dark"] .brand-badge-nestle,
html[data-theme="dark"] .brand-badge[class*="nestle"] {
  background: rgba(2, 132, 199, 0.5) !important;
  color: #7dd3fc !important;
  border-color: #7dd3fc !important;
  box-shadow: 0 2px 4px rgba(2, 132, 199, 0.2) !important;
}

/* Kraft - Blue */
html[data-theme="dark"] .brand-badge-kraft,
html[data-theme="dark"] .brand-badge[class*="kraft"] {
  background: rgba(14, 165, 233, 0.5) !important;
  color: #7dd3fc !important;
  border-color: #7dd3fc !important;
  box-shadow: 0 2px 4px rgba(14, 165, 233, 0.2) !important;
}

/* Heinz - Red */
html[data-theme="dark"] .brand-badge-heinz,
html[data-theme="dark"] .brand-badge[class*="heinz"] {
  background: rgba(185, 28, 28, 0.5) !important;
  color: #fca5a5 !important;
  border-color: #fca5a5 !important;
  box-shadow: 0 2px 4px rgba(185, 28, 28, 0.2) !important;
}

/* Takis - Red/Orange */
html[data-theme="dark"] .brand-badge-takis,
html[data-theme="dark"] .brand-badge[class*="takis"] {
  background: rgba(234, 88, 12, 0.5) !important;
  color: #fdba74 !important;
  border-color: #fdba74 !important;
  box-shadow: 0 2px 4px rgba(234, 88, 12, 0.2) !important;
}

/* Trolli - Green */
html[data-theme="dark"] .brand-badge-trolli,
html[data-theme="dark"] .brand-badge[class*="trolli"] {
  background: rgba(22, 163, 74, 0.5) !important;
  color: #86efac !important;
  border-color: #86efac !important;
  box-shadow: 0 2px 4px rgba(22, 163, 74, 0.2) !important;
}

/* Golden Eagle - Yellow/Orange */
html[data-theme="dark"] .brand-badge-goldeneagle,
html[data-theme="dark"] .brand-badge-golden,
html[data-theme="dark"] .brand-badge[class*="golden"] {
  background: rgba(245, 158, 11, 0.5) !important;
  color: #fcd34d !important;
  border-color: #fcd34d !important;
  box-shadow: 0 2px 4px rgba(245, 158, 11, 0.2) !important;
}

/* Hash-based unique colors for all brands in dark theme using data-brand-hue */
/* Colors are set by JavaScript, this is just a fallback */
html[data-theme="dark"] .brand-badge[data-brand-hue] {
  /* JavaScript will set inline styles */
}

/* Default fallback for unknown brands */
html[data-theme="dark"] .brand-badge:not([data-brand-hue]):not([class*="brand-badge-"]) {
  background: rgba(51, 51, 51, 0.5) !important;
  color: #E6EAF0 !important;
  border-color: #A8B3C2 !important;
}

/* Login to Buy Button - Dark Theme (navbar outline button style) */
html[data-theme="dark"] .login-to-buy-btn,
html[data-theme="dark"] button.login-to-buy-btn,
html[data-theme="dark"] .btn.login-to-buy-btn {
  background: rgba(255, 94, 0, 0.4) !important;
  color: #ffb74d !important;
  border: 1px solid #ffb74d !important;
  box-shadow: 0 2px 8px rgba(255, 94, 0, 0.2) !important;
  transition: all 0.3s ease !important;
  border-radius: 0 !important;
  padding: 12px 20px !important;
  font-weight: 600 !important;
  font-size: 1.4rem !important;
  text-align: center !important;
  width: 100% !important;
}

html[data-theme="dark"] .login-to-buy-btn:hover,
html[data-theme="dark"] button.login-to-buy-btn:hover,
html[data-theme="dark"] .btn.login-to-buy-btn:hover {
  background: rgba(255, 94, 0, 0.5) !important;
  color: #ffcc80 !important;
  border-color: #ffcc80 !important;
  box-shadow: 0 4px 12px rgba(255, 94, 0, 0.3) !important;
}

/* ========== Header Quick Login Inputs - Dark Theme ========== */
html[data-theme="dark"] #quick-login-email,
html[data-theme="dark"] #quick-login-password {
  background: rgba(36, 48, 65, 0.6) !important;
  border: 1px solid #6c757d !important;
  border-color: #6c757d !important;
  color: #E6EAF0 !important;
}

html[data-theme="dark"] #quick-login-email::placeholder,
html[data-theme="dark"] #quick-login-password::placeholder {
  color: #A8B3C2 !important;
}

html[data-theme="dark"] #quick-login-email:focus,
html[data-theme="dark"] #quick-login-password:focus {
  background: rgba(36, 48, 65, 0.8) !important;
  border-color: #52d89b !important;
  color: #E6EAF0 !important;
  box-shadow: 0 0 0 0.2rem rgba(82, 216, 155, 0.25) !important;
}

html[data-theme="dark"] #quick-login-email:focus::placeholder,
html[data-theme="dark"] #quick-login-password:focus::placeholder {
  color: #A8B3C2 !important;
}

/* Product card price colors (dark theme) */
html[data-theme="dark"] .product-card-offer-label {
  color: #ff6b6b !important;
}

html[data-theme="dark"] .product-card-price--discounted {
  color: #ff6b6b !important;
}

html[data-theme="dark"] .product-card-price--regular {
  color: #f5f5f5 !important;
}

html[data-theme="dark"] .product-card-unit,
html[data-theme="dark"] .product-card-each-price {
  color: #cbd5e1 !important;
}

/* Product card barcode (dark theme) */
html[data-theme="dark"] .product-card-barcode svg rect {
  fill: rgba(255, 255, 255, 0.8) !important;
}

html[data-theme="dark"] .product-card-barcode-text {
  color: rgba(255, 255, 255, 0.8) !important;
}