/* =================================================================
   DARK THEME – полный оверрайд светлого Bootstrap 5 + кастомных стилей
   ================================================================= */

/* ----------------------------------------------------------------
   1. КАСТОМНЫЕ CSS-ПЕРЕМЕННЫЕ ТЁМНОЙ ТЕМЫ
   ---------------------------------------------------------------- */
:root {
    --dk-bg-0: #0c1218; /* страница, самый тёмный фон      */
    --dk-bg-1: #111a24; /* базовая поверхность             */
    --dk-bg-2: #1a222e; /* карточки / поднятые поверхности */
    --dk-bg-3: #1e2b3c; /* приподнятая карточка            */
    --dk-bg-4: #243044; /* ховер-поверхность               */
    --dk-border: #273445; /* основные границы                */
    --dk-border-sub: rgba(255, 255, 255, 0.08);

    --dk-text-0: #e8f0f8; /* заголовки                       */
    --dk-text-1: #c8d6e2; /* основной текст                  */
    --dk-text-2: #8a9aaa; /* второстепенный / muted          */
    --dk-text-3: #5a6878; /* отключённый / очень слабый      */

    /* ---- Bootstrap CSS vars ---- */
    --bs-body-bg: var(--dk-bg-0);
    --bs-body-bg-rgb: 12, 18, 24;
    --bs-body-color: var(--dk-text-1);
    --bs-body-color-rgb: 200, 214, 226;
    --bs-emphasis-color: var(--dk-text-0);
    --bs-emphasis-color-rgb: 232, 240, 248;
    --bs-secondary-color: var(--dk-text-2);
    --bs-secondary-color-rgb: 138, 154, 170;
    --bs-tertiary-color: var(--dk-text-3);
    --bs-tertiary-color-rgb: 90, 104, 120;
    --bs-secondary-bg: var(--dk-bg-2);
    --bs-secondary-bg-rgb: 26, 34, 46;
    --bs-tertiary-bg: var(--dk-bg-1);
    --bs-tertiary-bg-rgb: 17, 26, 36;
    --bs-border-color: var(--dk-border);
    --bs-border-color-translucent: var(--dk-border-sub);
    --bs-heading-color: var(--dk-text-0);
    --bs-link-color: #2eb86e;
    --bs-link-color-rgb: 46, 184, 110;
    --bs-link-hover-color: #3dcf80;
    --bs-link-hover-color-rgb: 61, 207, 128;

    /* Card */
    --bs-card-bg: var(--dk-bg-2);
    --bs-card-border-color: var(--dk-border);
    --bs-card-cap-bg: rgba(255, 255, 255, 0.04);
    --bs-card-color: var(--dk-text-1);

    /* Dropdown */
    --bs-dropdown-bg: var(--dk-bg-2);
    --bs-dropdown-border-color: var(--dk-border);
    --bs-dropdown-link-color: var(--dk-text-1);
    --bs-dropdown-link-hover-bg: var(--dk-bg-4);
    --bs-dropdown-link-hover-color: var(--dk-text-0);
    --bs-dropdown-divider-bg: var(--dk-border);
    --bs-dropdown-header-color: var(--dk-text-2);

    /* Modal */
    --bs-modal-bg: var(--dk-bg-2);
    --bs-modal-border-color: var(--dk-border);
    --bs-modal-header-bg: var(--dk-bg-1);
    --bs-modal-footer-bg: var(--dk-bg-1);
    --bs-modal-color: var(--dk-text-1);
    --bs-modal-header-border-color: var(--dk-border);
    --bs-modal-footer-border-color: var(--dk-border);

    /* Table */
    --bs-table-color: var(--dk-text-1);
    --bs-table-bg: transparent;
    --bs-table-border-color: var(--dk-border);
    --bs-table-striped-bg: rgba(255, 255, 255, 0.04);
    --bs-table-hover-bg: rgba(255, 255, 255, 0.06);
    --bs-table-active-bg: rgba(255, 255, 255, 0.08);
    --bs-table-striped-color: var(--dk-text-1);
    --bs-table-hover-color: var(--dk-text-0);

    /* Light/dark swap */
    --bs-light: var(--dk-bg-2);
    --bs-light-rgb: 26, 34, 46;
    --bs-light-bg-subtle: var(--dk-bg-3);
    --bs-light-border-subtle: var(--dk-border);
    --bs-light-text-emphasis: var(--dk-text-1);
    --bs-dark: var(--dk-text-0);
    --bs-dark-rgb: 232, 240, 248;
    --bs-dark-bg-subtle: var(--dk-bg-2);
    --bs-dark-border-subtle: var(--dk-border);
    --bs-dark-text-emphasis: var(--dk-text-0);

    /* Pagination */
    --bs-pagination-bg: var(--dk-bg-2);
    --bs-pagination-border-color: var(--dk-border);
    --bs-pagination-color: var(--dk-text-1);
    --bs-pagination-hover-bg: var(--dk-bg-4);
    --bs-pagination-hover-color: var(--dk-text-0);
    --bs-pagination-hover-border-color: var(--dk-border);
    --bs-pagination-disabled-bg: var(--dk-bg-1);
    --bs-pagination-disabled-color: var(--dk-text-3);
    --bs-pagination-disabled-border-color: var(--dk-border);
    --bs-pagination-active-bg: #1c9958;
    --bs-pagination-active-border-color: #1c9958;
    --bs-pagination-focus-color: var(--dk-text-0);
    --bs-pagination-focus-bg: var(--dk-bg-4);

    /* Input group */
    --bs-input-group-addon-bg: var(--dk-bg-3);
    --bs-input-group-addon-border-color: var(--dk-border);

    /* List group */
    --bs-list-group-bg: var(--dk-bg-2);
    --bs-list-group-border-color: var(--dk-border);
    --bs-list-group-color: var(--dk-text-1);
    --bs-list-group-action-color: var(--dk-text-1);
    --bs-list-group-hover-bg: var(--dk-bg-4);
    --bs-list-group-active-bg: #1c9958;
    --bs-list-group-active-border-color: #1c9958;

    /* Nav tabs/pills */
    --bs-nav-tabs-border-color: var(--dk-border);
    --bs-nav-tabs-link-active-bg: var(--dk-bg-2);
    --bs-nav-tabs-link-active-border-color: var(--dk-border) var(--dk-border)
        var(--dk-bg-2);
    --bs-nav-tabs-link-hover-border-color: var(--dk-border);
    --bs-nav-pills-link-active-bg: #1c9958;

    /* Accordion */
    --bs-accordion-bg: var(--dk-bg-2);
    --bs-accordion-border-color: var(--dk-border);
    --bs-accordion-color: var(--dk-text-1);
    --bs-accordion-btn-color: var(--dk-text-0);
    --bs-accordion-btn-bg: var(--dk-bg-2);
    --bs-accordion-active-color: #2eb86e;
    --bs-accordion-active-bg: var(--dk-bg-3);
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%232eb86e'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23c8d6e2'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-inner-border-radius: 0;

    /* Tooltip */
    --bs-tooltip-bg: var(--dk-bg-3);
    --bs-tooltip-color: var(--dk-text-1);

    /* Popover */
    --bs-popover-bg: var(--dk-bg-2);
    --bs-popover-border-color: var(--dk-border);
    --bs-popover-body-color: var(--dk-text-1);
    --bs-popover-header-bg: var(--dk-bg-1);
    --bs-popover-header-color: var(--dk-text-0);

    /* Breadcrumb */
    --bs-breadcrumb-divider-color: var(--dk-text-3);
    --bs-breadcrumb-item-active-color: var(--dk-text-2);

    /* Swiper */
    --swiper-scrollbar-bg-color: var(--dk-border);
    --swiper-scrollbar-drag-bg-color: #1c9958;
}

