/* Senkron Müzik — dark mod.
   Tema renkleri CSS değişkenlerinden geldiği için asıl iş o değişkenleri ters çevirmek:
   "beyaz" koyu zemine, "siyah" açık metne döner; ana renk (siyah) açık griye geçer.
   Altındaki kurallar yalnızca değişken kullanmayan (sabit renkli) yerleri düzeltir. */

html.sk-dark {
    color-scheme: dark;

    --sk-bg: #1c1c1c;
    --sk-surface: #242424;
    --sk-surface-2: #2a2a2a;
    --sk-line: #333333;
    --sk-ink: #f5f5f5;
    --sk-ink-soft: #c2c4c7;

    --tp-common-white: #242424;
    --tp-common-black: #f1f1f1;
    --tp-common-black-solid: #f1f1f1;
    --tp-heading-primary: #f1f1f1;
    --tp-heading-secondary: #e4e4e4;
    --tp-text-body: #b9bcc0;
    --tp-text-1: #a3a7ab;
    --tp-text-2: #b9bcc0;
    --tp-text-3: #a3a7ab;
    --tp-text-4: #a3a7ab;
    --tp-text-5: #969a9e;
    --tp-text-6: #969a9e;
    --tp-grey-1: #242424;
    --tp-grey-2: #242424;
    --tp-grey-3: #3a3a3a;
    --tp-grey-4: #202020;
    --tp-grey-5: #242424;
    --tp-grey-6: #242424;
    --tp-grey-7: #202020;
    --tp-grey-8: #2a2a2a;
    --tp-grey-9: #2a2a2a;
    --tp-footer-grey-1: #1b1b1b;
    --tp-border-primary: #2f2f2f;
    --tp-border-secondary: #2a2a2a;
    --tp-border-3: #2f2f2f;
    --tp-border-4: #2f2f2f;

    --primary-color: #f1f1f1;
    --primary-color-rgb: 241, 241, 241;
    --header-sticky-background-color: #1b1b1b;
    --header-sticky-text-color: #f1f1f1;
    --header-sticky-text-hover-color: #ffffff;
    --header-main-text-hover-color: #ffffff;
    --header-menu-text-hover-color: #ffffff;

    --footer-background-color: #0c0c0c;

    --sk-panel-bg: #1b1b1b;
    --sk-panel-text: #b9bcc0;
    --sk-panel-heading: #f1f1f1;
    --sk-panel-thumb: #242424;
    --sk-panel-border: #2f2f2f;

    --bs-body-bg: #1c1c1c;
    --bs-body-color: #b9bcc0;
    --bs-border-color: #2f2f2f;
}

html.sk-dark body {
    background-color: var(--sk-bg);
    color: var(--sk-ink-soft);
}

/* ---------- Üst bilgi (renkleri satır içi stille geliyor) ---------- */
html.sk-dark .tp-header-main,
html.sk-dark .tp-header-bottom,
html.sk-dark .tp-header-sticky-area,
html.sk-dark #header-sticky {
    background-color: var(--sk-surface) !important;
    color: var(--sk-ink) !important;
    border-color: var(--sk-line) !important;
}

html.sk-dark .tp-header-area [style*="background-color: #010f1c"],
html.sk-dark .tp-header-top {
    background-color: #0c0c0c !important;
}

/* Açık mod logosu (siyah yazılı) açık modda, koyu mod logosu (beyaz yazılı) koyu modda görünür. */
img.sk-logo-for-dark { display: none !important; }
html.sk-dark img.sk-logo-for-dark { display: inline-block !important; }
html.sk-dark img.sk-logo-for-light { display: none !important; }

/* Sadece eski tek renkli (siyah) logo ters çevrilerek beyaza döner.
   Yeni renkli logo (yeşil) filtresiz gösterilir. */
html.sk-dark img[src*="senkron-26-logo"] {
    filter: invert(1);
}

/* Yeşil-siyah logonun siyah iç dolgusu koyu header zeminine karışsın
   (lighten: siyah pikseller arka plan rengini alır, yeşil aynen kalır). */
html.sk-dark img[src*="senkron-yesil-siyah-logo"] {
    mix-blend-mode: lighten;
}

html.sk-dark .tp-header-search-wrapper,
html.sk-dark .tp-header-search-box input,
html.sk-dark .tp-header-search-category,
html.sk-dark .tp-header-search input {
    background-color: var(--sk-surface-2) !important;
    color: var(--sk-ink) !important;
    border-color: var(--sk-line) !important;
}

html.sk-dark .tp-header-search-btn button,
html.sk-dark .tp-header-search-btn {
    background-color: var(--sk-ink) !important;
    color: #121212 !important;
}

