/* ============================================================
   ONLINE YEDEK PARCA - DARK MODE
   Kurumsal Renklere Uygun Dark Mode Stilleri
   ============================================================ */

/* Dark Mode CSS Değişkenleri */
:root {
    /* Light Mode (Default) */
    --bg-primary: #FFFFFF;
    --bg-secondary: #F4F4F4;
    --bg-tertiary: #FFFFFF;
    --text-primary: #111726;
    --text-secondary: #505050;
    --text-tertiary: #70747D;
    --border-color: #e2e2e2;
    --shadow-color: rgba(0, 0, 0, 0.1);
    /* Turuncu renkler dark mode'da da aynı kalacak */
    --oyp-primary: #FFA104;
    --oyp-primary-dark: #d88700;
    --oyp-primary-light: #ffb63b;
}

/* Dark Mode Aktifken */
[data-theme="dark"] {
    /* Arka Planlar */
    --bg-primary: #1a1d29;
    --bg-secondary: #242837;
    --bg-tertiary: #2d3142;
    --bg-card: #2d3142;
    --bg-hover: #363b50;
    /* Yazı Renkleri */
    --text-primary: #e8e9ed;
    --text-secondary: #b8bac4;
    --text-tertiary: #8a8d9a;
    /* Border ve Shadow */
    --border-color: #363b50;
    --shadow-color: rgba(0, 0, 0, 0.3);
    /* Kurumsal Turuncu Korunuyor */
    --oyp-primary: #FFA104;
    --oyp-primary-dark: #ffb63b;
    --oyp-primary-light: #d88700;
}

/* Smooth Transition */
* {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

/* Ana Sayfa Elementleri */
[data-theme="dark"] body {
    background-color: var(--bg-primary);
    color: var(--text-primary);
}

[data-theme="dark"] .bg-white {
    background-color: var(--bg-primary) !important;
}

[data-theme="dark"] .bg-light {
    background-color: var(--bg-secondary) !important;
}

[data-theme="dark"] .bg-oyp-light-gray {
    background-color: var(--bg-secondary) !important;
}

/* Yazı Renkleri */
[data-theme="dark"] .text-dark,
[data-theme="dark"] .text-oyp-dark {
    color: var(--text-primary) !important;
}

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

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

/* Header */
[data-theme="dark"] #header-logo {
    background-color: var(--bg-primary) !important;
    border-bottom-color: var(--border-color) !important;
}

[data-theme="dark"] header {
    background-color: var(--bg-primary);
}

/* Navigation */
[data-theme="dark"] .nav-link {
    color: var(--text-primary) !important;
}

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

/* Cards */
[data-theme="dark"] .card {
    background-color: var(--bg-card);
    border-color: var(--border-color);
    color: var(--text-primary);
}

[data-theme="dark"] .card-header {
    background-color: var(--bg-tertiary);
    border-bottom-color: var(--border-color);
    color: var(--text-primary);
}

[data-theme="dark"] .card-body {
    background-color: var(--bg-card);
    color: var(--text-primary);
}

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

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

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

    [data-theme="dark"] .card a:hover {
        color: var(--oyp-primary);
    }

[data-theme="dark"] .card .btn-oyp-cart {
    background-color: #FFA104 !important;
    color: #111726;
}

    [data-theme="dark"] .card .btn-oyp-cart:hover {
        background-color: #FFA104 !important;
        color: #111726;
    }

[data-theme="dark"] #header-logo a {
    color: #F4F4F4 !important;
}

/* Borders */
[data-theme="dark"] .border,
[data-theme="dark"] .border-bottom,
[data-theme="dark"] .border-top {
    border-color: var(--border-color) !important;
}

[data-theme="dark"] hr {
    border-color: var(--border-color);
    opacity: 0.3;
}

/* Buttons */
[data-theme="dark"] .btn-light {
    background-color: var(--bg-tertiary);
    border-color: var(--border-color);
    color: var(--text-primary);
}

    [data-theme="dark"] .btn-light:hover {
        background-color: var(--bg-hover);
        color: var(--text-primary);
    }

[data-theme="dark"] .btn-outline-secondary {
    border-color: var(--border-color);
    color: var(--text-primary);
}

    [data-theme="dark"] .btn-outline-secondary:hover {
        background-color: var(--bg-hover);
        border-color: var(--border-color);
    }

/* Turuncu butonlar aynı kalır */
[data-theme="dark"] .btn-warning,
[data-theme="dark"] .btn-oyp,
[data-theme="dark"] .btn-oyp-dark {
    /* Turuncu butonlar değişmez */
}

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

    [data-theme="dark"] .btn-link:hover {
        color: var(--oyp-primary);
    }

/* Forms */
[data-theme="dark"] .form-control {
    background-color: var(--bg-tertiary);
    border-color: var(--border-color);
    color: var(--text-primary);
}

    [data-theme="dark"] .form-control:focus {
        background-color: var(--bg-tertiary);
        color: var(--text-primary);
        border-color: var(--oyp-primary);
    }

    [data-theme="dark"] .form-control::placeholder {
        color: var(--text-tertiary);
    }

[data-theme="dark"] .form-select {
    background-color: var(--bg-tertiary);
    border-color: var(--border-color);
    color: var(--text-primary);
}

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

