/* ============================================================
   Geniled DS — тёмная корзина (theme-dark)
   Единый тёмный фон: блоки прозрачные, ложатся на фон страницы (#101213).
   Без карточек-выделений — цельное тёмное полотно, как меню/страница.
   Источник DS: figma/geniled-ds-build, 2026-06-04. Scope #basket-root.
   ============================================================ */

/* Все блоки корзины — прозрачные (наследуют тёмный фон страницы) */
body.theme-dark #basket-root .basket-checkout-container,
body.theme-dark #basket-root .basket-items-list-header,
body.theme-dark #basket-root .basket-items-list-container,
body.theme-dark #basket-root .basket-items-list,
body.theme-dark #basket-root .basket-items-list-wrapper,
body.theme-dark #basket-root .basket-item,
body.theme-dark #basket-root .basket-item-block,
body.theme-dark #basket-root .basket-items-list-item,
body.theme-dark #basket-root .basket-items-list-item-container,
body.theme-dark #basket-root .basket-items-list-item-removed-container,
body.theme-dark #basket-root #basket-warning {
  background: transparent !important;
}

/* Разделители между товарами — серые (DS-border) */
body.theme-dark #basket-root .basket-items-list-wrapper,
body.theme-dark #basket-root .basket-items-list-header,
body.theme-dark #basket-root .basket-checkout-container,
body.theme-dark #basket-root .basket-items-list-item,
body.theme-dark #basket-root .basket-items-list-item-container,
body.theme-dark #basket-root .basket-item-block,
body.theme-dark #basket-root .basket-item-block-info {
  border-color: #555658 !important;
}

/* Текст — светлый (названия, цены, свойства, обе суммы «Итого») */
body.theme-dark #basket-root .basket-item-info-name,
body.theme-dark #basket-root .basket-item-info-name-link,
body.theme-dark #basket-root .basket-item-price-current,
body.theme-dark #basket-root .basket-item-price-current > span,
body.theme-dark #basket-root .basket-item-property-value,
body.theme-dark #basket-root .basket-item-property-custom-value,
body.theme-dark #basket-root .basket-checkout-block-total-price,
body.theme-dark #basket-root .basket-coupon-block-total-price-current {
  color: #ffffff !important;
}

/* Поля ввода (купон/фильтр) — чуть темнее фона, чтобы читались как инпут */
body.theme-dark #basket-root .basket-coupon-block-field .form-control,
body.theme-dark #basket-root .basket-items-search-field .form-control {
  background: #1a1c1d !important;
  border-color: rgba(255, 255, 255, .12) !important;
  color: #ffffff !important;
}

/* Цифры — tabular (сигнатура DS) */
body.theme-dark #basket-root .basket-item-price-current,
body.theme-dark #basket-root .basket-item-price-old,
body.theme-dark #basket-root .basket-checkout-block-total-price,
body.theme-dark #basket-root .basket-coupon-block-total-price-current,
body.theme-dark #basket-root .basket-item-amount-filed {
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" on, "lnum" on, "kern" on;
}

/* ── Скрыто по запросу: купон + фильтр (структурно, вне зависимости от темы) ── */
/* Купон «Введите код купона для скидки» в блоке checkout */
#basket-root .basket-coupon-section,
#basket-root .basket-coupon-block-field { display: none !important; }
/* Поле «Фильтр» в шапке списка товаров */
#basket-root .basket-items-search-field { display: none !important; }

/* ── Крестик удаления: серый, без подложки-квадрата, отдалён от цены ── */
/* Крестик рисуется ЛИНИЯМИ через ::before/::after (их background = цвет линий).
   Сам элемент — без фона (нет квадрата-подложки), линии — серые. */