html.sk-dark .tp-header-login-icon span,
html.sk-dark .tp-header-login-content span {
    border-color: var(--sk-line) !important;
}

html.sk-dark .tp-header-action-badge {
    background-color: var(--sk-ink);
    color: #121212;
    border-color: var(--sk-surface);
}

/* ---------- Genel yüzeyler ---------- */
html.sk-dark .tp-feature-item,
html.sk-dark .tp-product-item,
html.sk-dark .sk-tile--card,
html.sk-dark .sk-subcats .sk-tile,
html.sk-dark .sk-brand,
html.sk-dark .tp-brand-area .tp-brand-item,
html.sk-dark .sk-filters .bb-product-filter,
html.sk-dark .tp-cart-checkout-wrapper,
html.sk-dark .tp-shop-top-select .nice-select,
html.sk-dark .nice-select,
html.sk-dark .nice-select .list,
html.sk-dark .cartmini__area,
html.sk-dark .offcanvas__area,
html.sk-dark .bb-filter-offcanvas-wrapper,
html.sk-dark .modal-content,
html.sk-dark .tp-product-details-sticky-actions,
html.sk-dark .tp-mobile-menu,
html.sk-dark #tp-bottom-menu-sticky,
html.sk-dark .bb-product-filter-result {
    background-color: var(--sk-surface) !important;
    border-color: var(--sk-line) !important;
    color: var(--sk-ink-soft);
}

html.sk-dark .tp-slider-area .tp-slider-item {
    background-color: #1c1c1c !important;
}

html.sk-dark .tp-slider-area .tp-slider-title,
html.sk-dark .sk-section-title,
html.sk-dark .sk-section-link,
html.sk-dark .sk-filters .bb-product-filter-title,
html.sk-dark .tp-product-item .tp-product-price.new-price,
html.sk-dark .sk-chip,
html.sk-dark .sk-tile,
html.sk-dark .sk-filter-reset,
html.sk-dark .breadcrumb__title {
    color: var(--sk-ink) !important;
}

html.sk-dark .tp-slider-area .tp-slider-content > span,
html.sk-dark .tp-slider-area .tp-slider-content p {
    color: var(--sk-ink-soft);
}

html.sk-dark .tp-slider-area .tp-slider-btn .tp-btn {
    background: var(--sk-ink);
    color: #121212;
    border-color: var(--sk-ink);
}

/* Ürün ve kategori görselleri beyaz zeminli olduğu için açık bir kutuda tutulur. */
html.sk-dark .tp-product-item .tp-product-thumb,
html.sk-dark .tp-product-item .tp-product-thumb img,
html.sk-dark .tp-product-details-thumb-wrapper img,
html.sk-dark .tp-product-details-nav-main-thumb,
html.sk-dark .tp-product-details-thumb-nav img,
html.sk-dark .tp-cart-img img,
html.sk-dark .cartmini__thumb img {
    background-color: #ffffff !important;
}

html.sk-dark .tp-product-details-nav-main-thumb,
html.sk-dark .tp-product-details-thumb-wrapper .tab-content {
    border-radius: 10px;
    overflow: hidden;
}

html.sk-dark .sk-tile-image,
html.sk-dark .sk-brand,
html.sk-dark .tp-brand-area .tp-brand-item {
    background-color: #ffffff !important;
    border-radius: 8px;
}

html.sk-dark .sk-tile-image img {
    mix-blend-mode: normal;
}

html.sk-dark .sk-tile-image {
    padding: 6px;
}

html.sk-dark .sk-tile:hover,
html.sk-dark .sk-tile--card:hover,
html.sk-dark .sk-subcats .sk-tile:hover {
    background-color: var(--sk-surface-2) !important;
    border-color: #5a5a5a !important;
}

html.sk-dark .sk-catnav-panel {
    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.55);
    border: 1px solid var(--sk-line);
    border-top: 0;
}

html.sk-dark .sk-chip {
    border-color: #444;
}

html.sk-dark .sk-chip:hover {
    background: var(--sk-ink);
    border-color: var(--sk-ink);
    color: #121212 !important;
}

html.sk-dark .sk-filter-search,
html.sk-dark .bb-shop-sidebar input[type="search"],
html.sk-dark .bb-shop-sidebar input[type="text"],
html.sk-dark input.form-control,
html.sk-dark textarea.form-control,
html.sk-dark select.form-select,
html.sk-dark .tp-cart-coupon-input-box input,
html.sk-dark .tp-contact-input input,
html.sk-dark .tp-contact-input textarea,
html.sk-dark .tp-login-input input {
    background-color: var(--sk-surface-2) !important;
    color: var(--sk-ink) !important;
    border-color: var(--sk-line) !important;
}

