/* Раскладка torgovlya (OTVET-2 п.1, ТЗ v2 §2.2): штатная вёрстка торгового модуля (Bootstrap + front-theme)
   перекрашена нашими токенами из stil.css. Только мост переменных и выравнивание под .knopka / поля форм —
   цвета не пишем, день/ночь работает сам. Файл грузится только в раскладке torgovlya и на checkout. */
:root, [data-bs-theme] {
  --bs-body-bg: transparent;
  --bs-body-color: var(--tekst);
  --bs-emphasis-color: var(--tekst);
  --bs-secondary-color: var(--tekst-tihiy);
  --bs-tertiary-color: var(--tekst-tihiy);
  --bs-secondary-bg: var(--fon-blok);
  --bs-tertiary-bg: var(--fon-blok);
  --bs-border-color: var(--liniya);
  --bs-border-color-translucent: var(--liniya);
  --bs-border-radius: var(--radius);
  --bs-border-radius-sm: 10px;
  --bs-border-radius-lg: var(--radius);
  --bs-primary: var(--zoloto);
  --bs-primary-rgb: 217, 180, 91;
  --bs-link-color: var(--zoloto);
  --bs-link-color-rgb: 217, 180, 91;
  --bs-link-hover-color: var(--zoloto-svetloe);
  --bs-link-hover-color-rgb: 242, 217, 140;
  --bs-heading-color: var(--tekst);
  --bs-font-sans-serif: var(--shrift);
  --bs-body-font-family: var(--shrift);
  --bs-body-font-size: 17px;
  --bs-success: var(--horosho);
  --bs-danger: var(--ploho);
  --primary-color: var(--zoloto);
  --checkout-primary-color: var(--zoloto);
}

.ecommerce-page, main.obertka .container, main.obertka .container-fluid { color: var(--tekst); }
main.obertka h1, main.obertka h2, main.obertka h3, main.obertka h4, main.obertka h5,
.checkout-content-wrap h1, .checkout-content-wrap h2, .checkout-content-wrap h3 {
  font-family: var(--shrift-zagolovkov); font-weight: 400; color: var(--tekst);
}

/* кнопки — как .knopka / .knopka--vtoraya */
.btn { font: inherit; font-weight: 800; border-radius: 12px; padding: .7rem 1.2rem; }
.btn-primary, .btn-dark, .btn-success, .payment-checkout-btn, .btn-checkout, .add-to-cart-button {
  --bs-btn-bg: var(--zoloto); --bs-btn-border-color: var(--zoloto); --bs-btn-color: var(--akcent-tekst);
  --bs-btn-hover-bg: var(--zoloto-svetloe); --bs-btn-hover-border-color: var(--zoloto-svetloe); --bs-btn-hover-color: var(--akcent-tekst);
  --bs-btn-active-bg: var(--zoloto-svetloe); --bs-btn-active-border-color: var(--zoloto-svetloe); --bs-btn-active-color: var(--akcent-tekst);
  --bs-btn-disabled-bg: var(--bronza); --bs-btn-disabled-border-color: var(--bronza); --bs-btn-disabled-color: var(--akcent-tekst);
  background: var(--zoloto); border-color: var(--zoloto); color: var(--akcent-tekst);
}
.btn-primary:hover, .btn-dark:hover, .payment-checkout-btn:hover, .btn-checkout:hover { background: var(--zoloto-svetloe); color: var(--akcent-tekst); }
.btn-secondary, .btn-outline-primary, .btn-outline-secondary, .btn-light {
  --bs-btn-bg: transparent; --bs-btn-color: var(--zoloto); --bs-btn-border-color: var(--zoloto);
  --bs-btn-hover-bg: rgba(217, 180, 91, .1); --bs-btn-hover-color: var(--zoloto-svetloe); --bs-btn-hover-border-color: var(--zoloto);
  background: transparent; color: var(--zoloto); border: 1px solid var(--zoloto);
}

/* поля — как .forma-zakaza input */
.form-control, .form-select, .input-group-text {
  font: inherit; color: var(--tekst); background-color: var(--fon); border: 1px solid var(--liniya); border-radius: 10px;
}
.form-control:focus, .form-select:focus { color: var(--tekst); background-color: var(--fon); border-color: var(--zoloto); box-shadow: 0 0 0 .2rem rgba(217, 180, 91, .2); }
.form-control::placeholder { color: var(--tekst-tihiy); }
.form-check-input:checked { background-color: var(--zoloto); border-color: var(--zoloto); }
.form-label, label { color: var(--tekst); }

/* карточки, таблицы, списки — фон блока и наши линии */
.card, .list-group-item, .modal-content, .dropdown-menu, .offcanvas, .accordion-item {
  background-color: var(--fon-blok); color: var(--tekst); border-color: var(--liniya);
}
.table { --bs-table-bg: transparent; --bs-table-color: var(--tekst); --bs-table-border-color: var(--liniya); --bs-table-striped-bg: var(--fon-akcent); --bs-table-hover-bg: var(--fon-akcent); }
.alert { border-radius: var(--radius); }
.badge.bg-primary, .bg-primary { background-color: var(--zoloto) !important; color: var(--akcent-tekst) !important; }
.text-primary { color: var(--zoloto) !important; }
.text-muted, .text-secondary { color: var(--tekst-tihiy) !important; }
.page-link { background: transparent; color: var(--zoloto); border-color: var(--liniya); }
.page-item.active .page-link { background: var(--zoloto); border-color: var(--zoloto); color: var(--akcent-tekst); }