/* ----------------------------------------------------------------
   2. БАЗОВЫЕ ЭЛЕМЕНТЫ
   ---------------------------------------------------------------- */
body {
    background-color: var(--dk-bg-0);
    color: var(--dk-text-1);
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    color: var(--dk-text-0);
}

hr {
    border-color: var(--dk-border);
}

/* ----------------------------------------------------------------
   3. ТЕКСТОВЫЕ ВСПОМОГАТЕЛЬНЫЕ КЛАССЫ
   ---------------------------------------------------------------- */
.text-black {
    color: var(--dk-text-1) !important;
}
.text-black-50 {
    color: var(--dk-text-2) !important;
}
.text-dark {
    color: var(--dk-text-0) !important;
}
.text-body {
    color: var(--dk-text-1) !important;
}
.text-muted,
.text-body-secondary {
    color: var(--dk-text-2) !important;
}
.text-body-tertiary {
    color: var(--dk-text-3) !important;
}
.text-body-emphasis {
    color: var(--dk-text-0) !important;
}
.link-body-emphasis {
    color: var(--dk-text-1) !important;
}
.link-dark {
    color: var(--dk-text-1) !important;
}
.color-black,
.color-primary-black {
    color: var(--dk-text-1) !important;
}
.color-dark-gray {
    color: var(--dk-text-2) !important;
}

/* ----------------------------------------------------------------
   4. ФОНОВЫЕ ВСПОМОГАТЕЛЬНЫЕ КЛАССЫ
   ---------------------------------------------------------------- */
.bg-white {
    background-color: var(--dk-bg-2) !important;
}
.bg-light {
    background-color: var(--dk-bg-1) !important;
}
.bg-body {
    background-color: var(--dk-bg-0) !important;
}
.bg-body-secondary {
    background-color: var(--dk-bg-1) !important;
}
.bg-body-tertiary {
    background-color: var(--dk-bg-1) !important;
}
.bg-secondary {
    background-color: var(--dk-bg-2) !important;
}

/* ----------------------------------------------------------------
   5. ШАПКА — десктопная
   ---------------------------------------------------------------- */