/* ---------- Ürün sayfası ---------- */
html.sk-dark .tp-product-details-add-to-cart-btn {
    background: var(--sk-ink) !important;
    border-color: var(--sk-ink) !important;
    color: #121212 !important;
}

html.sk-dark .tp-product-details-add-to-cart-btn:hover {
    background: #ffffff !important;
}

html.sk-dark .tp-product-details-buy-now-btn {
    background: transparent !important;
    border-color: #6a6a6a !important;
    color: var(--sk-ink) !important;
}

html.sk-dark .tp-product-details-buy-now-btn:hover {
    background: var(--sk-surface-2) !important;
}

html.sk-dark .tp-product-details-quantity .tp-cart-input,
html.sk-dark .tp-product-quantity input,
html.sk-dark .tp-cart-plus,
html.sk-dark .tp-cart-minus {
    background-color: var(--sk-surface-2) !important;
    color: var(--sk-ink) !important;
    border-color: var(--sk-line) !important;
}

html.sk-dark .tp-product-details-desc-wrapper .ck-content,
html.sk-dark .tp-product-details-desc-wrapper .ck-content * {
    color: var(--sk-ink-soft) !important;
    background-color: transparent !important;
}

html.sk-dark .tp-product-details-desc-wrapper .ck-content h1,
html.sk-dark .tp-product-details-desc-wrapper .ck-content h2,
html.sk-dark .tp-product-details-desc-wrapper .ck-content h3,
html.sk-dark .tp-product-details-desc-wrapper .ck-content h4,
html.sk-dark .tp-product-details-desc-wrapper .ck-content strong {
    color: var(--sk-ink) !important;
}

/* "Stokta" yazısı Bootstrap'in koyu yeşili; koyu modda yeşil stok kutusunun içinde okunmuyordu. */
html.sk-dark .tp-product-details-area .text-success {
    color: var(--sk-accent) !important;
}

/* Kırmızı uyarılar (ör. Yorumlar sekmesindeki "İnceleme yazmak için giriş yapın"): Bootstrap kırmızısı koyu zeminde okunmuyordu. */
html.sk-dark .text-danger,
html.sk-dark .text-danger a {
    color: #ff7b86 !important;
}

html.sk-dark .tp-product-details-desc-wrapper .ck-content img {
    background-color: #ffffff !important;
    border-radius: 8px;
}

/* ---------- Sepet / özet kutuları ---------- */
html.sk-dark .tp-cart-list table,
html.sk-dark .tp-cart-list table th,
html.sk-dark .tp-cart-list table td,
html.sk-dark .table {
    --bs-table-bg: transparent;
    --bs-table-color: var(--sk-ink-soft);
    border-color: var(--sk-line) !important;
    color: var(--sk-ink-soft);
}

html.sk-dark .tp-cart-checkout-btn,
html.sk-dark .tp-btn,
html.sk-dark .tp-filter-btn,
html.sk-dark .tp-cart-coupon-input-box button {
    background-color: var(--sk-ink);
    border-color: var(--sk-ink);
    color: #121212;
}

html.sk-dark .tp-product-item .tp-product-add-cart-btn-large {
    background-color: var(--sk-ink);
    color: #121212;
}

/* ---------- Alt bölümler ---------- */
html.sk-dark .tp-subscribe-area {
    background: #161616 !important;
    border-top: 1px solid var(--sk-line);
}

html.sk-dark .tp-subscribe-area .tp-subscribe-title,
html.sk-dark .tp-subscribe-area .tp-subscribe-content span {
    color: var(--sk-ink);
}

html.sk-dark .tp-subscribe-area .tp-subscribe-input input {
    background: var(--sk-surface-2);
    color: var(--sk-ink);
}

html.sk-dark .tp-footer-area,
html.sk-dark .tp-footer-area .tp-footer-top,
html.sk-dark .tp-footer-area .tp-footer-bottom {
    background-color: #0c0c0c !important;
}

html.sk-dark .tp-footer-area .tp-footer-widget-title,
html.sk-dark .tp-footer-area .tp-footer-talk h4,
html.sk-dark .tp-footer-area .tp-footer-talk h4 a {
    color: #ffffff !important;
}

html.sk-dark .tp-footer-area,
html.sk-dark .tp-footer-area a,
html.sk-dark .tp-footer-area p,
html.sk-dark .tp-footer-area span {
    color: #b4b8be;
}

html.sk-dark .tp-footer-area a:hover {
    color: #ffffff;
}

/* Alt bilgideki beyaz logo zaten koyu zemine göre; ters çevrilmez. */
html.sk-dark .tp-footer-area img {
    filter: none;
}

