/* ============================================================
   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;
}

    /* Header arama placeholder'i light-mode'da ID-specificity ile koyu (#111726) kaliyor
       -> dark input uzerinde gorunmuyordu. ID + ::placeholder + !important ile ez. */
    [data-theme="dark"] #inpLayoutSearch::placeholder {
        color: var(--text-tertiary) !important;
        opacity: 1;
    }

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

/* Taksit rozeti: aylik tutar <b> koyu (#111726) kaliyordu -> soluk-turuncu/dark
   zemin uzerinde 'simsiyah' okunmuyordu. Acik renge cek (rozetin diger metinleri gibi). */
[data-theme="dark"] .oyp-inst-badge b {
    color: var(--text-primary) !important;
}

/* ============================================================
   MONOKROM KOYU SVG <img> IKONLAR - DARK MODE
   'color' <img>'ye etki etmez, 'brightness(0.9)' de yalniz inline <svg>'ye
   uygulaniyordu; MapPinB/CaretDown (#111726) + icon-search (#70747D) koyu
   chrome uzerinde gorunmuyordu. KONTEYNER-KAPSAMLI invert (urun gorseli /
   logo / cok-renkli marka-butonu etkilenmez).
   ============================================================ */

/* Konum pill: pin (MapPinB) + caret (CaretDown) tam siyahti */
[data-theme="dark"] #btnOpenLocationDropdown img {
    filter: invert(1) brightness(1.7) !important;
    opacity: 1 !important;
}

/* Konum dropdown ici pin (MapPinLine) - dropdown koyu temali */
[data-theme="dark"] #locationDropdown img[src*="MapPin"] {
    filter: invert(1) brightness(1.7) !important;
    opacity: 1 !important;
}

/* Header arama buyuteci (icon-search #70747D dark input'ta cok dim) */
[data-theme="dark"] img[src$="icon-search.svg"] {
    filter: invert(1) brightness(1.6) !important;
    opacity: 1 !important;
}

/* Favori kalp: SVG icinde <circle fill=white> koyu kartta 'beyaz kutu' gibi
   sirotiyordu. invert -> koyu daire + acik kalp (dark-uyumlu badge). */
[data-theme="dark"] .btn-product-favorite img {
    filter: invert(0.9) !important;
    opacity: 1 !important;
}

/* Mobil PDP tab-butonlari (.mobile-tab-button-wrapper > button) + teknik-spec
   metinleri site.css'te #111726 hardcoded (inline degil) -> dark'ta gorunmuyordu.
   Kullanici raporu: "aciklama turuncu (aktif) ama diger basliklar gorunmuyor".
   Aktif buton turuncu KALIR; inaktifler + spec metinleri acik renge cekilir. */