/* Search Box */
[data-theme="dark"] #inpLayoutSearch {
    background-color: var(--bg-tertiary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .search-wrapper {
    background-color: var(--bg-tertiary) !important;
}

/* Dropdowns */
[data-theme="dark"] .dropdown-menu {
    background-color: var(--bg-card);
    border-color: var(--border-color);
}

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

    [data-theme="dark"] .dropdown-item:hover {
        background-color: var(--bg-hover);
        color: var(--oyp-primary);
    }

[data-theme="dark"] .dropdown-divider {
    border-color: var(--border-color);
}

/* Modal */
[data-theme="dark"] .modal-content {
    background-color: var(--bg-card);
    color: var(--text-primary);
}

[data-theme="dark"] .modal-header {
    border-bottom-color: var(--border-color);
}

[data-theme="dark"] .modal-footer {
    border-top-color: var(--border-color);
}

/* Tables */
[data-theme="dark"] .table {
    color: var(--text-primary);
    border-color: var(--border-color);
}

    [data-theme="dark"] .table thead {
        background-color: var(--bg-tertiary);
        color: var(--text-primary);
    }

        [data-theme="dark"] .table thead th {
            color: var(--text-primary) !important;
            border-color: var(--border-color);
        }

    [data-theme="dark"] .table tbody {
        background-color: var(--bg-card);
        color: var(--text-primary);
    }

        [data-theme="dark"] .table tbody tr {
            background-color: var(--bg-card);
            color: var(--text-primary);
        }

        [data-theme="dark"] .table tbody td,
        [data-theme="dark"] .table tbody th {
            color: var(--text-primary) !important;
            border-color: var(--border-color);
        }

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

[data-theme="dark"] .table-striped tbody tr:nth-of-type(even) {
    background-color: var(--bg-card);
}

[data-theme="dark"] .table-hover tbody tr:hover {
    background-color: var(--bg-hover);
}

[data-theme="dark"] .table-bordered {
    border-color: var(--border-color);
}

    [data-theme="dark"] .table-bordered td,
    [data-theme="dark"] .table-bordered th {
        border-color: var(--border-color);
    }

/* All Tables - Genel Tablo Kuralı */
[data-theme="dark"] table {
    color: var(--text-primary);
    border-color: var(--border-color);
}

    [data-theme="dark"] table thead {
        background-color: var(--bg-tertiary);
        color: var(--text-primary);
    }

        [data-theme="dark"] table thead th {
            color: var(--text-primary) !important;
            border-color: var(--border-color);
            background-color: var(--bg-tertiary);
        }

    [data-theme="dark"] table tbody {
        background-color: var(--bg-card);
    }

        [data-theme="dark"] table tbody tr {
            background-color: var(--bg-card);
            color: var(--text-primary);
        }

        [data-theme="dark"] table tbody td,
        [data-theme="dark"] table tbody th {
            color: var(--text-primary) !important;
            border-color: var(--border-color);
            background-color: inherit;
        }

        [data-theme="dark"] table tbody tr:nth-of-type(odd) {
            background-color: var(--bg-secondary);
        }

        [data-theme="dark"] table tbody tr:nth-of-type(even) {
            background-color: var(--bg-card);
        }

        [data-theme="dark"] table tbody tr:hover {
            background-color: var(--bg-hover);
        }

/* Bootstrap table-dark class override */
[data-theme="dark"] .table-dark {
    background-color: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
}

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

/* Account Menu Pages - Hesabım Sayfaları */
[data-theme="dark"] #page-my-orders table,
[data-theme="dark"] .accountMenu table {
    background-color: var(--bg-card);
    color: var(--text-primary);
}

    [data-theme="dark"] #page-my-orders table tbody tr,
    [data-theme="dark"] .accountMenu table tbody tr {
        background-color: var(--bg-card);
        color: var(--text-primary);
    }

    [data-theme="dark"] #page-my-orders table tbody td,
    [data-theme="dark"] .accountMenu table tbody td {
        color: var(--text-primary) !important;
        border-color: var(--border-color);
    }

/* Ensure all table rows have proper background */
[data-theme="dark"] tbody tr {
    background-color: var(--bg-card) !important;
}

    [data-theme="dark"] tbody tr:nth-of-type(odd) {
        background-color: var(--bg-secondary) !important;
    }

    [data-theme="dark"] tbody tr:nth-of-type(even) {
        background-color: var(--bg-card) !important;
    }

/* Badges */
[data-theme="dark"] .badge-light {
    background-color: var(--bg-tertiary);
    color: var(--text-primary);
}

/* Alerts */
[data-theme="dark"] .alert {
    background-color: var(--bg-tertiary);
    border-color: var(--border-color);
    color: var(--text-primary);
}

[data-theme="dark"] .alert-warning {
    background-color: rgba(255, 161, 4, 0.2);
    border-color: var(--oyp-primary);
    color: var(--oyp-primary-light);
}

/* List Group */
[data-theme="dark"] .list-group-item {
    background-color: transparent;
    border-color: var(--border-color);
    color: var(--text-primary);
}

    [data-theme="dark"] .list-group-item:hover {
        background-color: var(--bg-hover);
    }

/* Accordion */
[data-theme="dark"] .accordion-item {
    background-color: var(--bg-card);
    border-color: var(--border-color);
}

[data-theme="dark"] .accordion-button {
    background-color: var(--bg-tertiary);
    color: var(--text-primary);
}

    [data-theme="dark"] .accordion-button:not(.collapsed) {
        background-color: var(--bg-hover);
        color: var(--oyp-primary);
    }

[data-theme="dark"] .accordion-body {
    background-color: var(--bg-card);
    color: var(--text-primary);
}

/* Pagination */
[data-theme="dark"] .pagination .page-link {
    background-color: var(--bg-card);
    border-color: var(--border-color);
    color: var(--text-primary);
}

    [data-theme="dark"] .pagination .page-link:hover {
        background-color: var(--bg-hover);
        border-color: var(--border-color);
    }

[data-theme="dark"] .pagination .page-item.active .page-link {
    background-color: var(--oyp-primary);
    border-color: var(--oyp-primary);
}

/* Breadcrumb */
[data-theme="dark"] .breadcrumb {
    background-color: transparent;
}

[data-theme="dark"] .breadcrumb-item a {
    color: var(--text-primary);
}

[data-theme="dark"] .breadcrumb-item.active {
    color: var(--text-secondary);
}

/* Footer */
[data-theme="dark"] footer {
    background-color: var(--bg-secondary);
    color: var(--text-primary);
}

[data-theme="dark"] .bg-oyp-dark {
    background-color: #0f1117 !important;
}

/* Product Cards */
[data-theme="dark"] .product-card {
    background-color: var(--bg-card);
    border-color: var(--border-color);
}

    [data-theme="dark"] .product-card:hover {
        box-shadow: 0 4px 12px var(--shadow-color);
    }

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

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

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

        [data-theme="dark"] .product-name a:hover {
            color: var(--oyp-primary) !important;
        }

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

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

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

    [data-theme="dark"] .product-discount-price .discount-rate {
        color: var(--oyp-primary) !important;
    }

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

/* Text utilities for product cards */
[data-theme="dark"] .text-gray-dark {
    color: var(--text-primary) !important;
}

/* Carousel */
[data-theme="dark"] .carousel-control-prev,
[data-theme="dark"] .carousel-control-next {
    filter: invert(1);
}

/* Shadows */
[data-theme="dark"] .shadow,
[data-theme="dark"] .shadow-sm {
    box-shadow: 0 0.125rem 0.25rem var(--shadow-color) !important;
}

[data-theme="dark"] .shadow-lg {
    box-shadow: 0 1rem 3rem var(--shadow-color) !important;
}

/* Links */
[data-theme="dark"] a {
    color: var(--oyp-primary);
}

    [data-theme="dark"] a:hover {
        color: var(--oyp-primary-light);
    }

/* Offcanvas */
[data-theme="dark"] .offcanvas {
    background-color: var(--bg-primary);
    color: var(--text-primary);
}

[data-theme="dark"] .offcanvas-header {
    border-bottom-color: var(--border-color);
}

/* Toast */
[data-theme="dark"] .toast {
    background-color: var(--bg-card);
    color: var(--text-primary);
    border-color: var(--border-color);
}

[data-theme="dark"] .toast-header {
    background-color: var(--bg-tertiary);
    border-bottom-color: var(--border-color);
}

/* Spinner */
[data-theme="dark"] .spinner-border,
[data-theme="dark"] .spinner-grow {
    color: var(--oyp-primary);
}

/* Progress Bar */
[data-theme="dark"] .progress {
    background-color: var(--bg-tertiary);
}

/* Input Group */
[data-theme="dark"] .input-group-text {
    background-color: var(--bg-tertiary);
    border-color: var(--border-color);
    color: var(--text-primary);
}

/* Nav Tabs */
[data-theme="dark"] .nav-tabs {
    border-bottom-color: var(--border-color);
}

    [data-theme="dark"] .nav-tabs .nav-link {
        color: var(--text-primary);
        border-color: transparent;
    }

        [data-theme="dark"] .nav-tabs .nav-link:hover {
            border-color: var(--border-color);
        }

        [data-theme="dark"] .nav-tabs .nav-link.active {
            background-color: var(--bg-card);
            border-color: var(--border-color) var(--border-color) var(--bg-card);
        }

/* Popover */
[data-theme="dark"] .popover {
    background-color: var(--bg-card);
    border-color: var(--border-color);
}

[data-theme="dark"] .popover-header {
    background-color: var(--bg-tertiary);
    border-bottom-color: var(--border-color);
}

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

/* Tooltip */
[data-theme="dark"] .tooltip-inner {
    background-color: var(--bg-tertiary);
    color: var(--text-primary);
}

/* Category Navigation */
[data-theme="dark"] .category-nav {
    background-color: var(--bg-secondary);
}

[data-theme="dark"] .category-item {
    color: var(--text-primary);
    border-color: var(--border-color);
}

    [data-theme="dark"] .category-item:hover {
        background-color: var(--bg-hover);
    }

/* Search Results */
[data-theme="dark"] #dvLayoutSearchResults {
    background-color: var(--bg-card) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] #dvLayoutLatestSearches {
    background-color: var(--bg-card) !important;
    border-color: var(--border-color) !important;
}

/* Special Elements */
[data-theme="dark"] .badge {
    color: #fff;
}

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

/* Images - Slight opacity reduction for dark mode */
[data-theme="dark"] img:not([src*="logo"]):not(.no-dark-filter) {
    opacity: 0.9;
}

[data-theme="dark"] img:hover {
    opacity: 1;
}

/* Scrollbar için dark mode */
[data-theme="dark"] ::-webkit-scrollbar {
    width: 12px;
    background-color: var(--bg-secondary);
}

[data-theme="dark"] ::-webkit-scrollbar-thumb {
    background-color: var(--bg-hover);
    border-radius: 6px;
}

    [data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
        background-color: var(--oyp-primary);
    }

/* Özel OYP Elementleri */
[data-theme="dark"] .oyp-card {
    background-color: var(--bg-card);
    border-color: var(--border-color);
}

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

/* Disable transitions on theme change for immediate effect */
[data-theme-switching] * {
    transition: none !important;
}