#basket-root .basket-item-actions-remove {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  color: #8d9099 !important;
  margin-right: 18px !important;        /* отдалить от цены */
}
#basket-root .basket-item-actions-remove:before,
#basket-root .basket-item-actions-remove:after {
  background: #8d9099 !important;        /* ЛИНИИ крестика серым (было transparent → пропал) */
}
#basket-root .basket-item-actions-remove svg,
#basket-root .basket-item-actions-remove svg * {
  fill: #8d9099 !important;
}
/* hover — светлее */
#basket-root .basket-item-actions-remove:hover:before,
#basket-root .basket-item-actions-remove:hover:after { background: #cccccc !important; }
#basket-root .basket-item-actions-remove:hover svg,
#basket-root .basket-item-actions-remove:hover svg * { fill: #cccccc !important; }
/* Скрыть дубль — мобильный крестик (d-md-none) на desktop */
@media (min-width: 768px) {
  #basket-root .basket-item-actions-remove.d-md-none { display: none !important; }
}

/* ── Кнопка «Оформить заказ» — как эталон .sections_wrapper0 a.btn (замер) ── */
/* #92289a, padding 16/32, radius 8, 16px/600, Raleway, без тени/ripple */
#basket-root .basket-btn-checkout,
#basket-root .btn.btn-primary.basket-btn-checkout {
  background: #92289a !important;
  background-color: #92289a !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 8px !important;
  padding: 16px 32px !important;
  box-shadow: none !important;
  text-shadow: none !important;
  font-family: 'Raleway', -apple-system, sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  text-transform: none !important;
}
#basket-root .basket-btn-checkout:hover,
#basket-root .btn.btn-primary.basket-btn-checkout:hover {
  background: #7b1c83 !important;
  background-color: #7b1c83 !important;
  color: #ffffff !important;
}

/* ── #pagetitle — убрать лишний нижний отступ (раздувал .topic пустотой) ── */
#content #pagetitle,
.wrapper_inner #pagetitle { margin-bottom: 0 !important; }
#basket-root,
#content #basket-root,
#basket-root .basket-items-list-wrapper { margin-top: 0 !important; padding-top: 0 !important; }

/* ── Поле количества товара — убрать тёмную подложку (прозрачной) ── */
#basket-root .basket-item-amount-filed,
#basket-root .basket-item-amount-field,
#basket-root .basket-item-amount-filed-block,
#basket-root [id^="basket-item-quantity-"],
#basket-root [id^="basket-item-quantity-"] input,
#basket-root .basket-item-amount-field input {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* ── #content — фон как .page-top.maxwidth-theme (#101213) ── */
/* Сейчас #content прозрачный и просвечивает .maxwidth-theme (#252729, светлее). Задаём явно. */
body.theme-dark #content { background: #101213 !important; }

/* ── Убрать боковые padding контейнеров — контент заподлицо с меню (ГЛОБАЛЬНО) ── */
body.theme-dark .page-top.maxwidth-theme,
body.theme-dark .wrapper_inner { padding-left: 0 !important; padding-right: 0 !important; }

/* ── .page-top — убрать огромный нижний отступ/высоту (VisBug-замер) ── */
body.theme-dark .page-top.maxwidth-theme {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  min-height: 0 !important;
  height: auto !important;
}

/* ── Меню ЛК (левая колонка) — прозрачный фон + пункты + убрать блочные границы ── */
body.theme-dark .col-md-3 ul.dropdown-menu,
body.theme-dark .col-md-3 .dropdown-menu,
body.theme-dark .col-md-3 .dropdown-menu li,
body.theme-dark .col-md-3 .dropdown-menu > li,
body.theme-dark .col-md-3 .dropdown-menu li a,
body.theme-dark .col-md-3 .dropdown-menu > li > a {
  background: transparent !important;
  background-color: transparent !important;
}
/* Границы пунктов меню — тонкие серые divider'ы вместо блочных рамок */
body.theme-dark .col-md-3 .dropdown-menu li,
body.theme-dark .col-md-3 .dropdown-menu > li {
  border-color: rgba(255, 255, 255, .10) !important;
}