[data-theme="dark"] .mobile-tab-button-wrapper button:not(.active) {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .spec-title,
[data-theme="dark"] .spec-label,
[data-theme="dark"] .spec-value,
[data-theme="dark"] .mobile-tech-specs {
    color: var(--text-primary) !important;
}

/* Ikincil/sil butonlari (.btn-oyp.gray) light-gray bg (#f4f4f4) -> dark'ta acik/sirotiyor
   (Adresi Sil, Hesabimi Sil, Degerlendirme Ekle vb.). Dark-temali yap. */
[data-theme="dark"] .btn-oyp.gray {
    background-color: var(--bg-tertiary) !important;
    color: var(--text-secondary) !important;
    border-color: var(--border-color) !important;
}

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

/* Sepet miktar/sil kontrolleri (icon-plus/minus/trash-circle.svg) = SVG icinde
   beyaz daire (fill=white) -> dark'ta 'beyaz-daire' sirotiyordu. Filter-invert
   trash'i (turuncu) maviye cevirirdi -> dark-varyant SVG'ye swap: koyu daire +
   ikon renkleri korunur (plus/minus acik, trash turuncu). content:url() Chromium'da img'yi degistirir. */
[data-theme="dark"] img[src$="icon-plus-circle.svg"] {
    content: url("/img/icon-plus-circle-dark.svg");
}

[data-theme="dark"] img[src$="icon-minus-circle.svg"] {
    content: url("/img/icon-minus-circle-dark.svg");
}

[data-theme="dark"] img[src$="icon-trash-circle.svg"] {
    content: url("/img/icon-trash-circle-dark.svg");
}

/* Tema-toggle ikonu: bi FONT glyph'i (bi-moon-stars-fill) _LayoutRoot'ta bootstrap-icons
   font'u ASYNC (media=print->all) yuklendiginden, font uygulanana kadar BOS/gorunmezdi
   (ozellikle PDP'de). Inline SVG'ye tasindi (moon+sun); asagida data-theme ile swap.
   fill=currentColor -> light'ta koyu, dark'ta turuncu (#darkModeToggle circle color). */
.oyp-theme-icon { vertical-align: middle; }
.oyp-theme-sun { display: none; }
[data-theme="dark"] .oyp-theme-moon { display: none; }
[data-theme="dark"] .oyp-theme-sun { display: inline-block; }

/* 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;
}

/* 05.10.2026: mobil başlıkta logo 134×50 (site.css @media max-width:768px ".logo img"). Yukarıdaki 66px
   daha özgül olduğu için karanlık temada yüksekliği eziyordu → logo 134×66 BASIK çiziliyordu (her sayfada). */
@media (max-width: 768px) {
    [data-theme="dark"] .logo .logo-dark { height: 50px; }
}

/* 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;
    }

/* Footer Contact Info Links */
[data-theme="dark"] footer .footerContactInfoItem a {
    color: var(--text-primary) !important;
}

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

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

/* WhatsApp Numbers Modal - Dark Mode */
[data-theme="dark"] .green-rounded-box {
    background-color: rgba(74, 222, 128, 0.12) !important;
    border-color: rgba(74, 222, 128, 0.35) !important;
    color: #4ade80 !important;
}

    [data-theme="dark"] .green-rounded-box:hover {
        background-color: rgba(74, 222, 128, 0.18) !important;
        border-color: rgba(74, 222, 128, 0.5) !important;
    }

    [data-theme="dark"] .green-rounded-box .text-success {
        color: #4ade80 !important;
    }

    [data-theme="dark"] .green-rounded-box small {
        color: #4ade80 !important;
    }

    [data-theme="dark"] .green-rounded-box i {
        color: #4ade80 !important;
    }

/* WhatsApp Numbers Modal Content */
[data-theme="dark"] .modal-body .text-secondary {
    color: var(--text-secondary) !important;
}

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

/* WhatsApp Modal HR - Ayırıcı Çizgiler */
[data-theme="dark"] .modal-body hr {
    border-color: var(--border-color) !important;
    opacity: 1;
}

/* WhatsApp Modal Title Icon */
[data-theme="dark"] .modal-title .text-success {
    color: #4ade80 !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: #fff !important;
        background-color: #fff;
    }

    [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;
    }

/* Teslimat vaadi rozeti (16.09.2026): kabugu rozetin kendisi ciziyor, sarmalayici saydam. */
[data-theme="dark"] .product-shipping-estimate-wrapper .dvShippingTime {
    background-color: transparent;
    border: 0;
}

[data-theme="dark"] .oyp-delivery-promise:not(.oyp-delivery-promise--compact) {
    background: rgba(255, 161, 4, .08);
    border-color: rgba(255, 161, 4, .35);
    color: var(--text-primary);
}

[data-theme="dark"] .oyp-dp-icon {
    background: var(--bg-card);
}

/* Teslim satirinin ikonu acik temada koyu lacivert; koyu temada kart zeminine karisiyordu. */
[data-theme="dark"] .oyp-dp-line--delivery .oyp-dp-icon {
    color: var(--text-secondary);
}

[data-theme="dark"] .oyp-delivery-promise.is-today .oyp-dp-dispatch strong {
    color: #5bd68a;
}

[data-theme="dark"] .oyp-dp-line--city {
    border-top-color: rgba(255, 255, 255, .14);
}

[data-theme="dark"] .oyp-dp-city-select {
    background-color: var(--bg-card);
    border-color: var(--border-color);
    color: var(--text-primary);
}

[data-theme="dark"] .oyp-dp-city-hint,
[data-theme="dark"] .oyp-dp-note {
    color: var(--text-secondary);
}

/* 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;
    }

/* "Hangi Mağazada Var?" satırı + pencereleri (pencereler body'ye taşındığı için #product-detail'siz) */
[data-theme="dark"] .magaza-satir,
[data-theme="dark"] .magaza-satir--internet {
    background: var(--bg-card);
    border-color: var(--border-color);
    color: var(--text-primary);
}

    [data-theme="dark"] .magaza-satir__alt,
    [data-theme="dark"] .magaza-satir__bilgi,
    [data-theme="dark"] .magaza-sube,
    [data-theme="dark"] .magaza-modal__not,
    [data-theme="dark"] .gelal-adimlar li,
    [data-theme="dark"] .gelal-adimlar__not {
        color: var(--text-secondary, #c3c9d2);
    }

    [data-theme="dark"] .magaza-satir__link,
    [data-theme="dark"] .magaza-satir__ikon .bi,
    [data-theme="dark"] .magaza-sube__ad,
    [data-theme="dark"] .magaza-sube__saat,
    [data-theme="dark"] .magaza-sube__baglanti a,
    [data-theme="dark"] .magaza-modal__nasil,
    [data-theme="dark"] .magaza-modal__urun,
    [data-theme="dark"] .gelal-adimlar strong {
        color: var(--text-primary);
    }

    [data-theme="dark"] .magaza-sube__stok { color: #7ee2a8; }
    [data-theme="dark"] .magaza-sube--kritik .magaza-sube__stok,
    [data-theme="dark"] .magaza-sube__uyari { color: #fbbf24; }
    [data-theme="dark"] .magaza-sube,
    [data-theme="dark"] .magaza-modal__urun { border-color: var(--border-color); }
    [data-theme="dark"] .gelal-adimlar li::before { background: var(--border-color); color: var(--text-primary); }
    [data-theme="dark"] .magaza-modal .modal-content { background: var(--bg-card); color: var(--text-primary); }
    [data-theme="dark"] .magaza-modal .btn-close { filter: invert(1); }

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

    [data-theme="dark"] #product-detail .dvOnlineKurye 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: #fff;
    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;
}

.product-card img {
    background-color: #fff !important;
}

/* Ürün açıklaması — koyu tema (08.09.2026). Solma katmanı sayfa arka planıyla aynı
   olmalı, yoksa kesik kenarda beyaz bir bant kalır. */
[data-theme="dark"] .oyp-pdesc-body { color: #c9ced8; }
[data-theme="dark"] .oyp-pdesc-body strong,
[data-theme="dark"] .oyp-pdesc-body b { color: #f1f3f7; }
[data-theme="dark"] .oyp-pdesc-body::after {
    background: linear-gradient(to bottom, rgba(17,23,38,0), #111726 88%);
}
[data-theme="dark"] .oyp-pdesc-toggle {
    background: #1b2233;
    border-color: #2c3548;
    color: #f1f3f7;
}
[data-theme="dark"] .oyp-pdesc-empty { background: #1a2032; color: #aab1bf; }
[data-theme="dark"] .oyp-pdesc-toggle:hover { background: #232c41; border-color: #3a4459; }
[data-theme="dark"] .oyp-pdesc-section > h2 { color: #f1f3f7; }
[data-theme="dark"] .oyp-pdesc-note {
    background: #161d2c;
    border-color: #262f42;
    color: #9aa3b2;
}
[data-theme="dark"] .oyp-pdesc-note strong { color: #c9ced8; }

[data-theme="dark"] .oyp-oos-alt { border-color: #4a3a22; background: #1f1a12; }
[data-theme="dark"] .oyp-oos-alt__title { color: #f1f3f7; }
[data-theme="dark"] .oyp-oos-alt__sub { color: #aab1bf; }
[data-theme="dark"] .oyp-oos-alt__sub b { color: #d3d8e0; }
[data-theme="dark"] .oyp-oos-alt-wrap > .data-load.loading { background: linear-gradient(90deg, #1c2230 25%, #232a3a 37%, #1c2230 63%); background-size: 400% 100%; }
[data-theme="dark"] .oyp-oos-alt__card, [data-theme="dark"] .oyp-oos-alt__more { background: #141a26; border-color: #262f42; }
[data-theme="dark"] .oyp-oos-alt__img { background: #fff; }
[data-theme="dark"] .oyp-oos-alt__name { color: #e6e9ef; }
[data-theme="dark"] .oyp-oos-alt__price { color: #f1f3f7; }
[data-theme="dark"] .oyp-oos-alt__brand { color: #8f98a6; }
[data-theme="dark"] .oyp-oos-alt__navbtn { background: #1c2230; border-color: #2c3547; color: #d3d8e0; }
[data-theme="dark"] .oyp-oos-alt__more button { background: #1f1a12; color: #e6e9ef; }
/* PLP başlık ürün sayısı: açık temada #111726 sabit renk karanlıkta görünmüyordu (09.09 denetimi) */
[data-theme="dark"] .category-header__title .plp-subtitle strong { color: #e8e9ed; }

/* Sipariş takip bloğu (10.09.2026) */
[data-theme="dark"] .oyp-otrack__steps li::before { background: #2d333b; }
[data-theme="dark"] .oyp-otrack__dot { background: #1d2127; border-color: #2d333b; }
[data-theme="dark"] .oyp-otrack__steps li.is-now { color: #e8e9ec; }
[data-theme="dark"] .oyp-otrack__steps li.is-now .oyp-otrack__dot { box-shadow: 0 0 0 4px #3a2417; }
[data-theme="dark"] .oyp-otrack__eta { color: #e8e9ec; }
[data-theme="dark"] .oyp-otrack__code { background: #262b33; color: #e8e9ec; }
[data-theme="dark"] .oyp-otrack__band { background: #3a2f12; color: #f2c94c; }
[data-theme="dark"] .oyp-otrack.is-cancel .oyp-otrack__band { background: #3d1f1c; color: #ff8a80; }
[data-theme="dark"] .oyp-otrack.is-refund .oyp-otrack__band { background: #262b33; color: #d3d8e0; }
[data-theme="dark"] .oyp-otrack__history summary, [data-theme="dark"] .oyp-otrack__history li { color: #d3d8e0; }
[data-theme="dark"] .oyp-otrack__history ul { border-left-color: #2d333b; }
[data-theme="dark"] .oyp-olist__track { color: #9aa3ad; }
[data-theme="dark"] .oyp-olist__track a { color: #7ed3a2; }

/* SEPET / ADRES / ODEME UST ALANI (19.09.2026) - kurye rozeti, gecikme seridi, sepet
   teslimat kutusu, havale seridi ve "adresiniz hazir" seridi acik temaya gore renkliydi:
   koyu zeminde parlak acik bloklar olarak duruyordu, "adresiniz hazir" basligi (koyu tema
   metin rengi) acik yesil zeminde okunmuyordu. Ayni dil: yari saydam renk + tema metni. */
[data-theme="dark"] .oyp-kurye-vaat {
    background: rgba(30, 158, 90, .10);
    border-color: rgba(30, 158, 90, .35);
    border-left-color: #1e9e5a;
    color: var(--text-primary);
}

[data-theme="dark"] .oyp-kurye-vaat__baslik { color: #5bd68a; }
[data-theme="dark"] .oyp-kurye-vaat__alt { color: var(--text-secondary); }
[data-theme="dark"] .oyp-kurye-vaat__sayac { color: #ff9b73; }

[data-theme="dark"] .oyp-kurye-vaat--yarin {
    background: rgba(179, 130, 26, .12);
    border-color: rgba(230, 190, 110, .35);
    border-left-color: #b3821a;
}

    [data-theme="dark"] .oyp-kurye-vaat--yarin .oyp-kurye-vaat__baslik { color: #e7c077; }

[data-theme="dark"] .cart-delay-banner {
    background: rgba(217, 42, 52, .12);
    border-color: rgba(243, 120, 120, .35);
}

[data-theme="dark"] .cart-delay-banner-icon,
[data-theme="dark"] .cart-delay-banner-title { color: #ff8a8f; }
[data-theme="dark"] .cart-delay-banner-text { color: #f2c2c2; }

[data-theme="dark"] .cart-delivery-estimate-host > .oyp-delivery-promise {
    background: var(--bg-card);
    border-color: var(--border-color);
    color: var(--text-primary);
}

[data-theme="dark"] .cart-delivery-estimate-host > .oyp-delivery-promise.is-today {
    background: rgba(91, 214, 138, .10);
    border-color: rgba(91, 214, 138, .35);
}

[data-theme="dark"] .oyp-havale-serit {
    background: rgba(255, 161, 4, .10);
    border-color: rgba(255, 161, 4, .35);
    border-left-color: var(--oyp-primary);
    color: var(--text-primary);
}

    [data-theme="dark"] .oyp-havale-serit:hover { background: rgba(255, 161, 4, .16); }

    [data-theme="dark"] .oyp-havale-serit__metin strong,
    [data-theme="dark"] .oyp-havale-serit__eylem,
    [data-theme="dark"] .oyp-havale-serit__ikon { color: #ffb63b; }

/* Satir ici style ile acik yesil zemin basiliyor (Address/Index.cshtml) -> !important sart. */
[data-theme="dark"] #address-ready-bar {
    background: rgba(29, 155, 94, .12) !important;
}

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