/* Dark Mode Toggle Button Styling */
.dark-mode-toggle-btn,
.dark-mode-toggle-btn-mobile {
    position: relative;
    overflow: visible;
}

/* Desktop Toggle */
#darkModeToggle .circle-div-56 {
    transition: all 0.3s ease;
}

#darkModeToggle:hover .circle-div-56 {
    transform: scale(1.05);
    box-shadow: 0 4px 12px rgba(255, 161, 4, 0.3);
}

#darkModeToggle i {
    transition: transform 0.3s ease;
}

#darkModeToggle:hover i {
    transform: rotate(15deg);
}

#darkModeToggle:active i {
    transform: scale(0.9);
}

/* Dark Mode'da Desktop Toggle */
[data-theme="dark"] #darkModeToggle .circle-div-56 {
    background-color: var(--bg-tertiary) !important;
    color: var(--oyp-primary) !important;
}

[data-theme="dark"] #darkModeToggle:hover .circle-div-56 {
    background-color: var(--bg-hover) !important;
}

[data-theme="dark"] #darkModeToggle .toggle-text {
    color: var(--text-primary);
}

/* Mobile Toggle */
#darkModeToggleMobile > div {
    transition: all 0.3s ease;
}

#darkModeToggleMobile:hover > div {
    transform: scale(1.05);
}

#darkModeToggleMobile i {
    transition: transform 0.3s ease;
}

#darkModeToggleMobile:hover i {
    transform: rotate(15deg);
}

/* Dark Mode'da Mobile Toggle */
[data-theme="dark"] #darkModeToggleMobile {
    color: var(--text-primary) !important;
}

    [data-theme="dark"] #darkModeToggleMobile > div {
        background-color: var(--bg-tertiary) !important;
    }

    [data-theme="dark"] #darkModeToggleMobile i {
        color: var(--oyp-primary) !important;
    }

/* Account Menu Circle */
[data-theme="dark"] .circle-div-56 {
    background-color: var(--bg-tertiary) !important;
    color: var(--text-primary) !important;
}

/* Mobile Bottom Menu */
[data-theme="dark"] #mobile-bottom-menu {
    background-color: var(--bg-primary) !important;
    border-top-color: var(--border-color) !important;
}

/* Shopping Cart Badge */
[data-theme="dark"] .sc-count-badge {
    background-color: var(--oyp-primary) !important;
    color: #fff !important;
    box-shadow: 0 0 0 2.5px var(--bg-primary) !important;
    z-index: 99;
}

[data-theme="dark"] .badge.rounded-circle {
    background-color: var(--oyp-primary) !important;
    color: #fff !important;
}

[data-theme="dark"] .badgeShoppingCartCount,
[data-theme="dark"] .badgeVehiclesCount {
    color: #fff !important;
}

/* Mobile Badge */
[data-theme="dark"] #mobile-bottom-menu .badge.rounded-circle {
    background-color: var(--oyp-primary) !important;
    border-color: var(--bg-primary) !important;
}

/* Header Vehicle Selection Dropdown */
[data-theme="dark"] #userVehicleDropdown .dropdown-menu {
    background-color: var(--bg-secondary);
    border-color: var(--border-color) !important;
    color: var(--text-primary);
}

[data-theme="dark"] #userVehicleDropdown .badgeVehiclesCount {
    color: #fff !important;
}


/* Logo - Dark Mode Switch */

/* Header & Footer Logo için dark mode kontrolü */
[data-theme="dark"] .logo-light {
    display: none !important;
}

[data-theme="dark"] .logo-dark {
    display: inline-block !important;
    height: 66px;
}

/* Light Mode - ensure dark logo is hidden */
[data-theme="light"] .logo-dark,
.logo-dark {
    display: none !important;
}

[data-theme="light"] .logo-light,
.logo-light {
    display: inline-block !important;
}

/* Tüm logolar için genel kural - transition */
.logo-light,
.logo-dark {
    transition: opacity 0.3s ease;
}

/* Footer Logo specific */
[data-theme="dark"] .footerLogo.logo-light {
    display: none !important;
}

[data-theme="dark"] .footerLogo.logo-dark {
    display: inline-block !important;
}

/* Modal Header Logo */
[data-theme="dark"] .modal-header .logo-light {
    display: none !important;
}

[data-theme="dark"] .modal-header .logo-dark {
    display: inline-block !important;
}

/* Login Page - Giriş Sayfası */
[data-theme="dark"] .login-page-container {
    background-color: var(--bg-primary);
    color: var(--text-primary);
}

    [data-theme="dark"] .login-page-container .rounded-4.bg-white {
        background-color: var(--bg-card) !important;
        border-color: var(--border-color);
    }

    [data-theme="dark"] .login-page-container .form-control-oyp {
        background-color: var(--bg-tertiary);
        border-color: var(--border-color);
        color: var(--text-primary);
    }

        [data-theme="dark"] .login-page-container .form-control-oyp:focus {
            background-color: var(--bg-tertiary);
            border-color: var(--oyp-primary);
            color: var(--text-primary);
        }

        [data-theme="dark"] .login-page-container .form-control-oyp::placeholder {
            color: var(--text-tertiary);
        }

    /* Şifremi Unuttum Linki - Inline style override */
    [data-theme="dark"] .login-page-container a[href*="ForgotPassword"],
    [data-theme="dark"] a[href*="ForgotPassword"][style*="color: #111726"] {
        color: var(--text-primary) !important;
    }

        [data-theme="dark"] .login-page-container a[href*="ForgotPassword"]:hover,
        [data-theme="dark"] a[href*="ForgotPassword"][style*="color: #111726"]:hover {
            color: var(--oyp-primary) !important;
        }

/* Email/Mobile Login Button */
[data-theme="dark"] .btnEmailMobileLogin {
    background-color: var(--bg-tertiary) !important;
    border: 1px solid var(--border-color);
    color: var(--text-primary) !important;
}

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

    [data-theme="dark"] .btnEmailMobileLogin:hover {
        background-color: var(--bg-hover) !important;
        border-color: var(--oyp-primary);
    }

/* Social Login Box */
[data-theme="dark"] .social-login-box {
    background-color: var(--bg-card) !important;
    border-color: var(--border-color) !important;
}

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

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

[data-theme="dark"] .social-btn {
    background-color: var(--bg-tertiary) !important;
    border-color: var(--border-color) !important;
    color: var(--text-primary) !important;
}

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

    [data-theme="dark"] .social-btn:hover {
        background-color: var(--bg-hover) !important;
        box-shadow: 0 1px 3px var(--shadow-color);
    }

/* Google Login Button */
[data-theme="dark"] .google-login-btn {
    background-color: var(--bg-tertiary) !important;
    border-color: var(--border-color);
    color: var(--text-primary) !important;
}

    [data-theme="dark"] .google-login-btn:hover {
        background-color: var(--bg-hover) !important;
        box-shadow: 0 1px 3px var(--shadow-color);
    }

/* Login/Register Toggle Buttons */
[data-theme="dark"] .page-login-btn {
    background-color: transparent;
    color: var(--text-primary) !important;
}

    [data-theme="dark"] .page-login-btn.active {
        background-color: var(--bg-card) !important;
        color: var(--text-primary) !important;
    }

    [data-theme="dark"] .page-login-btn:hover {
        background-color: var(--bg-hover);
        color: var(--text-primary) !important;
    }

/* Login Page Container BG */
[data-theme="dark"] .login-page-container .bg-oyp-light-gray {
    background-color: var(--bg-tertiary) !important;
}

/* Invalid Feedback */
[data-theme="dark"] .invalid-feedback {
    color: #ff6b6b !important;
}

/* Valid Feedback */
[data-theme="dark"] .valid-feedback {
    color: #51cf66 !important;
}

/* Register Page - Kayıt Ol Sayfası */
[data-theme="dark"] .login-page-container .needs-validation {
    color: var(--text-primary);
}

/* Forgot Password Page */
[data-theme="dark"] .oyp-rounded-container {
    background-color: var(--bg-card);
    border-color: var(--border-color);
    color: var(--text-primary);
}

    [data-theme="dark"] .oyp-rounded-container .text-oyp-gray {
        color: var(--text-secondary) !important;
    }

    [data-theme="dark"] .oyp-rounded-container p {
        color: var(--text-primary);
    }