.header-top {
    background-color: var(--dk-bg-1);
    border-bottom: 1px solid var(--dk-border);
    color: var(--dk-text-1);
}
.header-top__time,
.header-top__address {
    color: var(--dk-text-2);
}
.header-top__phone a,
.header-top__phone a.link-body-emphasis {
    color: var(--dk-text-0) !important;
}

.header-nav {
    background-color: var(--dk-bg-2);
    border-bottom: 1px solid var(--dk-border);
}
.header-nav .nav-link,
.header-nav .nav-link.link-body-emphasis {
    color: var(--dk-text-1) !important;
}
.header-nav .nav-link:hover,
.header-nav .nav-link:focus {
    color: #2eb86e !important;
}

/* Дроп-меню с марками */
.header-nav__drop {
    background-color: var(--dk-bg-1);
    border-bottom: 1px solid var(--dk-border);
}
.header-nav__drop-card {
    background-color: var(--dk-bg-1);
}
.filter__marks .btn-outline-light.border.text-dark {
    background-color: var(--dk-bg-2) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text-1) !important;
}
.filter__marks .btn-outline-light.border.text-dark:hover {
    background-color: var(--dk-bg-4) !important;
    color: var(--dk-text-0) !important;
}

/* ----------------------------------------------------------------
   6. ШАПКА — мобильная
   ---------------------------------------------------------------- */
.navbar.bg-body,
.navbar-collapse.bg-body {
    background-color: var(--dk-bg-1) !important;
    border-bottom: 1px solid var(--dk-border);
}
.navbar-nav .nav-link {
    color: var(--dk-text-1) !important;
}
.navbar-nav .nav-link:hover {
    color: #2eb86e !important;
}
.navbar-toggler {
    border-color: var(--dk-border);
    color: var(--dk-text-1);
}
.navbar-toggler-icon {
    filter: invert(1) brightness(1.5);
}

/* ----------------------------------------------------------------
   7. ПОДВАЛ
   ---------------------------------------------------------------- */
.footer {
    background-color: var(--dk-bg-1);
    border-top: 1px solid var(--dk-border);
    color: var(--dk-text-1);
}
.footer a.text-black,
.footer nav a,
.footer a.link-body-emphasis {
    color: var(--dk-text-1) !important;
}
.footer a.text-black-50,
.footer .small.text-black-50,
.footer .text-black-50 {
    color: var(--dk-text-2) !important;
}
.footer .border-top {
    border-top-color: var(--dk-border) !important;
}
.footer [style*="--bs-border-style"] {
    --bs-border-color: var(--dk-border);
}

/* ----------------------------------------------------------------
   8. КАРТОЧКИ
   ---------------------------------------------------------------- */
.card {
    background-color: var(--dk-bg-2);
    border-color: var(--dk-border);
    color: var(--dk-text-1);
}
.card-header,
.card-footer {
    background-color: rgba(255, 255, 255, 0.04);
    border-color: var(--dk-border);
    color: var(--dk-text-1);
}
.card-title {
    color: var(--dk-text-0);
}
.card-text {
    color: var(--dk-text-1);
}
.card-img-overlay {
    background: rgba(0, 0, 0, 0.55);
}

/* ----------------------------------------------------------------
   9. ФОРМЫ
   ---------------------------------------------------------------- */
.form-control,
.form-select {
    background-color: var(--dk-bg-2);
    border-color: var(--dk-border);
    color: var(--dk-text-0);
}
.form-control:focus,
.form-select:focus {
    background-color: var(--dk-bg-3);
    border-color: #1c9958;
    color: var(--dk-text-0);
    box-shadow: 0 0 0 0.25rem rgba(28, 153, 88, 0.2);
}
.form-control::placeholder {
    color: var(--dk-text-3);
}
.form-control:disabled,
.form-select:disabled {
    background-color: var(--dk-bg-1);
    color: var(--dk-text-3);
    border-color: var(--dk-border);
}
.form-check-input {
    background-color: var(--dk-bg-2);
    border-color: var(--dk-border);
}
.form-check-input:checked {
    background-color: #1c9958;
    border-color: #1c9958;
}
.form-check-label {
    color: var(--dk-text-1);
}
.form-label {
    color: var(--dk-text-1);
}
.form-text {
    color: var(--dk-text-2);
}
.input-group-text {
    background-color: var(--dk-bg-3);
    border-color: var(--dk-border);
    color: var(--dk-text-1);
}
/* Поиск, фильтры */
.form-control-lg,
.form-control-sm {
    background-color: var(--dk-bg-2);
    border-color: var(--dk-border);
    color: var(--dk-text-0);
}

/* ----------------------------------------------------------------
   10. КНОПКИ — фиолетовые (кроме danger/warning)
   ---------------------------------------------------------------- */