/* товары цифровые, по одному: поле количества не нужно; вкладки — золото вместо синего Bootstrap */
.bb-product-quantity:has(input[name="qty"]) { display: none !important; }
.nav-tabs, .nav-pills { --bs-nav-link-color: var(--tekst-tihiy); --bs-nav-link-hover-color: var(--zoloto); --bs-nav-tabs-border-color: var(--liniya); --bs-nav-pills-link-active-bg: var(--zoloto); --bs-nav-pills-link-active-color: var(--akcent-tekst); }
.nav-link.active { background-color: var(--zoloto) !important; color: var(--akcent-tekst) !important; border-color: var(--zoloto) !important; }
.table-light, .bg-light, .bg-white { --bs-table-bg: var(--fon-blok); --bs-table-color: var(--tekst); background-color: var(--fon-blok) !important; color: var(--tekst) !important; }
.table > :not(caption) > * > * { background-color: var(--bs-table-bg); color: var(--bs-table-color); border-color: var(--liniya); }
.btn-danger { --bs-btn-bg: transparent; --bs-btn-color: var(--ploho); --bs-btn-border-color: var(--ploho); --bs-btn-hover-bg: var(--ploho-fon); --bs-btn-hover-color: var(--ploho); }
.toast, .alert-success { background-color: var(--fon-blok) !important; color: var(--tekst) !important; border: 1px solid var(--zoloto) !important; }
/* checkout: поля и плашки плагина задают свой светлый фон — переводим на токены */
.checkout-content-wrap .form-control, textarea.form-control, .checkout-content-wrap .form-select { background-color: var(--fon) !important; color: var(--tekst) !important; border-color: var(--liniya) !important; }
.alert-warning, .alert-info, .alert-light, .alert-secondary { background-color: var(--fon-blok) !important; color: var(--tekst) !important; border-color: var(--zoloto) !important; }
.alert-warning *, .alert-info * { color: inherit !important; }
.total-text, .price-text, .checkout-content-wrap .total-price { color: var(--tekst) !important; }
.digital-product-notice-card { background-color: var(--fon-blok) !important; color: var(--tekst) !important; border-color: var(--zoloto) !important; } .digital-product-notice-card * { color: inherit !important; }
/* страница «Спасибо» */
.confirmation-card, .customer-info-card, .digital-product-notice, .order-summary-card, .order-number-badge { background-color: var(--fon-blok) !important; color: var(--tekst) !important; border-color: var(--liniya) !important; }
.confirmation-card *, .customer-info-card *, .order-summary-card * { color: inherit; }
.confirmation-card :is(h1,h2,h3,h4,h5,h6,p,span,div,a,strong), .customer-info-card :is(h1,h2,h3,h4,h5,h6,p,span,div,a,strong), .order-summary-card :is(h1,h2,h3,h4,h5,h6,p,span,div,a,strong), .digital-product-notice :is(h1,h2,h3,h4,h5,h6,p,span,div,a,strong) { color: var(--tekst) !important; }
.checkout-content-wrap :is(h1,h2,h3,h4), .thank-you :is(h1,h2,h3,h4), main :is(h1,h2,h3).text-dark { color: var(--tekst) !important; }
.text-dark, .text-body, .text-black { color: var(--tekst) !important; }
/* кабинет покупателя /customer/* (до своего /kabinet, этап 5) */
.bb-customer-page, .bb-customer-sidebar-wrapper, .bb-customer-content-wrapper, .bb-customer-profile-wrapper, .bb-customer-card, .bb-customer-card-header, .bb-customer-card-body, .bb-customer-card-footer, .bb-customer-card-content, .bb-customer-card-list { background-color: var(--fon-blok) !important; color: var(--tekst) !important; border-color: var(--liniya) !important; }
.bb-customer-content-wrapper > * , .bb-customer-card-list { background-color: transparent; }
.bb-customer-card { background-color: var(--fon-akcent) !important; }
.bb-customer-page :is(h1,h2,h3,h4,h5,h6,p,span,div,strong,small,label,td,th,.value) { color: var(--tekst) !important; }
.bb-customer-profile, .bb-customer-sidebar-heading, .bb-customer-sidebar, .bb-customer-navigation { background-color: var(--fon-blok) !important; border-color: var(--liniya) !important; }
.bb-customer-page h1 { font-family: var(--shrift-zagolovkov); font-weight: 400; }
.bb-customer-page .text-muted, .bb-customer-profile-info small { color: var(--tekst-tihiy) !important; }
.bb-customer-navigation a.active, .bb-customer-navigation .active > a { background-color: var(--zoloto) !important; color: var(--akcent-tekst) !important; }
.bb-customer-sidebar-heading, .bb-customer-profile, .bb-customer-card-header { background-image: none !important; }
/* отступ от шапки: штатные вьюхи модуля начинают без поля сверху */
main.obertka { padding-top: 28px; }