/**
 * Cars Catalog — тёмная тема (главная AB Korea / meet-the-team стиль)
 * Подключается при [cars_catalog theme="dark"]
 */

.cars-catalog-container.cars-catalog--dark {
    background: transparent;
    color: #ffffff;
    font-family: "Manrope", "Evolventa", Arial, sans-serif;
}

.cars-catalog--dark .cars-catalog-title {
    color: #ffffff;
    font-weight: 600;
}

.cars-catalog--dark .cars-catalog-filters {
    background-color: #1a1a1a;
    border: 1px solid #2c2c2c;
    border-radius: 14px;
    color: #ffffff;
}

.cars-catalog--dark .filter-label,
.cars-catalog--dark .sorting-label,
.cars-catalog--dark .cars-count {
    color: #9a9a9a;
}

.cars-catalog--dark .cars-count span {
    color: #ff4500;
    font-weight: 700;
}

.cars-catalog--dark .filter-group select,
.cars-catalog--dark .filter-group input[type="text"],
.cars-catalog--dark .filter-group input[type="number"],
.cars-catalog--dark .date-input,
.cars-catalog--dark .sorting-select,
.cars-catalog--dark .year-select,
.cars-catalog--dark .month-select {
    background-color: #111111 !important;
    border: 1px solid #2c2c2c !important;
    color: #ffffff !important;
    border-radius: 10px;
}

.cars-catalog--dark .filter-group select:focus,
.cars-catalog--dark .filter-group input:focus,
.cars-catalog--dark .sorting-select:focus {
    border-color: #ff4500 !important;
    box-shadow: 0 0 0 1px #ff4500;
    background-color: #161616 !important;
}

/* Кастомный селект марки с логотипами */
.cars-catalog--dark .brand-select-selected {
    background-color: #111111 !important;
    border: 1px solid #2c2c2c !important;
    color: #ffffff !important;
    min-height: 36px;
    height: 36px;
    padding: 0 32px 0 10px;
    border-radius: 8px;
    gap: 8px;
}
.cars-catalog--dark .brand-select-selected:after {
    color: #9a9a9a;
}
.cars-catalog--dark .brand-select-selected:hover {
    border-color: #3a3a3a !important;
}
.cars-catalog--dark .brand-select-selected:focus {
    border-color: #ff4500 !important;
    box-shadow: 0 0 0 1px #ff4500;
}
.cars-catalog--dark .brand-select-dropdown {
    background-color: #1a1a1a !important;
    border: 1px solid #2c2c2c !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
}
.cars-catalog--dark .brand-select-item {
    border-bottom-color: #2c2c2c;
    color: #ffffff;
}
.cars-catalog--dark .brand-select-item:hover {
    background-color: #222222 !important;
}
.cars-catalog--dark .brand-select-item.selected {
    background-color: rgba(255, 69, 0, 0.18) !important;
}
.cars-catalog--dark .brand-name {
    color: #ffffff !important;
    font-size: 13px;
}
.cars-catalog--dark .brand-logo {
    width: 22px;
    height: 22px;
    object-fit: contain;
    flex-shrink: 0;
    display: block !important;
    max-width: 22px !important;
    height: 22px !important;
    background: #ffffff;
    border-radius: 4px;
    padding: 2px;
    box-sizing: border-box;
}

.cars-catalog--dark .filter-button,
.cars-catalog--dark .toggle-button,
.cars-catalog--dark .center-expand-button {
    background-color: #ff4500 !important;
    border-color: #ff4500 !important;
    color: #ffffff !important;
    border-radius: 10px;
}

.cars-catalog--dark .filter-button:hover,
.cars-catalog--dark .toggle-button:hover {
    background-color: #e63e00 !important;
}

.cars-catalog--dark .reset-button {
    background-color: transparent !important;
    color: #9a9a9a !important;
    border: 1px solid #2c2c2c !important;
}

.cars-catalog--dark .reset-button:hover {
    color: #ffffff !important;
    border-color: #ffffff !important;
}

.cars-catalog--dark .fuel-list-container,
.cars-catalog--dark .options-hint {
    color: #9a9a9a;
}

.cars-catalog--dark .view-toggle-btn {
    background: #1a1a1a;
    border: 1px solid #2c2c2c;
    color: #9a9a9a;
    border-radius: 10px;
}

.cars-catalog--dark .view-toggle-btn.active,
.cars-catalog--dark .view-toggle-btn:hover {
    border-color: #ff4500;
    color: #ffffff;
    background: rgba(255, 69, 0, 0.14);
}

/* Карточки */
.cars-catalog--dark .car-card {
    background-color: #1a1a1a !important;
    border: 1px solid transparent !important;
    box-shadow: none !important;
    border-radius: 14px !important;
    color: #ffffff;
}

.cars-catalog--dark .car-card:hover {
    border-color: rgba(255, 69, 0, 0.55) !important;
    background-color: #222222 !important;
    box-shadow: none !important;
}

.cars-catalog--dark .car-image {
    background-color: #0d0d0d !important;
}