:root {
    --btn-purple: #7b1fa2;
    --btn-purple-hover: #6a1b9a;
    --btn-purple-act: #4a148c;
    --btn-purple-rgb: 123, 31, 162;

    /* Переопределяем --bs-primary на фиолетовый —
     это накрывает все var(--bs-primary) в inline-стилях и компонентах */
    --bs-primary: #7b1fa2;
    --bs-primary-rgb: 123, 31, 162;
    --bs-btn-bg: #7b1fa2;
}

/* --- btn-primary (был зелёным) --- */
.btn-primary {
    background-color: var(--btn-purple) !important;
    border-color: var(--btn-purple) !important;
    color: #fff !important;
}
.btn-primary:hover,
.btn-primary:focus {
    background-color: var(--btn-purple-hover) !important;
    border-color: var(--btn-purple-hover) !important;
    color: #fff !important;
}
.btn-primary:active {
    background-color: var(--btn-purple-act) !important;
    border-color: var(--btn-purple-act) !important;
}
.btn-primary:focus-visible {
    box-shadow: 0 0 0 0.25rem rgba(var(--btn-purple-rgb), 0.4) !important;
}

/* --- Остальные солидные кнопки --- */
.btn-secondary,
.btn-dark,
.btn-light,
.btn-info {
    background-color: var(--btn-purple) !important;
    border-color: var(--btn-purple) !important;
    color: #fff !important;
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-dark:hover,
.btn-dark:focus,
.btn-light:hover,
.btn-light:focus,
.btn-info:hover,
.btn-info:focus {
    background-color: var(--btn-purple-hover) !important;
    border-color: var(--btn-purple-hover) !important;
    color: #fff !important;
}
.btn-secondary:active,
.btn-dark:active,
.btn-light:active,
.btn-info:active {
    background-color: var(--btn-purple-act) !important;
    border-color: var(--btn-purple-act) !important;
}

/* --- Контурные кнопки --- */
.btn-outline-primary,
.btn-outline-secondary,
.btn-outline-dark,
.btn-outline-light,
.btn-outline-white,
.btn-outline-info {
    color: var(--btn-purple) !important;
    border-color: var(--btn-purple) !important;
    background-color: transparent !important;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-secondary:hover,
.btn-outline-secondary:focus,
.btn-outline-dark:hover,
.btn-outline-dark:focus,
.btn-outline-light:hover,
.btn-outline-light:focus,
.btn-outline-white:hover,
.btn-outline-white:focus,
.btn-outline-info:hover,
.btn-outline-info:focus {
    background-color: var(--btn-purple) !important;
    border-color: var(--btn-purple) !important;
    color: #fff !important;
}

/* --- Кастомные кнопки (не Bootstrap) с зелёным фоном --- */

/* Кнопка карточки авто */
.car__item-btn {
    background: var(--btn-purple) !important;
}
.car__item-btn:hover {
    background: var(--btn-purple-hover) !important;
}

/* Кнопка в верхнем баннере (header.blade.php) */
.top-banner__button {
    background: var(--btn-purple) !important;
    color: #fff !important;
}
.top-banner__button:hover {
    background: var(--btn-purple-hover) !important;
    color: #fff !important;
}

/* Кнопка в слайдере баннеров (slider-main.blade.php) */
.banner-cards__btn {
    background: var(--btn-purple) !important;
    color: #fff !important;
}
.banner-cards__item:hover .banner-cards__btn {
    background: var(--btn-purple-hover) !important;
    opacity: 1 !important;
}
/* Активная точка слайдера */
.banner-cards__dot.active {
    background: var(--btn-purple) !important;
}

/* Кнопка в блоке банков */
.banks-sticky-item-btn {
    background: var(--btn-purple) !important;
}
.banks-sticky-item-btn:hover {
    background: var(--btn-purple-hover) !important;
}

/* Пагинация моделей */
.models__pagination-item {
    background-color: var(--dk-bg-3) !important;
    color: var(--dk-text-1) !important;
}
.models__pagination-item:hover {
    background-color: var(--dk-bg-4) !important;
    color: var(--dk-text-0) !important;
}
.models__pagination-item.active {
    background-color: var(--btn-purple) !important;
    color: #fff !important;
}
/* Стрелки SVG */
.models__pagination-item svg path {
    fill: var(--dk-text-2) !important;
}
/* Пустая disabled-кнопка — скрываем */
.models__pagination-item[aria-disabled="true"]:empty {
    display: none !important;
}
.models__pagination-item[aria-disabled="true"] {
    opacity: .3;
    pointer-events: none;
}

/* --bs-primary используется как background через var() в inline-стилях */
[style*="var(--bs-primary)"] {
    --bs-primary: var(--btn-purple) !important;
}

/* --- Ссылка-кнопка --- */
.btn-link {
    color: var(--btn-purple) !important;
}
.btn-link:hover {
    color: var(--btn-purple-hover) !important;
}

/* --- btn-outline-white (без рамки сливается с тёмным фоном) --- */
.btn-outline-white.icon-link.btn-lg.stretched-link {
    background-color: rgba(255,255,255,.08) !important;
    border: 1px solid rgba(255,255,255,.5) !important;
    color: #fff !important;
}
.btn-outline-white.icon-link.btn-lg.stretched-link:hover {
    background-color: rgba(255,255,255,.2) !important;
    border: 1px solid #fff !important;
    color: #fff !important;
}

/* --- Марки в дроп-меню хедера (не кнопки по смыслу) --- */
.filter__marks .btn-outline-light.border {
    background-color: var(--dk-bg-2) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text-1) !important;
}
.filter__marks .btn-outline-light.border:hover {
    background-color: var(--dk-bg-4) !important;
    color: var(--dk-text-0) !important;
    border-color: var(--dk-border) !important;
}

/* --- Закрыть --- */
.btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}