/* ---------- Tema değiştirme düğmesi ---------- */
.sk-theme-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    margin-right: 14px;
    padding: 0;
    border: 1px solid rgba(1, 15, 28, 0.14);
    border-radius: 50%;
    background: transparent;
    color: inherit;
    cursor: pointer;
    transition: border-color 0.15s ease, background-color 0.15s ease;
}

.sk-theme-toggle:hover {
    border-color: currentColor;
}

.sk-theme-toggle svg {
    width: 18px;
    height: 18px;
}

.sk-theme-toggle .sk-icon-sun {
    display: none;
}

html.sk-dark .sk-theme-toggle {
    border-color: #444;
}

html.sk-dark .sk-theme-toggle .sk-icon-sun {
    display: block;
}

html.sk-dark .sk-theme-toggle .sk-icon-moon {
    display: none;
}

@media (max-width: 767px) {
    .sk-theme-toggle {
        width: 32px;
        height: 32px;
        margin-right: 10px;
    }
}

/* ---------- İnce ayarlar ---------- */
html.sk-dark .sk-catnav-link,
html.sk-dark .tp-header-login-title,
html.sk-dark .tp-header-login-content span,
html.sk-dark .tp-header-action-btn {
    color: var(--sk-ink) !important;
}

html.sk-dark .sk-filters .bb-product-filter a,
html.sk-dark .sk-filters .bb-product-filter label,
html.sk-dark .sk-filters .bb-product-filter li,
html.sk-dark .sk-filters .bb-product-filter span {
    color: var(--sk-ink-soft) !important;
}

html.sk-dark .sk-filters .bb-product-filter a:hover,
html.sk-dark .sk-filters .bb-product-filter .active > a,
html.sk-dark .sk-filters .bb-product-filter a.active {
    color: var(--sk-ink) !important;
}

html.sk-dark .nice-select,
html.sk-dark .nice-select .option,
html.sk-dark .tp-shop-top-result p {
    color: var(--sk-ink-soft) !important;
}

html.sk-dark .nice-select .option:hover,
html.sk-dark .nice-select .option.selected {
    background-color: var(--sk-surface-2) !important;
    color: var(--sk-ink) !important;
}

html.sk-dark .tp-product-tab .nav-link,
html.sk-dark .tp-product-details-tab-nav .nav-link,
html.sk-dark .nav-tabs .nav-link {
    background-color: transparent !important;
    color: var(--sk-ink-soft) !important;
}

html.sk-dark .tp-product-tab .nav-link.active,
html.sk-dark .tp-product-details-tab-nav .nav-link.active,
html.sk-dark .nav-tabs .nav-link.active {
    color: var(--sk-ink) !important;
}

html.sk-dark .tp-shop-top-tab .nav-link {
    border-color: var(--sk-line) !important;
}

html.sk-dark .tp-shop-top-tab .nav-link.active {
    border-color: var(--sk-ink) !important;
}

html.sk-dark .tp-product-details-social a,
html.sk-dark .tp-product-details-action-sm-btn,
html.sk-dark .tp-product-details-query span,
html.sk-dark .tp-product-details-query a {
    color: var(--sk-ink-soft) !important;
    border-color: var(--sk-line) !important;
    background-color: transparent !important;
}
html.sk-dark .tp-cart-list thead,
html.sk-dark .tp-cart-list thead tr,
html.sk-dark .tp-cart-list thead th,
html.sk-dark .tp-cart-header-product,
html.sk-dark table thead th {
    background-color: var(--sk-surface-2) !important;
    color: var(--sk-ink) !important;
}

/* ---------- Kurumsal palet: koyu modda da geçerli olan değerler ---------- */
html.sk-dark {
    --sk-paper: #1c1c1c;
    --sk-paper-alt: #232323;
    --sk-card: #242424;
    --sk-text: #f5f5f5;
    --sk-mute: #9fa1a4;
    --sk-accent-soft: #2a3a12;
    --sk-accent-dark: #b4d44a;
    --tp-grey-1: #232323;
    --tp-grey-2: #232323;
    --tp-grey-4: #1c1c1c;
    --tp-grey-7: #1c1c1c;
    --header-main-text-hover-color: var(--sk-accent);
    --header-menu-text-hover-color: var(--sk-accent);
    --header-sticky-text-hover-color: var(--sk-accent);
}

/* Ana eylemler koyu modda da yeşil kalır (yukarıdaki ters çevirmeleri ezer). */
html.sk-dark .tp-product-details-add-to-cart-btn,
html.sk-dark .tp-product-item .tp-product-add-cart-btn-large,
html.sk-dark .tp-slider-area .tp-slider-btn .tp-btn,
html.sk-dark .tp-cart-checkout-btn,
html.sk-dark .tp-header-search-btn button,
html.sk-dark .tp-filter-btn,
html.sk-dark .tp-header-action-badge {
    background: var(--sk-accent) !important;
    border-color: var(--sk-accent) !important;
    color: var(--sk-on-accent) !important;
}