.cars-catalog--dark .car-title,
.cars-catalog--dark .car-title-link {
    color: #ffffff !important;
    font-family: inherit !important;
}

.cars-catalog--dark .car-title-link:hover,
.cars-catalog--dark .car-title-link:focus {
    color: #ff4500 !important;
}

.cars-catalog--dark .car-price {
    color: #ffffff !important;
    border-bottom-color: #2c2c2c !important;
    font-family: inherit !important;
    justify-content: flex-start !important;
}

.cars-catalog--dark .car-price-secondary,
.cars-catalog--dark .car-price-secondary-value,
.cars-catalog--dark .car-price-secondary-label {
    color: #9a9a9a !important;
}

.cars-catalog--dark .car-meta,
.cars-catalog--dark .car-power-info,
.cars-catalog--dark .car-year,
.cars-catalog--dark .car-mileage,
.cars-catalog--dark .car-drive {
    color: #9a9a9a !important;
}

.cars-catalog--dark .price-info-icon {
    border-color: #2c2c2c;
    color: #9a9a9a;
}

.cars-catalog--dark .cars-empty,
.cars-catalog--dark .cars-loading {
    color: #9a9a9a;
    background: #1a1a1a;
    border-radius: 14px;
    border: 1px solid #2c2c2c;
}

.cars-catalog--dark .cars-catalog-pagination {
    border-top-color: #2c2c2c;
}

.cars-catalog--dark .pagination-meta {
    color: #8a8a8a;
}

.cars-catalog--dark .pagination-meta strong {
    color: #ffffff;
}

.cars-catalog--dark .cars-catalog-pagination .page-item,
.cars-catalog--dark .cars-catalog-pagination button.page-item {
    background: #1a1a1a;
    border: 1px solid #2c2c2c;
    color: #ffffff;
    border-radius: 10px;
    box-shadow: none;
}

.cars-catalog--dark .cars-catalog-pagination .page-item:hover:not(:disabled):not(.disabled):not(.active),
.cars-catalog--dark .cars-catalog-pagination button.page-item:hover:not(:disabled):not(.disabled):not(.active) {
    border-color: #ff4500;
    color: #ff4500;
    background: rgba(255, 69, 0, 0.12);
}

.cars-catalog--dark .cars-catalog-pagination .page-item.active,
.cars-catalog--dark .cars-catalog-pagination button.page-item.active {
    background: #ff4500;
    border-color: #ff4500;
    color: #fff;
    box-shadow: 0 8px 20px rgba(255, 69, 0, 0.28);
}

.cars-catalog--dark .cars-catalog-pagination .page-item.disabled,
.cars-catalog--dark .cars-catalog-pagination .page-item:disabled,
.cars-catalog--dark .cars-catalog-pagination button.page-item:disabled {
    background: #141414;
    border-color: #242424;
    color: #5a5a5a;
    opacity: 1;
}

.cars-catalog--dark .page-dots {
    color: #666;
}

.cars-catalog--dark .select2-container--default .select2-selection--multiple {
    background: #111;
    border-color: #2c2c2c;
}

.cars-catalog--dark .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #ff4500;
    border-color: #ff4500;
}

/* Preview-режим на главной */
.cars-catalog--preview .cars-catalog-filters,
.cars-catalog--preview #toggle-filters-top,
.cars-catalog--preview .expand-filters-container {
    display: none !important;
}

.cars-catalog--preview .catalog-layout {
    display: block;
}

.cars-catalog--preview .cars-catalog-content {
    width: 100%;
}

.cars-catalog--preview .cars-catalog-pagination {
    display: none !important;
}

.cars-catalog-preview-more {
    margin-top: 24px;
    text-align: center;
}

.cars-catalog-preview-more .cars-catalog-more-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 24px;
    border-radius: 10px;
    background: #ff4500;
    color: #fff !important;
    font-weight: 700;
    text-decoration: none !important;
    transition: background 0.2s ease;
}

.cars-catalog-preview-more .cars-catalog-more-btn:hover {
    background: #e63e00;
    color: #fff !important;
}

/* Сетка в preview — карточки вертикально на главной */
.cars-catalog--preview.cars-catalog--dark .cars-catalog-grid.grid-view {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    align-items: start;
}

.cars-catalog--preview.cars-catalog--dark .cars-catalog-grid.grid-view .car-card {
    flex-direction: column;
    min-height: 0;
    height: auto;
    align-self: start;
}

.cars-catalog--preview.cars-catalog--dark .cars-catalog-grid.grid-view .car-image {
    width: 100%;
    min-width: 0;
    height: auto;
    max-height: none;
    aspect-ratio: 16 / 11;
}

@media (max-width: 1100px) {
    .cars-catalog--preview.cars-catalog--dark .cars-catalog-grid.grid-view {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 860px) {
    .cars-catalog--preview.cars-catalog--dark .cars-catalog-grid.grid-view {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 560px) {
    .cars-catalog--preview.cars-catalog--dark .cars-catalog-grid.grid-view {
        grid-template-columns: 1fr;
    }
}