/* ----------------------------------------------------------------
   11. ТАБЛИЦЫ
   ---------------------------------------------------------------- */
.table {
    color: var(--dk-text-1);
    border-color: var(--dk-border);
}
.table > :not(caption) > * > * {
    background-color: transparent;
    color: var(--dk-text-1);
    border-bottom-color: var(--dk-border);
}
.table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-accent-bg: rgba(255, 255, 255, 0.03);
    background-color: rgba(255, 255, 255, 0.03);
}
.table-hover > tbody > tr:hover > * {
    --bs-table-accent-bg: rgba(255, 255, 255, 0.06);
    background-color: rgba(255, 255, 255, 0.06);
}
.table-bordered {
    border-color: var(--dk-border);
}
.table thead th {
    border-bottom-color: var(--dk-border);
    color: var(--dk-text-0);
}

/* dev.css: table.compare */
table.compare tbody td {
    border-bottom-color: var(--dk-border) !important;
}
table.compare tbody td:nth-child(2n),
table.compare td.option_title {
    background: var(--dk-bg-3) !important;
    color: var(--dk-text-0) !important;
}
table.compare thead td {
    color: var(--dk-text-0);
}

/* resp-table адаптив */
.resp-table__col-head {
    background: var(--dk-bg-3);
    color: var(--dk-text-0);
}

/* ----------------------------------------------------------------
   12. ПАГИНАЦИЯ
   ---------------------------------------------------------------- */
.page-link {
    background-color: var(--dk-bg-2);
    border-color: var(--dk-border);
    color: var(--dk-text-1);
}
.page-link:hover {
    background-color: var(--dk-bg-4);
    border-color: var(--dk-border);
    color: var(--dk-text-0);
}
.page-item.active .page-link {
    background-color: #1c9958;
    border-color: #1c9958;
    color: #fff;
}
.page-item.disabled .page-link {
    background-color: var(--dk-bg-1);
    border-color: var(--dk-border);
    color: var(--dk-text-3);
}

/* ----------------------------------------------------------------
   13. АККОРДЕОН
   ---------------------------------------------------------------- */
.accordion-item {
    background-color: var(--dk-bg-2);
    border-color: var(--dk-border);
    color: var(--dk-text-1);
}
.accordion-button {
    background-color: var(--dk-bg-2);
    color: var(--dk-text-0);
}
.accordion-button:not(.collapsed) {
    background-color: var(--dk-bg-3);
    color: #2eb86e;
    box-shadow: inset 0 -1px 0 var(--dk-border);
}
.accordion-button::after {
    filter: invert(1) brightness(1.5);
}
.accordion-body {
    color: var(--dk-text-1);
}

/* ----------------------------------------------------------------
   14. ВКЛАДКИ
   ---------------------------------------------------------------- */
.nav-tabs {
    border-bottom-color: var(--dk-border);
}
.nav-tabs .nav-link {
    color: var(--dk-text-2);
    border-color: transparent;
}
.nav-tabs .nav-link:hover {
    color: var(--dk-text-0);
    border-color: var(--dk-border) var(--dk-border) transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    background-color: var(--dk-bg-2);
    border-color: var(--dk-border) var(--dk-border) var(--dk-bg-2);
    color: var(--dk-text-0);
}
.nav-pills .nav-link {
    color: var(--dk-text-2);
}
.nav-pills .nav-link.active {
    background-color: #1c9958;
    color: #fff;
}

/* filter tabs (кастомные) */
.filter a.tabs-section__tab-link {
    color: var(--dk-text-2);
}
.filter a.tabs-section__tab-link.active {
    color: #2eb86e !important;
}

/* ----------------------------------------------------------------
   15. МОДАЛЬНЫЕ ОКНА / ПОПАПЫ
   ---------------------------------------------------------------- */
.modal-content {
    background-color: var(--dk-bg-2);
    border-color: var(--dk-border);
    color: var(--dk-text-1);
}
.modal-header,
.modal-footer {
    background-color: var(--dk-bg-1);
    border-color: var(--dk-border);
    color: var(--dk-text-1);
}
.modal-title {
    color: var(--dk-text-0);
}

/* Fancybox */
.fancybox__container {
    --fancybox-bg: rgba(0, 0, 0, 0.92);
}