/* Copyright Text */
[data-theme="dark"] .login-page-container p[style*="color: #70747D"] {
    color: var(--text-secondary) !important;
}

/* All Account Pages - Tüm Hesap Sayfaları (Login, Register, Reset, Forgot) */
[data-theme="dark"] .container[style*="padding-top: 80px"] {
    background-color: var(--bg-primary);
    color: var(--text-primary);
}

    [data-theme="dark"] .container[style*="padding-top: 80px"] .rounded-4.bg-white {
        background-color: var(--bg-card) !important;
        border-color: var(--border-color);
    }

    [data-theme="dark"] .container[style*="padding-top: 80px"] .form-control-oyp {
        background-color: var(--bg-tertiary);
        border-color: var(--border-color);
        color: var(--text-primary);
    }

        [data-theme="dark"] .container[style*="padding-top: 80px"] .form-control-oyp:focus {
            background-color: var(--bg-tertiary);
            border-color: var(--oyp-primary);
            color: var(--text-primary);
        }

        [data-theme="dark"] .container[style*="padding-top: 80px"] .form-control-oyp::placeholder {
            color: var(--text-tertiary);
        }

    [data-theme="dark"] .container[style*="padding-top: 80px"] p[style*="color: #70747D"] {
        color: var(--text-secondary) !important;
    }

    [data-theme="dark"] .container[style*="padding-top: 80px"] h4[style*="color"] {
        color: var(--text-primary) !important;
    }

/* All inline styled elements with color: #111726 */
[data-theme="dark"] *[style*="color: #111726"],
[data-theme="dark"] *[style*="color:#111726"] {
    color: var(--text-primary) !important;
}

/* All inline styled elements with color: #70747D */
[data-theme="dark"] *[style*="color: #70747D"],
[data-theme="dark"] *[style*="color:#70747D"] {
    color: var(--text-secondary) !important;
}

/* All bg-white with inline styles */
[data-theme="dark"] .rounded-4.border.bg-white[style*="padding"],
[data-theme="dark"] .rounded-4.bg-white[style*="padding"] {
    background-color: var(--bg-card) !important;
    border-color: var(--border-color) !important;
}

/* Register Page - Form Check Labels */
[data-theme="dark"] .login-page-container .form-check-label {
    color: var(--text-primary) !important;
}

    [data-theme="dark"] .login-page-container .form-check-label[style*="font-size"] {
        color: var(--text-primary) !important;
    }

    [data-theme="dark"] .login-page-container .form-check-label a {
        color: var(--text-primary) !important;
        text-decoration: underline;
    }

        [data-theme="dark"] .login-page-container .form-check-label a:hover {
            color: var(--oyp-primary) !important;
        }

/* Offcanvas */
[data-theme="dark"] .offcanvas-backdrop {
    background-color: rgba(0, 0, 0, 0.7);
}

/* Category Navigation */
[data-theme="dark"] #categoryNavigation {
    background-color: var(--bg-secondary);
    border-top-color: var(--border-color);
}

/* Product Grid */
[data-theme="dark"] .product-grid {
    background-color: var(--bg-primary);
}

/* Filter Sidebar */
[data-theme="dark"] .filter-sidebar {
    background-color: var(--bg-card);
    border-color: var(--border-color);
}

/* Navbar */
[data-theme="dark"] .navbar {
    background-color: transparent;
}

[data-theme="dark"] .navbar-light .navbar-nav .nav-link {
    color: var(--text-primary);
}

    [data-theme="dark"] .navbar-light .navbar-nav .nav-link:hover {
        color: var(--oyp-primary);
    }

/* Breadcrumb Fix */
[data-theme="dark"] .breadcrumb-item + .breadcrumb-item::before {
    color: var(--text-tertiary);
}

/* Input Focus Ring */
[data-theme="dark"] .form-control:focus,
[data-theme="dark"] .form-select:focus {
    box-shadow: 0 0 0 0.25rem rgba(255, 161, 4, 0.25);
}

/* Button Hover States */
[data-theme="dark"] .btn-light:hover,
[data-theme="dark"] .btn-outline-secondary:hover {
    color: var(--text-primary);
}

/* Logo Filter - Invert in dark mode if needed */
[data-theme="dark"] .logo-dark-mode-invert {
    filter: invert(1) brightness(1.2);
}

/* Text Selection */
[data-theme="dark"] ::selection {
    background-color: var(--oyp-primary);
    color: white;
}

[data-theme="dark"] ::-moz-selection {
    background-color: var(--oyp-primary);
    color: white;
}

/* Placeholder Color */
[data-theme="dark"] ::placeholder {
    color: var(--text-tertiary);
    opacity: 1;
}

/* Disabled Elements */
[data-theme="dark"] .disabled,
[data-theme="dark"] :disabled {
    opacity: 0.5;
}

/* Code Blocks (if any) */
[data-theme="dark"] pre,
[data-theme="dark"] code {
    background-color: var(--bg-tertiary);
    color: var(--text-primary);
}

/* Smooth Scroll Behavior */
html {
    scroll-behavior: smooth;
}

/* Focus Visible - Accessibility */
[data-theme="dark"] *:focus-visible {
    outline: 2px solid var(--oyp-primary);
    outline-offset: 2px;
}

/* ============================================================
   SITE ÖZEL CLASS'LAR - DARK MODE
   ============================================================ */

/* OYP Background Classes */
[data-theme="dark"] .bg-oyp-primary-trans {
    background-color: rgba(255, 161, 4, 0.15) !important;
}

[data-theme="dark"] .bg-oyp-mid-gray {
    background-color: var(--bg-tertiary) !important;
}

/* OYP Text Classes */
[data-theme="dark"] .text-oyp-gray {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .text-oyp-green {
    color: #9CD861 !important;
}

[data-theme="dark"] .text-oyp-light-gray {
    color: var(--text-tertiary) !important;
}

/* OYP Buttons - Inverse Style */
[data-theme="dark"] .btn-oyp.inverse {
    background-color: var(--bg-tertiary);
    color: var(--text-primary);
    border-color: var(--border-color);
}

    [data-theme="dark"] .btn-oyp.inverse:hover {
        background-color: var(--bg-hover);
    }

/* OYP White Button */
[data-theme="dark"] .btn-oyp-white {
    background-color: var(--bg-tertiary);
    color: var(--text-primary);
}

    [data-theme="dark"] .btn-oyp-white:hover {
        background-color: var(--bg-hover);
        color: var(--oyp-primary);
    }

/* OYP Trans Button */
[data-theme="dark"] .btn-oyp-trans {
    background-color: rgba(255, 161, 4, 0.1);
    color: var(--oyp-primary-light);
}

    [data-theme="dark"] .btn-oyp-trans:hover {
        background-color: rgba(255, 161, 4, 0.2);
    }

/* OYP Desc Button */
[data-theme="dark"] .btn-oyp-desc {
    background-color: var(--bg-tertiary);
    border-color: var(--border-color);
    color: var(--text-primary);
}

    [data-theme="dark"] .btn-oyp-desc:hover {
        background-color: var(--bg-hover);
    }

/* Order Summary */
[data-theme="dark"] .order-summary {
    background-color: var(--bg-card);
    border-color: var(--border-color);
}

    [data-theme="dark"] .order-summary .btn-oyp-cart {
        /* Turuncu buton, değişmez */
    }

/* Product List/Grid */
[data-theme="dark"] .product-list-item {
    background-color: var(--bg-card);
    border-color: var(--border-color);
}

    [data-theme="dark"] .product-list-item:hover {
        background-color: var(--bg-hover);
        box-shadow: 0 4px 12px var(--shadow-color);
    }

/* Price Display */
[data-theme="dark"] .price {
    color: var(--oyp-primary-light);
}

[data-theme="dark"] .price-old {
    color: var(--text-tertiary);
}

[data-theme="dark"] .discount-badge {
    background-color: rgba(255, 161, 4, 0.2);
    color: var(--oyp-primary-light);
}

/* Stock Status */
[data-theme="dark"] .btn-oyp-stock {
    background-color: rgba(156, 216, 97, 0.2);
    color: #9CD861;
}

[data-theme="dark"] .stock-available {
    color: #9CD861;
}

[data-theme="dark"] .stock-unavailable {
    color: #ff6b6b;
}

/* Category Navigation */
[data-theme="dark"] .category-item {
    background-color: var(--bg-card);
    border-color: var(--border-color);
}

    [data-theme="dark"] .category-item:hover {
        background-color: var(--bg-hover);
        border-color: var(--oyp-primary);
    }

    [data-theme="dark"] .category-item.active {
        background-color: rgba(255, 161, 4, 0.1);
        border-color: var(--oyp-primary);
        color: var(--oyp-primary);
    }

/* Filter Section */
[data-theme="dark"] .filter-section {
    background-color: var(--bg-card);
    border-color: var(--border-color);
}

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

    [data-theme="dark"] .filter-option:hover {
        color: var(--oyp-primary);
    }

/* Shopping Cart Offcanvas */
[data-theme="dark"] #offcanvasShoppingCart {
    background-color: var(--bg-primary);
}

    [data-theme="dark"] #offcanvasShoppingCart .offcanvas-header {
        border-bottom-color: var(--border-color);
    }

