/* =========================================================
   ТЁМНАЯ ТЕМА
   Только переопределения для [data-theme="dark"].
   Светлая тема живёт в style.css / main.css и здесь не трогается.

   Тёмные плашки-бренд (#2c3e50 .header/.header-nav, #030303 шапка
   главной, оранж, красный бейдж, зелёные «успех») НЕ переопределяются —
   они одинаковы в обеих темах.

   Палитра тёмной темы:
     фон страницы   #242424   (как шапка)
     поверхность    #2d2d31   (карточки, сайдбар, модалка)
     ховер-поверх.  #3a3a40
     текст-заголов. #f0f0f2
     текст-основной #d7d7da
     текст-мягкий   #b5b5ba
     бордеры        #45454b   / мягкие #3a3a40
   Средне-серые (#7f8c8d, #95a5a6, #bdc3c7) оставлены как есть —
   они читаются на тёмном.
   ========================================================= */

/* ---------- Глобальное ---------- */
[data-theme="dark"] body {
  background: #242424;
  color: #d7d7da;
}
[data-theme="dark"] .page-catalog .btn-load-more {
  background: #2d2d31;
  border-color: #45454b;
  color: #f0f0f2;
}

[data-theme="dark"] .page-catalog .btn-load-more:hover {
  background: #333338;
  border-color: #e67e22;
  color: #e67e22;
}
/* Крошки: были #242424 — на тёмном фоне стали бы невидимы */
[data-theme="dark"] .breadcrumbs,
[data-theme="dark"] .breadcrumbs a {
  color: #b5b5ba;
}
[data-theme="dark"] .icons-cat {
  background: #1a1a1a;
  border-color: #45454b;
  color: #979595;
}
[data-theme="dark"] .siz__title {
  color: #b5b5ba;
}

[data-theme="dark"] .page-catalog-list .icons-cat p {
  color: #979595 !important;
}
[data-theme="dark"] .cn-crumbs a.is-current::before {
  background: #242424 !important;
}

/* ---------- Главная ---------- */
[data-theme="dark"] .page-home {
  background: #242424;
}

[data-theme="dark"] .page-home .category-card p {
  color: #c8c8cc;
}

/* ---------- Каталог ---------- */
[data-theme="dark"] .page-catalog .sidebar {
  background: #2d2d31;
}

[data-theme="dark"] .page-catalog .sidebar h3 {
  color: #f0f0f2;
  border-bottom-color: #45454b;
}

[data-theme="dark"] .page-catalog .sidebar a {
  color: #b5b5ba;
}

/* Ховер и активная категория: правило выше (0,3,1) совпадает по
   специфичности с базовым из style.css и, подключаясь позже, гасило
   оранжевый. Возвращаем его — a.active/:hover дают (0,4,1). */
[data-theme="dark"] .page-catalog .sidebar a:hover,
[data-theme="dark"] .page-catalog .sidebar a.active {
  color: #e67e22;
}

[data-theme="dark"] .page-catalog .parent-link {
  color: #f0f0f2;
}

[data-theme="dark"] .page-catalog .sidebar ul ul ul {
  border-left-color: #3a3a40;
}

[data-theme="dark"] .page-catalog .filter-group {
  border-top-color: #45454b;
}

[data-theme="dark"] .page-catalog .filter-group h4 {
  color: #e5e5e8;
}

[data-theme="dark"] .page-catalog .price-inputs input {
  background: #2d2d31;
  color: #f0f0f2;
  border-color: #45454b;
}

[data-theme="dark"] .page-catalog .filter-checkbox-label {
  color: #b5b5ba;
}

/* Ховер был #242424 — совпал бы с фоном страницы */
[data-theme="dark"] .page-catalog .filter-checkbox-label:hover {
  color: #fff;
}

[data-theme="dark"] .page-catalog .filter-checkbox {
  border-color: #666;
}

/* Ховер кнопки «Применить» был #242424 — кнопка растворялась в фоне */
[data-theme="dark"] .page-catalog .btn-apply:hover {
  background: #3a3a40;
}

[data-theme="dark"] .page-catalog .card-wrap {
  background: #242424;
}

[data-theme="dark"] .page-catalog .card img {
  background: #ffffff;
}

[data-theme="dark"] .page-catalog .card-title {
  color: #f0f0f2;
}

[data-theme="dark"] .page-catalog .pagination a {
  background: #2d2d31;
  color: #d7d7da;
  border-color: #45454b;
}

[data-theme="dark"] .page-catalog .pagination a:hover:not(.active) {
  background: #3a3a40;
}

/* Та же ничья по специфичности, что и в сайдбаре: активная страница
   теряла оранжевый. a.active даёт (0,4,1) и перебивает. */
[data-theme="dark"] .page-catalog .pagination a.active {
  background: #e67e22;
  color: #fff;
  border-color: #e67e22;
}

[data-theme="dark"] .page-catalog .no-goods {
  background: #2d2d31;
}

[data-theme="dark"] .page-catalog .no-goods h3 {
  color: #f0f0f2;
}

/* Плашка с крошками и счётчиком над сеткой (main.css: .top-filters__wrap) */
[data-theme="dark"] .page-catalog .top-filters__wrap {
  background: #2d2d31;
}

/* ---------- Карточка товара ---------- */
[data-theme="dark"] .page-product .container {
  border-color: #45454b;
}

[data-theme="dark"] .page-product .image-area img {
  background: #2d2d31;
}