/* .popup (inline popup в layout) */
.popup {
    background-color: var(--dk-bg-2) !important;
    color: var(--dk-text-1);
}
.popup h2 {
    color: var(--dk-text-0);
}
.popup .form-control {
    background-color: var(--dk-bg-3);
}

/* modal-verification (footer.blade.php) */
.modal-verification {
    background: var(--dk-bg-2) !important;
    color: var(--dk-text-1);
}
.modal-verification__head,
.modal-verification__footer {
    background-color: var(--dk-bg-1) !important;
}
.modal-verification__title {
    color: var(--dk-text-0);
}
.modal-verification__input {
    background-color: var(--dk-bg-3);
    border-color: var(--dk-border);
    color: var(--dk-text-0);
}
.modal-verification__input:focus {
    border-color: var(--modal-verification-primary-color);
}

/* ----------------------------------------------------------------
   16. SELECT2
   ---------------------------------------------------------------- */
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    background-color: var(--dk-bg-2);
    border-color: var(--dk-border) !important;
    color: var(--dk-text-0);
}
.select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    color: var(--dk-text-0);
}
.select2-container--default
    .select2-selection--single
    .select2-selection__arrow
    b {
    border-top-color: var(--dk-text-2) !important;
}
.select2-container--default.select2-container--open
    .select2-selection--single
    .select2-selection__arrow
    b {
    border-bottom-color: var(--dk-text-2) !important;
}
.select2-dropdown {
    background-color: var(--dk-bg-2);
    border-color: var(--dk-border);
}
.select2-container--default .select2-results__option {
    color: var(--dk-text-1);
}
.select2-container--default
    .select2-results__option--highlighted[aria-selected] {
    background-color: #1c9958;
    color: #fff;
}
.select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: var(--dk-bg-3);
    color: var(--dk-text-0);
}
.select2-search--dropdown .select2-search__field {
    background-color: var(--dk-bg-1);
    border-color: var(--dk-border);
    color: var(--dk-text-0);
}
.select2-container--default
    .select2-selection--multiple
    .select2-selection__choice {
    background-color: #1c9958;
    border-color: #178a4a;
    color: #fff;
}
.select2-container--default
    .select2-selection--multiple
    .select2-selection__choice__remove {
    color: rgba(255, 255, 255, 0.7);
}

/* ----------------------------------------------------------------
   17. ION RANGE SLIDER
   ---------------------------------------------------------------- */
.irs--round .irs-bar,
.irs--flat .irs-bar {
    background-color: #1c9958;
}
.irs--round .irs-handle > i:first-child,
.irs--flat .irs-handle > i:first-child {
    background-color: #1c9958;
}
.irs--round .irs-from,
.irs--round .irs-to,
.irs--round .irs-single,
.irs--flat .irs-from,
.irs--flat .irs-to,
.irs--flat .irs-single {
    background-color: #1c9958;
    color: #fff;
}
.irs--round .irs-line,
.irs--flat .irs-line {
    background-color: var(--dk-bg-4);
}
.irs--round .irs-min,
.irs--round .irs-max,
.irs--flat .irs-min,
.irs--flat .irs-max {
    background-color: unset;
    color: var(--dk-text-2);
}
.irs--round .irs-grid-text,
.irs--flat .irs-grid-text {
    color: var(--dk-text-2);
}

/* ----------------------------------------------------------------
   18. АЛЕРТЫ
   ---------------------------------------------------------------- */
.alert-light {
    background-color: var(--dk-bg-3);
    border-color: var(--dk-border);
    color: var(--dk-text-1);
}
.alert-secondary {
    background-color: var(--dk-bg-3);
    border-color: var(--dk-border);
    color: var(--dk-text-1);
}

/* ----------------------------------------------------------------
   19. ЗНАЧКИ / БЕЙДЖИ
   ---------------------------------------------------------------- */
.badge.text-bg-light {
    background-color: var(--dk-bg-3) !important;
    color: var(--dk-text-0) !important;
}
.badge.text-bg-secondary {
    background-color: var(--dk-bg-4) !important;
    color: var(--dk-text-1) !important;
}

/* ----------------------------------------------------------------
   20. СПИСОК ГРУПП
   ---------------------------------------------------------------- */
.list-group-item {
    background-color: var(--dk-bg-2);
    border-color: var(--dk-border);
    color: var(--dk-text-1);
}
.list-group-item-action:hover,
.list-group-item-action:focus {
    background-color: var(--dk-bg-4);
    color: var(--dk-text-0);
}
.list-group-item.active {
    background-color: #1c9958;
    border-color: #1c9958;
    color: #fff;
}

/* ----------------------------------------------------------------
   21. BREADCRUMB
   ---------------------------------------------------------------- */
.breadcrumb-item + .breadcrumb-item::before {
    color: var(--dk-text-3);
}
.breadcrumb-item.active {
    color: var(--dk-text-2);
}
.breadcrumb-item a {
    color: var(--dk-text-2);
}
.breadcrumb-item a:hover {
    color: #2eb86e;
}