/* Account Menu Offcanvas */
[data-theme="dark"] #offcanvasAccount {
    background-color: var(--bg-primary);
}

/* Vehicle Selection */
[data-theme="dark"] .vehicle-card {
    background-color: var(--bg-card);
    border-color: var(--border-color);
}

    [data-theme="dark"] .vehicle-card:hover {
        background-color: var(--bg-hover);
    }

/* Review/Rating */
[data-theme="dark"] .review-card {
    background-color: var(--bg-card);
    border-color: var(--border-color);
}

[data-theme="dark"] .rating-star {
    color: var(--oyp-primary);
}

/* Banner */
[data-theme="dark"] .banner-container {
    background-color: var(--bg-card);
}

/* Slider/Carousel */
[data-theme="dark"] .owl-carousel {
    background-color: transparent;
}

[data-theme="dark"] .owl-nav button {
    background-color: var(--bg-tertiary) !important;
    color: var(--text-primary) !important;
}

    [data-theme="dark"] .owl-nav button:hover {
        background-color: var(--bg-hover) !important;
    }

[data-theme="dark"] .owl-dots .owl-dot span {
    background-color: var(--bg-tertiary);
}

[data-theme="dark"] .owl-dots .owl-dot.active span {
    background-color: var(--oyp-primary);
}

/* Location Selector */
[data-theme="dark"] .locationSelected {
    background-color: rgba(255, 161, 4, 0.2) !important;
    border-color: var(--oyp-primary) !important;
    color: var(--oyp-primary-light) !important;
}

/* Warning Subtle */
[data-theme="dark"] .bg-warning-subtle {
    background-color: rgba(255, 161, 4, 0.15) !important;
}

/* Mobile Menu Icon Colors */
[data-theme="dark"] #mobile-bottom-menu a {
    color: var(--text-primary) !important;
}

[data-theme="dark"] #mobile-bottom-menu img {
    filter: brightness(0.9);
}

/* WhatsApp Icon */
[data-theme="dark"] .whatsapp-button {
    background-color: #25D366;
    /* Whatsapp yeşili dark mode'da da aynı */
}

/* Sticky Elements */
[data-theme="dark"] .sticky-top,
[data-theme="dark"] .sticky-lg-top {
    background-color: var(--bg-primary);
}

/* SVG Icons Dark Mode Support */
[data-theme="dark"] svg {
    filter: brightness(0.9);
}

    [data-theme="dark"] svg.no-dark-filter {
        filter: none;
    }

/* Loading Spinner */
[data-theme="dark"] .spinner-border,
[data-theme="dark"] .spinner-grow {
    border-color: var(--oyp-primary);
}

/* Preloader - Dark Mode Loader */
[data-theme="dark"] .preloader {
    background-color: rgba(26, 29, 41, 0.85) !important;
    backdrop-filter: blur(3px);
}

    [data-theme="dark"] .preloader.position-absolute {
        background-color: rgba(26, 29, 41, 0.9) !important;
    }

[data-theme="dark"] .preloader-spinner {
    /* Arka plan ve shadow kaldırıldı */
}

    [data-theme="dark"] .preloader-spinner i {
        color: var(--oyp-primary);
    }

/* Loading Overlay - Genel */
[data-theme="dark"] .loading-overlay {
    background-color: rgba(26, 29, 41, 0.8) !important;
}

/* Spinner Colors */
[data-theme="dark"] .spinner-border {
    color: var(--oyp-primary);
    border-color: var(--oyp-primary);
}

[data-theme="dark"] .spinner-border-sm {
    color: var(--oyp-primary);
    border-color: var(--oyp-primary);
}

/* Empty State */
[data-theme="dark"] .empty-state {
    color: var(--text-secondary);
}

[data-theme="dark"] .empty-state-icon {
    opacity: 0.5;
}

/* Zoom/Fancybox Override */
[data-theme="dark"] .fancybox__container {
    background-color: rgba(26, 29, 41, 0.95);
}

[data-theme="dark"] .fancybox__backdrop {
    background-color: rgba(26, 29, 41, 0.9);
}

/* Print Styles - Light mode for printing */
@media print {
    [data-theme="dark"] {
        --bg-primary: #FFFFFF;
        --bg-secondary: #F4F4F4;
        --text-primary: #111726;
        --text-secondary: #505050;
    }

        [data-theme="dark"] body {
            background-color: white;
            color: black;
        }
}

/* Shopping Cart Offcanvas */
[data-theme="dark"] #offcanvasShoppingCart {
    background-color: var(--bg-secondary);
    color: var(--text-primary);
}

    [data-theme="dark"] #offcanvasShoppingCart .product-name {
        color: var(--text-primary) !important;
    }

        [data-theme="dark"] #offcanvasShoppingCart .product-name a {
            color: var(--text-primary) !important;
        }

    [data-theme="dark"] #offcanvasShoppingCart .product-discount-price {
        color: var(--text-secondary) !important;
    }

/* Order Summary (Sipariş Özeti) */
[data-theme="dark"] #page-shopping-cart .order-summary,
[data-theme="dark"] #page-shipping .order-summary,
[data-theme="dark"] #page-payment .order-summary,
[data-theme="dark"] #page-order .order-summary,
[data-theme="dark"] #page-order-detail .order-summary {
    background-color: var(--bg-card) !important;
    border-color: var(--border-color) !important;
    color: var(--text-primary);
}

[data-theme="dark"] .order-summary {
    background-color: var(--bg-card) !important;
    border-color: var(--border-color) !important;
    color: var(--text-primary);
}

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

    [data-theme="dark"] .order-summary h5,
    [data-theme="dark"] .order-summary h6 {
        color: var(--text-primary) !important;
    }

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

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

    [data-theme="dark"] .order-summary hr {
        border-color: var(--border-color) !important;
        opacity: 1;
    }

    [data-theme="dark"] .order-summary .btn-oyp-cart {
        color: var(--oyp-dark) !important;
    }

    [data-theme="dark"] .order-summary p,
    [data-theme="dark"] .order-summary span,
    [data-theme="dark"] .order-summary div {
        color: var(--text-primary);
    }

    [data-theme="dark"] .order-summary a {
        color: var(--text-primary);
    }

        [data-theme="dark"] .order-summary a:hover {
            color: var(--oyp-primary);
        }

    [data-theme="dark"] .order-summary .discount-rate {
        color: var(--oyp-primary) !important;
    }

    [data-theme="dark"] .order-summary .text-decoration-line-through {
        color: var(--text-secondary) !important;
    }

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

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

/* Shopping Cart, Shipping, Payment Pages */
[data-theme="dark"] #page-shopping-cart,
[data-theme="dark"] #page-shipping,
[data-theme="dark"] #page-payment,
[data-theme="dark"] #page-order {
    background-color: var(--bg-primary);
    color: var(--text-primary);
}

    [data-theme="dark"] #page-shopping-cart h1,
    [data-theme="dark"] #page-shopping-cart h2,
    [data-theme="dark"] #page-shipping h1,
    [data-theme="dark"] #page-shipping h2,
    [data-theme="dark"] #page-payment h1,
    [data-theme="dark"] #page-payment h2 {
        color: var(--text-primary) !important;
    }

    [data-theme="dark"] #page-shopping-cart .text-dark,
    [data-theme="dark"] #page-shipping .text-dark,
    [data-theme="dark"] #page-payment .text-dark {
        color: var(--text-primary) !important;
    }