html.sk-dark .tp-product-details-add-to-cart-btn:hover {
    background: var(--sk-accent-hover) !important;
}

html.sk-dark .tp-header-top,
html.sk-dark .tp-footer-area,
html.sk-dark .tp-footer-area .tp-footer-top,
html.sk-dark .tp-footer-area .tp-footer-bottom {
    background-color: #12141a !important;
}

html.sk-dark .tp-feature-item .tp-feature-icon span {
    color: var(--sk-accent);
}
/* ---------- Ana sayfa vitrini ---------- */
html.sk-dark .sk-hero-main {
    background: #232323;
}

html.sk-dark .sk-hero-dot {
    background: rgba(255, 255, 255, 0.22);
}

html.sk-dark .sk-hero-dot.is-active {
    background: var(--sk-ink);
}

html.sk-dark .sk-hero-card {
    background: var(--sk-surface);
    border-color: var(--sk-line);
}

/* Beyaz zeminli görseller koyu kartta beyaz bir kutuda durur. */
html.sk-dark .sk-hero-card-media {
    background: #ffffff;
    border-radius: 10px;
    padding: 8px;
}

html.sk-dark .sk-hero-card-media img {
    mix-blend-mode: normal;
}
/* ---------- Telefon menüsü ve marka kutuları ---------- */
html.sk-dark .sk-drawer .offcanvas__wrapper,
html.sk-dark .sk-drawer-btn,
html.sk-dark .sk-drawer-shortcuts a {
    background: var(--sk-surface) !important;
}

html.sk-dark .sk-drawer-account {
    background: var(--sk-surface-2);
}

html.sk-dark .sk-drawer-btn--primary {
    background: var(--sk-accent) !important;
}

/* Marka kutusu koyu modda beyaz kalır; logo kutuyu aşmasın. */
html.sk-dark .sk-brand,
html.sk-dark .tp-brand-area .tp-brand-item {
    border-color: transparent !important;
    overflow: hidden;
}

/* ---------- SSS, iletişim formu, çerez kutusu, giriş kartı ---------- */
html.sk-dark .accordion-item,
html.sk-dark .accordion-button,
html.sk-dark .accordion-body {
    background-color: var(--sk-surface) !important;
    border-color: var(--sk-line) !important;
    color: var(--sk-ink) !important;
    box-shadow: none;
}

html.sk-dark .accordion-body {
    color: var(--sk-ink-soft) !important;
}

html.sk-dark .accordion-button::after {
    filter: invert(1);
}

html.sk-dark .contact-form .contact-form-input {
    background-color: var(--sk-surface);
    border-color: var(--sk-line);
    color: var(--sk-ink);
}

html.sk-dark .contact-form .contact-form-input::placeholder {
    color: var(--tp-text-5);
}

html.sk-dark .site-notice-body {
    background: var(--sk-surface) !important;
    border-color: var(--sk-line) !important;
    color: var(--sk-ink-soft) !important;
}

html.sk-dark .site-notice-body h1,
html.sk-dark .site-notice-body h2,
html.sk-dark .site-notice-body h3,
html.sk-dark .site-notice-body h4,
html.sk-dark .site-notice-body h5,
html.sk-dark .site-notice-body a {
    color: var(--sk-ink) !important;
}

/* ---------- Müşteri hesabı sayfaları ---------- */
html.sk-dark .bb-customer-page,
html.sk-dark .bb-customer-page .bg-white,
html.sk-dark .bb-customer-page .bb-customer-content-wrapper,
html.sk-dark .bb-customer-page .bb-customer-sidebar-wrapper,
html.sk-dark .bb-customer-page .bb-customer-profile,
html.sk-dark .bb-customer-page .bb-customer-card,
html.sk-dark .bb-customer-page .card,
html.sk-dark .bb-customer-page .card-body,
html.sk-dark .bb-customer-page .card-header,
html.sk-dark .bb-customer-page .wrapper-image {
    background-color: var(--sk-surface) !important;
    border-color: var(--sk-line) !important;
    color: var(--sk-ink-soft);
}

html.sk-dark .bb-customer-page {
    background-color: var(--sk-bg) !important;
}

html.sk-dark .bb-customer-page .bb-customer-sidebar-heading {
    background: var(--sk-surface-2) !important;
    border-color: var(--sk-line) !important;
}

html.sk-dark .bb-customer-page .bb-customer-sidebar-heading * {
    color: var(--sk-ink) !important;
}