[data-theme="dark"] .page-product .product-title {
  color: #f0f0f2;
}

[data-theme="dark"] .page-product .attrs-list {
  background: #242424;
}

[data-theme="dark"] .page-product .attrs-list strong {
  color: #f0f0f2;
}

[data-theme="dark"] .page-product .attr-item {
  border-bottom: 1px solid #45454b;
}

[data-theme="dark"] .page-product .desc-title {
  color: #f0f0f2;
  border-bottom-color: #45454b;
}

[data-theme="dark"] .page-product .desc-text {
  color: #b5b5ba;
}

/* ---------- Модалка «узнать цену» ---------- */
[data-theme="dark"] .ask-modal {
  background: #2d2d31;
}

[data-theme="dark"] .ask-modal h3 {
  color: #f0f0f2;
}

[data-theme="dark"] .ask-field label {
  color: #e5e5e8;
}

[data-theme="dark"] .ask-field input {
  background: #2d2d31;
  color: #f0f0f2;
  border-color: #45454b;
}

/* ---------- Сетка категорий (catalog.php) ---------- */
/* Плитки категорий (#2c3e50) — брендовые, в тёмной теме не меняются.
   Флипаем только светлые карточки-заготовки. */
[data-theme="dark"] .page-catalog-list .icons-cat--placeholder {
  background: #2d2d31;
  border-color: #45454b;
}

[data-theme="dark"] .page-catalog-list .icons-cat--placeholder:hover {
  background: #34343a;
}

[data-theme="dark"] .page-catalog-list .icons-cat--placeholder p {
  color: #b5b5ba;
}

/* Липкая азбука сверху */
[data-theme="dark"] .page-filters .abc {
  background: #2d2d31;
}
[data-theme="dark"] .page-filters .abc a {
  color: #d7d7da;
}

/* Разделители-буквы */
[data-theme="dark"] .page-filters .substance-letter-heading {
  border-bottom-color: #45454b;
}

/* Карточки веществ */
[data-theme="dark"] .page-filters .substanceCard {
  background: #2d2d31;
  border-color: #3a3a40;
}
[data-theme="dark"] .page-filters .substanceCard__name {
  color: #8d8d8d;
}
[data-theme="dark"] .page-filters .substanceCard__formula {
  color: #b5b5ba;
}
/* Пустой бейдж марки был светлым (#ececec) */
[data-theme="dark"] .page-filters .substanceCard__mark.is-empty {
  background: #3a3a40;
  color: #9a9a9f;
}

[data-theme="dark"] .siz__head {
  color: #d7d7da;
  background: #2d2d31;
  border-color: #45454b;
}
[data-theme="dark"] .siz__head:hover {
  border-color: #5a5a62;
}

[data-theme="dark"] .siz__item.is-open .siz__panel {
  border-color: #45454b;
  background: #34343a;
}
[data-theme="dark"] .siz__panel p {
  color: #c8c8cc;
}

[data-theme="dark"] .cat-new {
  --cn-ink: #f0f0f2;
  --cn-muted: #b5b5ba;
  --cn-line: #3a3a40;
  --cn-surface: #2d2d31;
  --cn-page: #242424;
  --cn-img-bg: #333338;
  background: #242424;
}

[data-theme="dark"] .page-product .product-title {
  border: 1px solid #5d5d5d;
}
[data-theme="dark"] .price-cta {
  border: 1px solid #5d5d5d;
}
[data-theme="dark"] .page-product .image-area {
  border: 1px solid #5d5d5d;
}

[data-theme="dark"] .nav-inner {
  /* border: 1px solid #5d5d5d; */
}
[data-theme="dark"] .variants {
  background: #242424;
  border: 1px solid #5d5d5d;
  color: #b5b5ba;
}
[data-theme="dark"] .variant-row {
  border: 1px solid #5d5d5d;
  color: #b5b5ba;
}
[data-theme="dark"] .variants-list {
  border: none;
}
[data-theme="dark"] .desc-text h1,
.desc-text h2,
.desc-text h3,
.desc-text h4 {
  color: #b5b5ba !important;
}
[data-theme="dark"] .page-catalog .cn-top,
.page-catalog .cn-top::after {
  background: #242424;
}

[data-theme="dark"] .cn-chip__btn,
.cn-chip__link {
  border: 1px solid #878787;
}

[data-theme="dark"] .cn-cats__label {
  color: #b5b5ba !important;
}
[data-theme="dark"] .dop-logo {
  color: #b5b5ba;
}

/* --------sitemap---------- */

[data-theme="dark"] .subMenu a {
    color: #b5b5ba;
}
[data-theme="dark"] .subMenu a:hover {
    color: #ff8a2a;
}

[data-theme="dark"] ul.siteMap ul {
    border-left-color: #3a3a40; 
}

[data-theme="dark"] ul.siteMap > li > .siteMapLi > a {
    color: #f0f0f2; 
}

[data-theme="dark"] ul.siteMap > li > ul > li > .siteMapLi > a {
    color: #d7d7da;
}

[data-theme="dark"] .siteMapLi a {
    color: #b5b5ba;
}

[data-theme="dark"] ul.siteMap > li > ul > li > ul > li > a {
    color: #8a8a8f; 
}

[data-theme="dark"] .siteMapLi a:hover,
[data-theme="dark"] ul.siteMap > li > ul > li > ul > li > a:hover {
    color: #ff8a2a;
}