/* Order Detail Page */
[data-theme="dark"] #page-order-detail {
    background-color: var(--bg-primary);
    color: var(--text-primary);
}

    [data-theme="dark"] #page-order-detail h1,
    [data-theme="dark"] #page-order-detail h2,
    [data-theme="dark"] #page-order-detail h3,
    [data-theme="dark"] #page-order-detail h4 {
        color: var(--text-primary) !important;
    }

    [data-theme="dark"] #page-order-detail .text-dark {
        color: var(--text-primary) !important;
    }

/* Shopping Cart Items */
[data-theme="dark"] #shopping-cart-items {
    background-color: transparent;
    color: var(--text-primary);
}

[data-theme="dark"] .cart-item-row {
    background-color: transparent;
    border-color: var(--border-color) !important;
    color: var(--text-primary);
}

/*[data-theme="dark"] .cart-item-row:hover {
        background-color: var(--bg-hover);
    }*/

[data-theme="dark"] #shopping-cart-product-list .product-name {
    color: var(--text-primary) !important;
}

    [data-theme="dark"] #shopping-cart-product-list .product-name a {
        color: var(--text-primary) !important;
    }

        [data-theme="dark"] #shopping-cart-product-list .product-name a:hover {
            color: var(--oyp-primary) !important;
        }

[data-theme="dark"] #shopping-cart-product-list .product-discount-price {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] #shopping-cart-product-list .sellingPrice {
    color: var(--text-primary) !important;
}

/* Cart Footer */
[data-theme="dark"] #shopping-cart-footer {
    background-color: var(--bg-card);
    border-color: var(--border-color);
    color: var(--text-primary);
}

/* Address Page - Adres Sayfası */
[data-theme="dark"] #page-shipping {
    background-color: var(--bg-primary);
    color: var(--text-primary);
}

    [data-theme="dark"] #page-shipping h1,
    [data-theme="dark"] #page-shipping h2,
    [data-theme="dark"] #page-shipping h3,
    [data-theme="dark"] #page-shipping h4,
    [data-theme="dark"] #page-shipping h5 {
        color: var(--text-primary) !important;
    }

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

[data-theme="dark"] .oyp-rounded-container {
    background-color: var(--bg-card);
    border-color: var(--border-color) !important;
    color: var(--text-primary);
}

    [data-theme="dark"] .oyp-rounded-container.orange {
        background-color: rgba(255, 161, 4, 0.15);
        border-color: var(--oyp-primary) !important;
    }

    [data-theme="dark"] .oyp-rounded-container.active {
        border-color: var(--oyp-primary) !important;
        background-color: rgba(255, 161, 4, 0.1);
    }

    [data-theme="dark"] .oyp-rounded-container:hover {
        background-color: var(--bg-hover);
    }

    [data-theme="dark"] .oyp-rounded-container strong {
        color: var(--text-primary) !important;
    }

    [data-theme="dark"] .oyp-rounded-container span {
        color: var(--text-primary);
    }

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

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

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

/* Address Modal Title */
[data-theme="dark"] .address-modal-title {
    color: var(--text-primary) !important;
}

/* Address Form Fields */
[data-theme="dark"] #page-shipping .form-control {
    background-color: var(--bg-tertiary);
    border-color: var(--border-color);
    color: var(--text-primary);
}

    [data-theme="dark"] #page-shipping .form-control:focus {
        background-color: var(--bg-tertiary);
        border-color: var(--oyp-primary);
        color: var(--text-primary);
    }

    [data-theme="dark"] #page-shipping .form-control::placeholder {
        color: var(--text-tertiary);
    }

[data-theme="dark"] #page-shipping label {
    color: var(--text-primary) !important;
}

[data-theme="dark"] #page-shipping .form-check-label {
    color: var(--text-primary) !important;
}

[data-theme="dark"] #page-shipping textarea {
    background-color: var(--bg-tertiary);
    border-color: var(--border-color);
    color: var(--text-primary);
}

    [data-theme="dark"] #page-shipping textarea:focus {
        background-color: var(--bg-tertiary);
        border-color: var(--oyp-primary);
        color: var(--text-primary);
    }

/* Divider */
[data-theme="dark"] #page-shipping hr.divider {
    border-color: var(--border-color) !important;
    opacity: 1;
}

/* Text Colors */
[data-theme="dark"] #page-shipping .text-oyp-gray {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] #page-shipping small {
    color: var(--text-secondary);
}

/* Address Action Links */
[data-theme="dark"] #page-shipping-address-list .action-links a,
[data-theme="dark"] #page-shipping-billing-address-list .action-links a {
    color: var(--text-secondary) !important;
}

    [data-theme="dark"] #page-shipping-address-list .action-links a:hover,
    [data-theme="dark"] #page-shipping-billing-address-list .action-links a:hover {
        color: var(--oyp-primary) !important;
    }

/* Select Items */
[data-theme="dark"] .select-list-item {
    background-color: var(--bg-card);
    border-color: var(--border-color);
    color: var(--text-primary);
}

    [data-theme="dark"] .select-list-item.active {
        border-color: var(--oyp-primary) !important;
        background-color: rgba(255, 161, 4, 0.1);
    }

    [data-theme="dark"] .select-list-item:hover {
        background-color: var(--bg-hover);
        border-color: var(--border-color);
    }

/* Shipping Address */
[data-theme="dark"] .shipping-address {
    color: var(--text-primary);
}

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

/* Badge OYP */
[data-theme="dark"] .badge-oyp {
    /* Badge colors remain as they are */
}

/* Info Circle */
[data-theme="dark"] #page-shipping .fa-info-circle {
    color: var(--text-secondary) !important;
}

/* Shipping Options & Payment Methods List */
[data-theme="dark"] #page-shipping-options-list .oyp-rounded-container,
[data-theme="dark"] #page-payment-methods-list .oyp-rounded-container,
[data-theme="dark"] #page-shipping-billing-address-list .oyp-rounded-container {
    background-color: var(--bg-card);
    border-color: var(--border-color) !important;
    color: var(--text-primary);
}

    [data-theme="dark"] #page-shipping-options-list .oyp-rounded-container:hover,
    [data-theme="dark"] #page-payment-methods-list .oyp-rounded-container:hover {
        background-color: var(--bg-hover);
    }

    [data-theme="dark"] #page-shipping-options-list .oyp-rounded-container.active,
    [data-theme="dark"] #page-payment-methods-list .oyp-rounded-container.active {
        border-color: var(--oyp-primary) !important;
        background-color: rgba(255, 161, 4, 0.1);
    }

/* Shipping Method */
[data-theme="dark"] .shipping-method {
    background-color: var(--bg-card);
    border-color: var(--border-color);
    color: var(--text-primary);
}

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

    [data-theme="dark"] .shipping-method span {
        color: var(--text-primary);
    }

/* Checkbox List */
[data-theme="dark"] .checkbox-list {
    color: var(--text-primary);
}

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

/* OYP Checkbox */
[data-theme="dark"] .oyp-checkbox {
    /* Checkbox görünümü korunuyor */
}

/* Address Item */
[data-theme="dark"] .address-item {
    color: var(--text-primary);
}

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

/* User Address Form */
[data-theme="dark"] #dvUserAdressFormFields_shipping_ {
    background-color: var(--bg-card);
    border-color: var(--border-color);
}

/* Purchase Steps Nav */
[data-theme="dark"] .purchase-steps {
    background-color: transparent;
    color: var(--text-primary);
}

/* Invoice Type Toggle - Fatura Türü Butonları */
[data-theme="dark"] .invoice-btn {
    background-color: var(--bg-tertiary);
    border-color: var(--border-color);
    color: var(--text-primary) !important;
}

    [data-theme="dark"] .invoice-btn:hover {
        border-color: var(--oyp-primary);
        color: var(--oyp-primary) !important;
        background-color: rgba(255, 161, 4, 0.1);
    }

[data-theme="dark"] .btn-check:checked + .invoice-btn {
    border-color: var(--oyp-primary);
    color: var(--oyp-primary) !important;
    background-color: rgba(255, 161, 4, 0.15);
    font-weight: 600;
}

[data-theme="dark"] .invoice-type-toggle {
    color: var(--text-primary);
}