html.sk-dark .bb-customer-page h1,
html.sk-dark .bb-customer-page h2,
html.sk-dark .bb-customer-page h3,
html.sk-dark .bb-customer-page h4,
html.sk-dark .bb-customer-page h5,
html.sk-dark .bb-customer-page .value,
html.sk-dark .bb-customer-page .nav-link,
html.sk-dark .bb-customer-page label {
    color: var(--sk-ink) !important;
}

html.sk-dark .bb-customer-page .text-muted,
html.sk-dark .bb-customer-page .card-text {
    color: var(--sk-ink-soft) !important;
}

html.sk-dark .bb-customer-page .nav-link.active {
    background-color: var(--sk-accent) !important;
    color: var(--sk-on-accent) !important;
}

html.sk-dark .bb-customer-page .nav-link.active .nav-text,
html.sk-dark .bb-customer-page .nav-link.active svg {
    color: var(--sk-on-accent) !important;
}

html.sk-dark .bb-customer-page .table,
html.sk-dark .bb-customer-page .table td,
html.sk-dark .bb-customer-page .table th {
    --bs-table-bg: transparent;
    color: var(--sk-ink-soft);
    border-color: var(--sk-line);
}

/* Botble müşteri panelinin (customer.css, front-ecommerce.css) sabit açık zeminleri: kart başlıkları, sipariş ürün kartı,
   tablo satırları, iade ekranı kutuları, kenar çubuğu alt bölümü. Liste iki dosyadan çıkarıldı (08.10.2026). */
html.sk-dark .bb-customer-card-header,
html.sk-dark .bb-customer-card-footer,
html.sk-dark .bb-customer-sidebar-footer,
html.sk-dark .bb-customer-content-wrapper,
html.sk-dark .bb-customer-page .table-responsive,
html.sk-dark .bb-order-detail-wrapper .bb-order-products-table thead,
html.sk-dark .bb-customer-card .return-item-info .info-item,
html.sk-dark .bb-customer-card .return-product-controls .info-item,
html.sk-dark .bb-customer-card.return-form-card .return-reason-section,
html.sk-dark .bb-customer-page .pagination .page-item.disabled .page-link {
    background: var(--sk-surface-2) !important;
    border-color: var(--sk-line) !important;
}

html.sk-dark .bb-customer-card,
html.sk-dark .bb-empty,
html.sk-dark .bb-customer-profile,
html.sk-dark .bb-order-detail-wrapper .bb-order-product-card,
html.sk-dark .bb-customer-page .table-responsive .table tbody tr {
    background: var(--sk-surface) !important;
    border-color: var(--sk-line) !important;
}

/* Sipariş detayındaki ürün kartı sayfanın kartıyla aynı zeminde kalmasın: bir ton açık. */
html.sk-dark .bb-order-detail-wrapper .bb-order-product-card {
    background: var(--sk-surface-2) !important;
}

html.sk-dark .bb-order-detail-wrapper .bb-order-product-card-image img {
    background-color: #fff;
}

/* Silme ve değerlendirme kartlarının renkli başlıkları koyu zeminde koyu tonla. */
html.sk-dark .bb-customer-card.delete-account-card .bb-customer-card-header {
    background: #2e1d1d !important;
}

html.sk-dark .product-reviews-cards .waiting-review-card .bb-customer-card-header {
    background: #2e2a1a !important;
}

/* Başlık ve sabit koyu yazılar */
html.sk-dark .bb-customer-card-title,
html.sk-dark .bb-customer-card-title .value,
html.sk-dark .bb-customer-page .customer-page-title,
html.sk-dark .bb-profile-header-title,
html.sk-dark .bb-customer-sidebar-heading .name,
html.sk-dark .bb-empty-title,
html.sk-dark .bb-customer-profile-info h4,
html.sk-dark .bb-customer-card .info-item .value,
html.sk-dark .bb-customer-card .section-title,
html.sk-dark .bb-customer-card .return-item-name,
html.sk-dark .bb-customer-card .return-product-name,
html.sk-dark .bb-customer-card-name a,
html.sk-dark .bb-order-detail-wrapper .bb-section-title,
html.sk-dark .bb-order-detail-wrapper .bb-order-info-item .value,
html.sk-dark .bb-order-detail-wrapper .bb-order-product-card-name a,
html.sk-dark .bb-order-detail-wrapper .bb-product-info .bb-product-name a,
html.sk-dark .bb-order-detail-wrapper .bb-order-product-card-price-item .value,
html.sk-dark .bb-order-detail-wrapper .bb-order-product-card-price-item.total .label,
html.sk-dark .bb-order-detail-wrapper .bb-order-products-table thead th,
html.sk-dark .bb-order-detail-wrapper .bb-order-totals .label,
html.sk-dark .bb-order-detail-wrapper .bb-order-totals .value,
html.sk-dark .bb-customer-page .table-responsive .table tbody tr td:before,
html.sk-dark .bb-customer-page .table-striped.table-bordered tbody tr th[scope=row]:before,
html.sk-dark .bb-profile-user-menu li.list-group-item a,
html.sk-dark .bb-customer-card-body .form-group label {
    color: var(--sk-ink) !important;
}