/* ----------------------------------------------------------------
   22. ПРОГРЕСС
   ---------------------------------------------------------------- */
.progress {
    background-color: var(--dk-bg-4);
}

/* ----------------------------------------------------------------
   23. ГРАНИЦЫ
   ---------------------------------------------------------------- */
.border {
    border-color: var(--dk-border) !important;
}
.border-light {
    border-color: var(--dk-border) !important;
}
.border-secondary {
    border-color: var(--dk-border) !important;
}
.border-top {
    border-top-color: var(--dk-border) !important;
}
.border-bottom {
    border-bottom-color: var(--dk-border) !important;
}
.border-start {
    border-left-color: var(--dk-border) !important;
}
.border-end {
    border-right-color: var(--dk-border) !important;
}

/* ----------------------------------------------------------------
   24. ТЕНИ
   ---------------------------------------------------------------- */
.shadow-sm {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.5) !important;
}
.shadow {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.6) !important;
}
.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.7) !important;
}

/* ----------------------------------------------------------------
   25. КАСТОМНЫЕ БЛОКИ — DEV.CSS
   ---------------------------------------------------------------- */
.column_politic_30 {
    background: var(--dk-bg-2) !important;
}
.column_politic_70 {
    background: var(--dk-bg-1) !important;
}
.section-break {
    border-color: var(--dk-border) !important;
}

/* ----------------------------------------------------------------
   26. ПРОЧИЕ СПЕЦИФИЧНЫЕ ЭЛЕМЕНТЫ САЙТА
   ---------------------------------------------------------------- */
/* RRC зачёркнутая цена */
.car__item-price-rrc {
    color: var(--dk-text-2);
}

/* Баннер «Марки» в хедере */
.text-bg-light {
    background-color: var(--dk-bg-3) !important;
    color: var(--dk-text-0) !important;
}

/* Карточка с пробегом / спецпредложение */
.not-found {
    color: var(--dk-text-2);
}

/* ----------------------------------------------------------------
   27. КАРТОЧКИ АВТО — .car__item / .car__item-special
        ВАЖНО: style.css задаёт background как linear-gradient,
        поэтому переопределяем свойство background (не background-color)
   ---------------------------------------------------------------- */
.car__item,
.car__item-special {
    background: var(--dk-bg-2) !important;
    border-color: var(--dk-border) !important;
    border-radius: 16px !important;
}
/* gradient → сплошной тёмный фон */
.car__item-content {
    background: var(--dk-bg-2) !important;
    color: var(--dk-text-1) !important;
}
.car__item-content-row {
    color: var(--dk-text-1) !important;
}
.car__item-name,
.car__item-name-original,
.car__item-name-scroll {
    color: var(--dk-text-0) !important;
}
.car__item-name-scroll {
    background: linear-gradient(90deg, var(--dk-bg-2), var(--dk-bg-2)) !important;
}
/* .car__item-price / .car__item-month имеют color:#2a2c33 */
.car__item-price,
.car__item-month {
    color: var(--dk-text-1) !important;
}
.car__item-des {
    color: var(--dk-text-3) !important;
}
/* «В наличии» — style.css: background:#fff */
.car__item-adress {
    background: rgba(12, 18, 24, 0.72) !important;
    color: #fff !important;
    border-radius: 4px;
}
.car__item-adress svg path {
    fill: #fff !important;
}

/* ----------------------------------------------------------------
   28. КАРТОЧКИ НОВЫХ МОДЕЛЕЙ — .model.card (имеет border-0)
   ---------------------------------------------------------------- */
.model.card {
    background: var(--dk-bg-2) !important;
    border: 1px solid var(--dk-border) !important;
}
.model .ratio,
.model .ratio.bg-body {
    background: var(--dk-bg-3) !important;
    border-radius: 16px !important;
}
.model__name {
    color: var(--dk-text-0) !important;
}
.model__avail {
    background: rgba(28,153,88,.12) !important;
    color: #2eb86e !important;
}
.model__price--current {
    color: var(--dk-text-0) !important;
}
.model__price--credit {
    color: var(--dk-text-2) !important;
}
.model__gift span {
    background: linear-gradient(
        90deg,
        #34a853 40%,
        #1c9958 60%,
        #2fa572 80%
    ) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
}

/* ----------------------------------------------------------------
   29. БЛОК КРЕДИТА — .about-credit__card
        style.css: background:#fafafa + background-image:url(...)
        → заменяем на тёмный с сохранением картинки
   ---------------------------------------------------------------- */
.about-credit__card {
    background-color: var(--dk-bg-2) !important;
    background-image: none !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text-1) !important;
}
.about-credit__card h2,
.about-credit__content h2 {
    color: var(--dk-text-0) !important;
}
.about-credit__content p {
    color: var(--dk-text-1) !important;
}
.about-credit__benefits .lh-sm {
    color: var(--dk-text-1) !important;
}
.about-credit__benefits .fw-semibold {
    color: var(--dk-text-0) !important;
}