/* Address Form - Additional Styles */
[data-theme="dark"] #page-shipping .bg-white {
    background-color: var(--bg-tertiary) !important;
}

[data-theme="dark"] #page-shipping .border {
    border-color: var(--border-color) !important;
}

[data-theme="dark"] #page-shipping input.bg-white {
    background-color: var(--bg-tertiary) !important;
    color: var(--text-primary);
}

    [data-theme="dark"] #page-shipping input.bg-white:focus {
        background-color: var(--bg-tertiary) !important;
        border-color: var(--oyp-primary);
    }

/* Modal içindeki fatura türü butonları */
[data-theme="dark"] .modal-body .invoice-btn {
    background-color: var(--bg-tertiary);
    border-color: var(--border-color);
    color: var(--text-primary) !important;
}

    [data-theme="dark"] .modal-body .invoice-btn:hover {
        border-color: var(--oyp-primary);
        color: var(--oyp-primary) !important;
        background-color: rgba(255, 161, 4, 0.1);
    }

[data-theme="dark"] .modal-body .btn-check:checked + .invoice-btn {
    border-color: var(--oyp-primary);
    color: var(--oyp-primary) !important;
    background-color: rgba(255, 161, 4, 0.15);
}

/* User Address Form Fields - All selects and inputs */
[data-theme="dark"] select.form-control,
[data-theme="dark"] .form-select {
    background-color: var(--bg-tertiary);
    border-color: var(--border-color);
    color: var(--text-primary);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

    [data-theme="dark"] select.form-control:focus,
    [data-theme="dark"] .form-select:focus {
        background-color: var(--bg-tertiary);
        border-color: var(--oyp-primary);
        color: var(--text-primary);
    }

    [data-theme="dark"] select.form-control option {
        background-color: var(--bg-secondary);
        color: var(--text-primary);
    }

/* Products Page - Filters Container */
[data-theme="dark"] #page-products .filters-container {
    background-color: var(--bg-card) !important;
    border-color: var(--border-color) !important;
    color: var(--text-primary);
}

    [data-theme="dark"] #page-products .filters-container h4,
    [data-theme="dark"] #page-products .filters-container h5,
    [data-theme="dark"] #page-products .filters-container h6 {
        color: var(--text-primary) !important;
    }

    [data-theme="dark"] #page-products .filters-container .text-oyp {
        color: var(--oyp-primary) !important;
    }

        [data-theme="dark"] #page-products .filters-container .text-oyp a {
            color: var(--oyp-primary) !important;
        }

    [data-theme="dark"] #page-products .filters-container .nav-link {
        color: var(--text-primary) !important;
    }

        [data-theme="dark"] #page-products .filters-container .nav-link:hover {
            color: var(--oyp-primary) !important;
        }

        [data-theme="dark"] #page-products .filters-container .nav-link.active {
            color: var(--oyp-primary) !important;
        }

    [data-theme="dark"] #page-products .filters-container hr {
        border-color: var(--border-color) !important;
        opacity: 1;
    }

    [data-theme="dark"] #page-products .filters-container .form-check-label {
        color: var(--text-primary) !important;
    }

    [data-theme="dark"] #page-products .filters-container .filter-option .form-check-label {
        color: var(--text-primary) !important;
    }

    [data-theme="dark"] #page-products .filters-container .form-control {
        background-color: var(--bg-tertiary);
        border-color: var(--border-color);
        color: var(--text-primary);
    }

        [data-theme="dark"] #page-products .filters-container .form-control:focus {
            background-color: var(--bg-tertiary);
            border-color: var(--oyp-primary);
            color: var(--text-primary);
        }

    [data-theme="dark"] #page-products .filters-container .form-select {
        background-color: var(--bg-tertiary);
        border-color: var(--border-color);
        color: var(--text-primary);
    }

        [data-theme="dark"] #page-products .filters-container .form-select:focus {
            background-color: var(--bg-tertiary);
            border-color: var(--oyp-primary);
            color: var(--text-primary);
        }

    [data-theme="dark"] #page-products .filters-container a {
        color: var(--text-primary);
    }

        [data-theme="dark"] #page-products .filters-container a:hover {
            color: var(--oyp-primary);
        }

/* Background Utilities */
[data-theme="dark"] .bg-gray {
    background-color: var(--bg-tertiary) !important;
    color: var(--text-primary) !important;
}

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

    [data-theme="dark"] .bg-gray a {
        color: var(--text-primary);
    }

        [data-theme="dark"] .bg-gray a:hover {
            color: var(--oyp-primary);
        }

/* Footer Safe Area */
[data-theme="dark"] .footer-safe {
    background-color: var(--bg-tertiary) !important;
    color: var(--text-primary) !important;
}

/* Article Content in Footer */
[data-theme="dark"] .article-content {
    background-color: transparent !important;
    color: var(--text-primary) !important;
}

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

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

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

/* Light Scroll - Dark Mode Scrollbar */
[data-theme="dark"] .light-scroll::-webkit-scrollbar-thumb {
    background: #505050;
}

[data-theme="dark"] .light-scroll::-webkit-scrollbar-track {
    background: var(--bg-tertiary);
}

/* Toggle Article Button */
[data-theme="dark"] #toggle-article {
    color: var(--text-primary) !important;
}

    [data-theme="dark"] #toggle-article:hover {
        color: var(--oyp-primary) !important;
    }

/* Product Detail Page */
[data-theme="dark"] #product-detail {
    color: var(--text-secondary) !important;
}

    [data-theme="dark"] #product-detail h1 {
        color: var(--text-primary) !important;
    }

    [data-theme="dark"] #product-detail h2 {
        color: var(--text-primary) !important;
    }

    [data-theme="dark"] #product-detail .product-images-container .item {
        border-color: var(--border-color) !important;
        background-color: var(--bg-card);
    }

    [data-theme="dark"] #product-detail .product-price {
        color: var(--text-primary) !important;
    }

    [data-theme="dark"] #product-detail .product-discount-price {
        color: var(--text-secondary) !important;
    }

    [data-theme="dark"] #product-detail .rate-text {
        color: var(--text-secondary) !important;
    }

/* Product Detail Tabs */
[data-theme="dark"] #product-detail-tabs .nav-link {
    color: var(--text-primary);
    background-color: transparent;
    border-color: var(--border-color);
}

    [data-theme="dark"] #product-detail-tabs .nav-link:hover {
        color: var(--oyp-primary);
        border-color: var(--border-color);
    }

    [data-theme="dark"] #product-detail-tabs .nav-link.active {
        color: var(--oyp-primary);
        background-color: var(--bg-tertiary);
        border-color: var(--oyp-primary);
        border-bottom-color: transparent;
    }

[data-theme="dark"] #product-detail-tabs-content {
    color: var(--text-primary);
    border-color: var(--border-color);
}

    [data-theme="dark"] #product-detail-tabs-content h4 {
        color: var(--text-primary) !important;
    }

    [data-theme="dark"] #product-detail-tabs-content table {
        color: var(--text-primary);
        border-color: var(--border-color);
    }

        [data-theme="dark"] #product-detail-tabs-content table thead {
            background-color: var(--bg-tertiary);
            color: var(--text-primary);
        }

            [data-theme="dark"] #product-detail-tabs-content table thead th {
                color: var(--text-primary) !important;
                border-color: var(--border-color);
            }

        [data-theme="dark"] #product-detail-tabs-content table tbody {
            background-color: var(--bg-card);
        }

            [data-theme="dark"] #product-detail-tabs-content table tbody tr {
                background-color: var(--bg-card);
                color: var(--text-primary);
            }

            [data-theme="dark"] #product-detail-tabs-content table tbody td,
            [data-theme="dark"] #product-detail-tabs-content table tbody th {
                border-color: var(--border-color);
                color: var(--text-primary) !important;
            }

            [data-theme="dark"] #product-detail-tabs-content table tbody tr:nth-of-type(odd) {
                background-color: var(--bg-secondary);
            }

            [data-theme="dark"] #product-detail-tabs-content table tbody tr:nth-of-type(even) {
                background-color: var(--bg-card);
            }

            [data-theme="dark"] #product-detail-tabs-content table tbody tr:hover {
                background-color: var(--bg-hover);
            }