html.sk-dark .bb-customer-card .info-item .label,
html.sk-dark .bb-order-detail-wrapper .bb-order-info-item .label,
html.sk-dark .bb-order-detail-wrapper .bb-order-product-card-price-item .label,
html.sk-dark .bb-order-detail-wrapper .bb-order-product-card-sku,
html.sk-dark .bb-customer-card-description,
html.sk-dark .bb-customer-card-header .text-muted {
    color: var(--sk-ink-soft) !important;
}

html.sk-dark .bb-customer-page .btn-outline-danger {
    color: #f28b8b !important;
    border-color: #a94444 !important;
}

/* Genel bakıştaki "avatarı değiştir" düğmesi: zemin değişkenden açık griye dönüyor, simge de açık; ikisi ayrışmıyordu. */
html.sk-dark .bb-customer-profile-avatar-overlay,
html.sk-dark .bb-customer-profile-avatar-overlay label {
    background-color: var(--sk-surface-2) !important;
    border-color: var(--sk-line) !important;
    color: var(--sk-ink) !important;
}

/* Ürün kartlarındaki üstü çizili eski fiyat: açık temadaki %70 saydamlık koyu zeminde okunmaz hâle getiriyordu. */
html.sk-dark .tp-product-item .tp-product-price.old-price {
    opacity: 1;
    color: #9a9ea3 !important;
}

/* 404 sayfası açıklaması */
html.sk-dark .tp-error-content p,
html.sk-dark .tp-error-area p,
html.sk-dark .tp-error-hero p {
    color: var(--sk-ink-soft) !important;
}

/* Fareyle üzerine gelme zeminleri */
html.sk-dark .bb-customer-sidebar .nav-link:hover:not(.active),
html.sk-dark .bb-profile-user-menu li.list-group-item:hover,
html.sk-dark .bb-customer-page .pagination .page-link:hover,
html.sk-dark .bb-customer-sidebar-footer .dropdown-item:hover {
    background-color: var(--sk-surface-2) !important;
    color: var(--sk-ink) !important;
}

/* Hızlı arama: açılan arama kutusu ve sonuç listesi */
html.sk-dark .tp-search-input input,
html.sk-dark .bb-quick-search-results {
    background-color: var(--sk-surface-2) !important;
    color: var(--sk-ink) !important;
    border-color: var(--sk-line) !important;
}

/* Telefonda açılan filtre paneli. */
html.sk-dark .bb-filter-offcanvas-area {
    background-color: var(--sk-bg) !important;
}

/* Ürün sayfası "İlgili Ürünler": tema sabit koyu renk ve açık griden beyaza geçen zemin kullanıyor
   (14.10.2026: zemin koyu modda beyaz kalıyor, başlık okunmuyordu). */
html.sk-dark .tp-related-product-modern {
    background: var(--sk-bg) !important;
}

html.sk-dark .tp-related-product-modern .tp-related-title,
html.sk-dark .tp-related-product-modern .tp-product-item .tp-product-title a {
    color: var(--sk-ink);
}

/* Kategoriler sayfası: blok zemini satır içi değişkenle beyaz geliyor. */
html.sk-dark .tp-category-area {
    --block-ecommerce-categories-background-color: var(--sk-bg) !important;
}

html.sk-dark .cookie-consent-modal__dialog {
    background: var(--sk-surface) !important;
    color: var(--sk-ink-soft);
}

html.sk-dark .site-notice__header {
    background: transparent !important;
    border-color: var(--sk-line) !important;
}

html.sk-dark .site-notice__title,
html.sk-dark .cookie-consent-modal__title,
html.sk-dark .cookie-consent-modal__item-name {
    color: var(--sk-ink) !important;
}

html.sk-dark .site-notice__message,
html.sk-dark .cookie-consent-modal__intro,
html.sk-dark .cookie-consent-modal__item-desc {
    color: var(--sk-ink-soft) !important;
}

html.sk-dark .site-notice__icon {
    background: var(--sk-surface-2) !important;
    color: var(--sk-ink) !important;
}

html.sk-dark .cookie-consent-modal__badge {
    color: var(--sk-accent) !important;
}