/* ----------------------------------------------------------------
   30. БЛОК ОБРАТНОГО ЗВОНКА — .feedback-form__card
        style.css: background:#e9ecef
   ---------------------------------------------------------------- */
.feedback-form__card {
    background: var(--dk-bg-2) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text-1) !important;
}
.feedback-form__title {
    color: var(--dk-text-0) !important;
}
.feedback-form__content p {
    color: var(--dk-text-2) !important;
}
.feedback-form__content .form-check-label {
    color: var(--dk-text-2) !important;
}

/* ----------------------------------------------------------------
   31. БЛОК СКИДОК — .car__offer
        style.css: background:#f9f9f9
   ---------------------------------------------------------------- */
.car__offer {
    background: var(--dk-bg-3) !important;
}
.car__offer-item {
    color: var(--dk-text-1);
}
.car__offer-item-price {
    color: var(--dk-text-0) !important;
}
.car__offer-row {
    color: var(--dk-text-1) !important;
}
/* зелёный span внутри строки скидки — оставляем зелёным */
.car__offer-row span {
    color: #1c9958 !important;
}

/* Кастомный toggle-переключатель .checkmark */
.checkmark,
.packaging__modal-special-checkbox .checkmark {
    background: var(--dk-bg-4) !important; /* серый фон — выключен */
    border: 1px solid var(--dk-border) !important;
}
.checkmark:after,
.packaging__modal-special-checkbox .checkmark:after {
    background-color: var(--dk-text-2) !important; /* ручка переключателя */
}
/* включён (checked) */
.packaging__modal-special-checkbox input:checked ~ .checkmark {
    background: rgba(28, 153, 88, 0.25) !important;
}
.packaging__modal-special-checkbox input:checked ~ .checkmark:after {
    background: #1c9958 !important;
}

/* ----------------------------------------------------------------
   32. ФОРМА ЗАЯВКИ — .form-block__inputs / .special__feedback-text
        style.css: background:#f9f9f9
   ---------------------------------------------------------------- */
.car__spesial .form-block__inputs {
    background: var(--dk-bg-3) !important;
}
.form-block__head-title {
    color: var(--dk-text-1) !important;
}
.form-block__head-title b {
    color: var(--dk-text-0) !important;
}
/* span внутри заголовка (#1c9958 — зелёный акцент) оставляем */
.form-block__head-title span {
    color: #1c9958 !important;
}

/* ----------------------------------------------------------------
   33. ПЛАВАЮЩИЙ БЛОК ПОКУПКИ — .car-floating-buy-block
        style.css: background:#fff
   ---------------------------------------------------------------- */
.car-floating-buy-block {
    background: var(--dk-bg-2) !important;
    box-shadow: 0 -2px 24px rgba(0, 0, 0, 0.5) !important;
}
.car-floating-price-current {
    color: var(--dk-text-0) !important;
}
.car-floating-price-old {
    color: var(--dk-text-3) !important;
}
.car-floating-credit-note {
    color: var(--dk-text-2) !important;
}
.car-floating-phone {
    color: var(--dk-text-1) !important;
}
.car-floating-phone:hover {
    color: #1c9958 !important;
}
.car-floating-callback {
    background: transparent !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text-1) !important;
}
.car-floating-callback:hover {
    background: var(--dk-bg-4) !important;
    border-color: var(--btn-purple) !important;
    color: var(--dk-text-0) !important;
}

/* ----------------------------------------------------------------
   34. БЛОК ИНФОРМАЦИИ О МОДЕЛИ — .model-main__info
        style.css: background:#fafafa
   ---------------------------------------------------------------- */
.model-main__info {
    background: var(--dk-bg-2) !important;
}

/* ----------------------------------------------------------------
   35. ВКЛАДКИ — .tabs-section
        style.css: background:#fff; border:1px solid #e4e4e4
   ---------------------------------------------------------------- */
.tabs-section {
    background: var(--dk-bg-2) !important;
    border-color: var(--dk-border) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
}
.tabs-section__tab-link {
    color: var(--dk-text-1) !important;
}
.tabs-section__tab-link:hover {
    color: var(--dk-text-0) !important;
}
.tabs-section__tab-link span {
    color: var(--dk-text-3) !important;
}
.tabs-section__tab-link.active > div {
    color: #1c9958 !important;
    border-bottom-color: #1c9958 !important;
}

/* ----------------------------------------------------------------
   36. ФОРМА КРЕДИТА/ТРЕЙД-ИН — .form-main__card
        style.css: background:#ebeef0
   ---------------------------------------------------------------- */
.form-main__card,
.form-main__credit-card {
  background: var(--dk-bg-2) !important;
}

/* ----------------------------------------------------------------
   37. СКРОЛЛ
   ---------------------------------------------------------------- */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: var(--dk-bg-0);
}
::-webkit-scrollbar-thumb {
    background: var(--dk-border);
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #1c9958;
}