/* ── Единый фон зоны колонок: родитель .maxwidth-theme был #252729 → #101213 ── */
/* Решает «чёрное у меню»: меню прозрачное теперь сливается с единым фоном, */
/* не нужно растягивать #content — вся область колонок одного цвета. */
body.theme-dark #content.wraps,
body.theme-dark .maxwidth-theme { background: #101213 !important; }

/* Меню ЛК — слить без рамок (по выбору): убрать границы пунктов */
body.theme-dark .col-md-3 .dropdown-menu,
body.theme-dark .col-md-3 .dropdown-menu li,
body.theme-dark .col-md-3 .dropdown-menu > li,
body.theme-dark .col-md-3 .dropdown-menu li a {
  border: 0 !important;
  box-shadow: none !important;
}

/* ── Серые уголки у футера: убрать border-radius контейнеров (фон просвечивал) ── */
body.theme-dark .maxwidth-theme,
body.theme-dark #content.wraps,
body.theme-dark .wrapper_inner,
body.theme-dark .wrapper1 { border-radius: 0 !important; }
/* Дотянуть тёмный фон до низа (нижние обёртки перед футером) */
body.theme-dark .wrapper1 { background: #101213 !important; }

/* ── Sticky-блок итого: при фиксации (прокрутка) — непрозрачный фон ── */
/* В обычном состоянии прозрачный; когда Bitrix вешает -fixed (sticky) — */
/* задаём фон #101213, чтобы таблица не просвечивала сквозь него. */
body.theme-dark #basket-root .basket-checkout-container.basket-checkout-container-fixed {
  background: #101213 !important;
  border-bottom: 1px solid #555658 !important;
}

/* ── Выровнять верх колонки меню с правой колонкой (таблица/Итого) ── */
body.theme-dark #content .col-md-3 { margin-top: 0 !important; padding-top: 0 !important; }
body.theme-dark #content .col-md-9 { margin-top: 0 !important; padding-top: 0 !important; }

/* ── Выравнивание: таблица/стики (top=30) подняты к меню (top=0) ── */
body.theme-dark #basket-root { margin-top: -30px !important; }

/* ── Названия товаров — все белые (часть была фиолетовой: ссылка/hover/visited) ── */
body.theme-dark #basket-root .basket-item-info-name-link,
body.theme-dark #basket-root .basket-item-info-name-link:hover,
body.theme-dark #basket-root .basket-item-info-name-link:visited,
body.theme-dark #basket-root .basket-item-info-name a,
body.theme-dark #basket-root .basket-item-info-name a:hover {
  color: #ffffff !important;
}

/* ── #content — чуть растянуть вниз (дотянуть тёмный фон до футера) ── */
body.theme-dark #content { padding-bottom: 80px !important; }

/* (убрано) footer background — затирал оригинальную фиолетовую заливку .fg-footer
   и полукруглые бордеры. Футер оставляем как был. */

/* ── Серые уголки футера: за скруглением .fg-footer виден BODY #252729 → #101213 ── */
/* Точечно: красим сам BODY (scope ЛК), футер/заливку/бордеры не трогаем. */
body.theme-dark { background-color: #101213 !important; }

/* ── «Моя корзина» (#pagetitle) — sticky при прокрутке, в свободном месте над меню ── */
body.theme-dark #pagetitle {
  position: sticky !important;
  top: 20px !important;
  color: #ffffff !important;
  z-index: 5 !important;
}

/* ── «Моя корзина» sticky: вешаем на .page-top (в высоком .wraps h=1313) ── */
/* #pagetitle был display:inline + родитель .topic__heading overflow:hidden — оба kill-sticky */
body.theme-dark .topic__heading { overflow: visible !important; }
body.theme-dark #pagetitle { display: block !important; position: static !important; color: #ffffff !important; }
body.theme-dark .page-top.maxwidth-theme {
  position: sticky !important;
  top: 0 !important;
  z-index: 5 !important;
}
/* (покой таблицы оставляем как был — подъём -30px выше по файлу. «Спуск при
   прокрутке» решается отдельно через sticky-offset, не трогая статику.) */

/* ── Sticky-Итого при прокрутке: товары уходят ПОД панель, не торчат сверху ── */
/* top:0 (sticky-шапки нет, замер site-header h=0 — зазор не нужен) + непрозрачный
   фон #101213 + высокий z-index → товары проезжают за панелью, не просвечивают. */