html.sk-dark .site-notice__accept-all {
    background: var(--sk-accent) !important;
    border-color: var(--sk-accent) !important;
    color: var(--sk-on-accent) !important;
}

html.sk-dark .site-notice__secondary {
    background: var(--sk-surface-2) !important;
    border-color: var(--sk-line) !important;
    color: var(--sk-ink) !important;
}

html.sk-dark .auth-card__header-icon.bg-white {
    background-color: var(--sk-surface-2) !important;
    color: var(--sk-ink);
}

html.sk-dark .auth-card .text-muted,
html.sk-dark .auth-card .form-check-label {
    color: var(--sk-ink-soft) !important;
}
/* Stok durumu (Faz 23): "X iş gününde kargolanır". */
html.sk-dark .tp-product-details-wrapper .number-items-available.sk-availability--supplier {
    background: rgba(245, 166, 35, 0.18);
    color: #f5b94a;
}

/* ---------- 13.10.2026: koyu modda okunmayan yerler ----------
   --primary-color koyu modda açık gri (#f1f1f1) olduğu için onu zemin olarak kullanan düğmelerde beyaz yazı kayboluyordu
   (ör. teklif penceresindeki "Talebi Gönder"). Birincil düğmeler kurumsal yeşil zemin + koyu yazı olur. */
html.sk-dark .btn-primary,
html.sk-dark .btn.btn-primary {
    --bs-btn-bg: var(--sk-accent, #98bc2a);
    --bs-btn-border-color: var(--sk-accent, #98bc2a);
    --bs-btn-color: #111214;
    --bs-btn-hover-bg: #88aa22;
    --bs-btn-hover-border-color: #88aa22;
    --bs-btn-hover-color: #111214;
    --bs-btn-active-bg: #88aa22;
    --bs-btn-active-color: #111214;
    background-color: var(--sk-accent, #98bc2a) !important;
    border-color: var(--sk-accent, #98bc2a) !important;
    color: #111214 !important;
}

html.sk-dark .btn-primary:hover,
html.sk-dark .btn-primary:focus {
    background-color: #88aa22 !important;
    border-color: #88aa22 !important;
    color: #111214 !important;
}

/* Onay kutuları ve seçim düğmeleri (kayıt formundaki sözleşme kutusu, filtreler, ödeme): koyu zeminde kenarı görünür,
   işaretlenince yeşil. */
html.sk-dark .form-check-input {
    background-color: #1c1c1c;
    border: 1.5px solid #8a8e94;
}

html.sk-dark .form-check-input:checked {
    background-color: var(--sk-accent, #98bc2a);
    border-color: var(--sk-accent, #98bc2a);
}

html.sk-dark .form-check-input[type="checkbox"]:checked {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23111214' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

html.sk-dark .form-check-input:focus {
    border-color: var(--sk-accent, #98bc2a);
    box-shadow: 0 0 0 3px rgba(152, 188, 42, 0.25);
}

html.sk-dark input[type="checkbox"]:not(.form-check-input),
html.sk-dark input[type="radio"]:not(.form-check-input) {
    accent-color: var(--sk-accent, #98bc2a);
}

/* Yorum formunda fotoğraf yükleme kutusu, üstü çizili eski fiyat. */
html.sk-dark .image-upload__text,
html.sk-dark .image-upload__uploader {
    color: #b9bcc0;
}

html.sk-dark .tp-product-price.old-price,
html.sk-dark del.old-price {
    color: #8a8e94;
}

html.sk-dark ::placeholder {
    color: #8a8e94;
    opacity: 1;
}
/* Anlık arama önerileri (24.10.2026): vurgu ve bağlantı rengi koyu zeminde okunur kalsın. */
html.sk-dark .bb-quick-search-highlight {
    box-shadow: inset 0 -0.45em 0 rgba(152, 188, 42, .35);
}
html.sk-dark .sk-qs-all.bb-quick-search-view-all a,
html.sk-dark .sk-qs-item .sk-qs-ask {
    color: var(--sk-accent);
}
html.sk-dark .sk-qs-item .sk-qs-name,
html.sk-dark .sk-qs-item .sk-qs-price {
    color: var(--sk-ink);
}
html.sk-dark .sk-qs-item .sk-qs-desc,
html.sk-dark .sk-qs-head {
    color: var(--sk-ink-soft);
}
html.sk-dark .bb-quick-search-item.sk-qs-item:hover {
    background: var(--sk-surface);
}

/* Kampanya logosu (06.11.2026): koyu temadaki beyaz görsel zemini logoya uygulanmaz */
html.sk-dark .tp-product-item .tp-product-thumb img.sk-campaign-stamp,
html.sk-dark .tp-product-details-thumb-wrapper img.sk-campaign-stamp {
    background: transparent !important;
}