/* Product Detail - Price Alert Link */
[data-theme="dark"] #product-detail .price-alert-link {
    color: var(--text-primary) !important;
}

    [data-theme="dark"] #product-detail .price-alert-link:hover {
        color: var(--oyp-primary) !important;
    }

/* Product Detail - Share Buttons */
[data-theme="dark"] #product-detail .share-button {
    background-color: var(--bg-card);
    border-color: var(--border-color);
    color: var(--text-primary);
}

    [data-theme="dark"] #product-detail .share-button:hover {
        background-color: var(--bg-hover);
    }

/* Product Detail - Technical Specs */
[data-theme="dark"] #product-detail .technical-specs {
    background-color: var(--bg-card);
    border-color: var(--border-color);
}

    [data-theme="dark"] #product-detail .technical-specs dt {
        color: var(--text-secondary);
    }

    [data-theme="dark"] #product-detail .technical-specs dd {
        color: var(--text-primary);
    }

/* Product Detail - Product Info Box */
[data-theme="dark"] #product-detail .product-info-box {
    border-color: var(--border-color) !important;
}

/* Product Detail - Text Dark Override */
[data-theme="dark"] #product-detail .text-dark {
    color: var(--text-primary) !important;
}

/* Product Detail - Links */
[data-theme="dark"] #product-detail a {
    color: var(--text-primary);
}

    [data-theme="dark"] #product-detail a:hover {
        color: var(--oyp-primary);
    }

/* Product Detail - Shipping Time Badge */
[data-theme="dark"] #product-detail .dvShippingTime {
    background-color: var(--bg-card);
    border-color: var(--border-color);
}

    [data-theme="dark"] #product-detail .dvShippingTime .text-dark {
        color: var(--text-primary) !important;
    }

/* Product Detail - Online Express Badge */
[data-theme="dark"] #product-detail .online-express-badge,
[data-theme="dark"] #product-detail .dvOnlineExpress {
    background-color: var(--bg-card);
    border-color: var(--border-color);
    color: var(--text-primary) !important;
}

    [data-theme="dark"] #product-detail .online-express-badge span,
    [data-theme="dark"] #product-detail .dvOnlineExpress span {
        color: var(--text-primary) !important;
    }

/* Product Detail - Gel Al (Self Service) Badge */
[data-theme="dark"] #product-detail .dvSelf {
    background-color: var(--bg-card);
    border-color: var(--border-color);
    color: var(--text-primary) !important;
}

    [data-theme="dark"] #product-detail .dvSelf span {
        color: var(--text-primary) !important;
    }

/* Product Detail - Share Buttons Collapse */
[data-theme="dark"] #product-detail #dvShareThis {
    background-color: var(--bg-card);
}

/* Product Detail - Compatible Vehicles Link */
[data-theme="dark"] #product-detail .compatible-vehicles-link {
    color: var(--text-primary) !important;
}

    [data-theme="dark"] #product-detail .compatible-vehicles-link:hover {
        color: var(--oyp-primary) !important;
    }

/* Product Detail - OYP Badge */
[data-theme="dark"] #product-detail .oyp-badge {
    /* Badge'ler orijinal renklerini korusun (bg-success vs.) */
}

/* Product Detail - List Group */
[data-theme="dark"] #product-detail .list-group-item {
    background-color: transparent;
    border-color: var(--border-color);
    color: var(--text-primary);
}

    [data-theme="dark"] #product-detail .list-group-item .text-dark {
        color: var(--text-primary) !important;
    }

/* Product Detail - Number Spinner (Adet) */
[data-theme="dark"] #product-detail .number-spinner {
    background-color: var(--bg-tertiary);
    border-color: var(--border-color);
    color: var(--text-primary);
}

    [data-theme="dark"] #product-detail .number-spinner input {
        background-color: var(--bg-tertiary);
        color: var(--text-primary);
    }

    [data-theme="dark"] #product-detail .number-spinner a {
        color: var(--text-primary);
    }

        [data-theme="dark"] #product-detail .number-spinner a:hover {
            color: var(--oyp-primary);
        }

/* Product Detail - Price Container */
[data-theme="dark"] #product-detail #product-price-container {
    color: var(--text-primary);
}

/* Product Detail - Border Utilities */
[data-theme="dark"] #product-detail .border,
[data-theme="dark"] #product-detail .border-start,
[data-theme="dark"] #product-detail .border-end,
[data-theme="dark"] #product-detail .border-top,
[data-theme="dark"] #product-detail .border-bottom {
    border-color: var(--border-color) !important;
}

/* Product Detail - BB None class */
[data-theme="dark"] #product-detail .bb-none {
    border-bottom: none !important;
}

/* Product Detail - Brand View */
[data-theme="dark"] #product-detail #dvBrandBox {
    background-color: var(--bg-card);
    border-color: var(--border-color);
    color: var(--text-primary);
}

[data-theme="dark"] #product-detail .dvBrandTextBox {
    color: var(--text-primary) !important;
}

    [data-theme="dark"] #product-detail .dvBrandTextBox a {
        color: var(--text-primary) !important;
    }

        [data-theme="dark"] #product-detail .dvBrandTextBox a:hover {
            color: var(--oyp-primary) !important;
        }

[data-theme="dark"] #product-detail .dvBrandImgBox {
    background-color: var(--bg-card);
    border-color: var(--border-color);
}

/* Product Detail - EFT Price Bar */
[data-theme="dark"] #product-detail .eft-price-bar {
    background-color: var(--bg-tertiary);
    border-color: var(--border-color);
    color: var(--text-primary);
}

    [data-theme="dark"] #product-detail .eft-price-bar p {
        color: var(--text-primary) !important;
    }

/* Product Detail - Reviews Section */
[data-theme="dark"] #product-detail .open-reviews-offcanvas {
    color: var(--text-primary) !important;
}

[data-theme="dark"] #product-detail .reviews-total-rating,
[data-theme="dark"] #product-detail .reviews-count {
    color: var(--text-primary) !important;
}

/* Product Detail - Supported Vehicles Filter */
[data-theme="dark"] #product-detail #inpSupportedVehiclesFilter {
    background-color: var(--bg-tertiary);
    border-color: var(--border-color);
    color: var(--text-primary);
}

    [data-theme="dark"] #product-detail #inpSupportedVehiclesFilter:focus {
        background-color: var(--bg-tertiary);
        border-color: var(--oyp-primary);
        color: var(--text-primary);
    }

    [data-theme="dark"] #product-detail #inpSupportedVehiclesFilter::placeholder {
        color: var(--text-tertiary);
    }

/* Product Detail - Tab Panes */
[data-theme="dark"] #product-detail .tab-pane {
    color: var(--text-primary);
}

[data-theme="dark"] #product-detail #product-supported-vehicles-tab-pane,
[data-theme="dark"] #product-detail #product-technical-tab-pane,
[data-theme="dark"] #product-detail #product-comments-tab-pane {
    background-color: transparent;
    color: var(--text-primary);
}

/* Product Detail - Cursor Pointer */
[data-theme="dark"] #product-detail .cursor-pointer {
    color: var(--text-primary);
}

/* Product Detail - All Inputs */
[data-theme="dark"] #product-detail input[type="text"],
[data-theme="dark"] #product-detail input[type="search"],
[data-theme="dark"] #product-detail textarea {
    background-color: var(--bg-tertiary);
    border-color: var(--border-color);
    color: var(--text-primary);
}

    [data-theme="dark"] #product-detail input[type="text"]:focus,
    [data-theme="dark"] #product-detail input[type="search"]:focus,
    [data-theme="dark"] #product-detail textarea:focus {
        background-color: var(--bg-tertiary);
        border-color: var(--oyp-primary);
        color: var(--text-primary);
    }

/* Product Detail - General Elements */
[data-theme="dark"] #product-detail h6 {
    color: var(--text-primary);
}

[data-theme="dark"] #product-detail strong {
    color: var(--text-primary);
}

[data-theme="dark"] #product-detail span {
    color: inherit;
}

[data-theme="dark"] .product-card img {
    border-radius: 8px;
}

[data-theme="dark"] .highlight {
    color: #111726;
}

[data-theme="dark"] .btn-oyp {
    background-color: var(--oyp-primary);
    color: #fff;
    font-size: 16px;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 10px;
    display: inline-block;
    text-align: center;
    border: 0;
}