body.theme-dark #basket-root .basket-checkout-container.basket-checkout-container-fixed {
  top: 60px !important;              /* отступ сверху — панель не впритык к краю */
  background: #101213 !important;
  z-index: 50 !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, .45) !important;
}
/* Фон-перекрытие над Итого (зона 0..40px) — закрывает товары, проезжающие в зазоре сверху */
body.theme-dark #content::before {
  content: ''; position: fixed; top: 0; left: 0; right: 0; height: 60px;
  background: #101213; z-index: 49; pointer-events: none;
}

/* ── Шапка списка при прокрутке — непрозрачная (как Итого), товары не просвечивают ── */
/* Bitrix вешает .basket-items-list-header-fixed при sticky → красим в #101213 + z-index */
body.theme-dark #basket-root .basket-items-list-header.basket-items-list-header-fixed {
  background: #101213 !important;
  top: 60px !important;
  z-index: 49 !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, .45) !important;
}

/* ── Блок Итого — реорганизация: ИТОГО + цена крупно слева, вес/НДС мелким под ── */
body.theme-dark #basket-root .basket-checkout-section-inner {
  display: flex !important;
  align-items: center !important;
  gap: 24px !important;
  justify-content: flex-start !important;
}
/* «Итого:» — крупно, белым */
body.theme-dark #basket-root .basket-checkout-block-total-title {
  font-size: 26px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  line-height: 1.1 !important;
}
/* Цена итого — крупно */
body.theme-dark #basket-root .basket-coupon-block-total-price-current {
  font-size: 34px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  line-height: 1 !important;
}
/* Общий вес (слева под «Итого») / Сумма НДС (справа под ценой) — разнесены */
body.theme-dark #basket-root .basket-checkout-section-inner { position: relative !important; padding-bottom: 30px !important; }
body.theme-dark #basket-root .basket-checkout-block-total-description {
  position: absolute !important;
  left: 0 !important;
  bottom: 4px !important;
  width: calc(100% - 701px) !important;   /* правый край = правый край цены (замер: desc был на 461px правее) */
  font-size: 13px !important;
  color: #8d9099 !important;
  white-space: nowrap !important;
}
/* вес — слева под «Итого» (в потоке); НДС — абсолютом по правому краю (= правый край цены) */
body.theme-dark #basket-root .basket-checkout-block-total-description .gnld-ves { display: inline; }
body.theme-dark #basket-root .basket-checkout-block-total-description .gnld-nds {
  position: absolute !important;
  right: 0 !important;
  bottom: 0 !important;
}
/* Кнопку «Оформить заказ» — вправо */
body.theme-dark #basket-root .basket-checkout-block-btn {
  margin-left: auto !important;
}

/* BR убираем — flex space-between сам разносит вес (слева) и НДС (справа) */
body.theme-dark #basket-root .basket-checkout-block-total-description br {
  display: none !important;
}
body.theme-dark #basket-root .basket-checkout-block-total-description-unused {
  white-space: nowrap !important;
}

/* ── Убрать ripple-эффект с кнопки «Оформить заказ» (у нас кнопки без эффектов) ── */
body.theme-dark #basket-root .basket-btn-checkout .ripple,
body.theme-dark #basket-root .basket-btn-checkout .waves-ripple,
body.theme-dark #basket-root .basket-btn-checkout [class*="ripple"],
body.theme-dark #basket-root .basket-btn-checkout::before,
body.theme-dark #basket-root .basket-btn-checkout::after {
  display: none !important;
  animation: none !important;
}
body.theme-dark #basket-root .basket-btn-checkout.has-ripple {
  transition: background .2s ease !important;
}

/* ── Картинки товаров — фикс размер 100×100, object-fit чтобы не искажались/«ехали» ── */
body.theme-dark #basket-root .basket-item-image,
body.theme-dark #basket-root img.basket-item-image {
  width: 100px !important;
  height: 100px !important;
  object-fit: contain !important;
  object-position: center !important;
}