/*
 Theme Name:   Kadence Child
 Theme URI:    https://auto125.ru/
 Description:  Дочерняя тема для Kadence
 Author:       Ваше Имя
 Author URI:   https://auto125.ru/
 Template:     kadence
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  kadence-child
*/

/* 
------------------------------------------------------------------
Ваши кастомные CSS-стили начинаются здесь
------------------------------------------------------------------
*/

/* Пример стиля, чтобы проверить, что файл работает */
body {
    /* Можно добавить небольшой отладочный стиль */
}


/* ===================================================================
 * ОБЩИЕ СТИЛИ
 * =================================================================== */
:root {
    --brand-blue: #007bff; --brand-dark-blue: #0056b3;
    --text-primary: #212529; --text-secondary: #6c757d;
    --bg-light: #f8f9fa; --border-color: #dee2e6;
}
.site-container { max-width: 1240px; margin: 0 auto; padding: 0 15px; }
.button {
    background-color: var(--brand-blue); color: #fff; text-decoration: none;
    padding: 10px 20px; border-radius: 8px; font-weight: 600; font-size: 15px;
    transition: background-color 0.2s ease; display: inline-block;
    border: none; cursor: pointer; text-align: center;
}
.button:hover { background-color: var(--brand-dark-blue); color: #fff; }
.section-title { text-align: center; font-size: 32px; font-weight: 700; margin-bottom: 40px; }
.page-section { padding: 60px 0; }

/* ===================================================================
 * ШАБЛОН ГЛАВНОЙ СТРАНИЦЫ
 * =================================================================== */
.page-template-template-homepage .content-area { margin: 0; }
.page-template-template-homepage .site-main > .entry-content,
.page-template-template-homepage .site-main > .content-container > .page-header { display: none; }

/* Блок 1: Фильтр */
.hero-filter-section {
    padding: 50px 0; background: #f0f2f5;
    border-bottom: 1px solid var(--border-color);
}
.hero-filter-title {
    font-size: 28px; font-weight: 700; margin-bottom: 25px;
    color: var(--text-primary);
}
.hero-filter-form-wrapper {
    background: #fff; padding: 20px; border-radius: 12px;
}
.filter-grid {
    display: grid; grid-template-columns: repeat(4, 1fr);
    gap: 15px;
}
.filter-item-double { grid-column: span 2; display: flex; gap: 15px; }
.filter-item-search { position: relative; }
.filter-select, .filter-input, .filter-input-search {
    width: 100%; border: 1px solid #ced4da;
    padding: 10px 12px; border-radius: 6px; font-size: 15px; background: #fff;
}
.filter-actions {
    display: flex; align-items: center; flex-wrap: wrap; gap: 15px;
    margin-top: 15px; padding-top: 15px; border-top: 1px solid var(--border-color);
}
.advanced-params-link, .reset-button {
    color: var(--brand-blue); text-decoration: none; font-weight: 500;
}
.filter-submit-button { margin-left: auto; }
.search-button {
    position: absolute; right: 1px; top: 1px; height: calc(100% - 2px);
    border: none; background: var(--brand-blue); color: white;
    padding: 0 15px; cursor: pointer; border-radius: 0 5px 5px 0;
}

/* Блок 2: Бренды */
.brands-section { padding: 30px 0; border-bottom: 1px solid var(--border-color); }
.brands-list {
    display: flex; justify-content: flex-start; align-items: center;
    flex-wrap: wrap; gap: 10px 25px;
}
.brand-item {
    color: var(--text-primary); text-decoration: none;
    font-weight: 500; font-size: 15px;
}
.brand-item:hover { color: var(--brand-blue); }
.brand-item .brand-count { color: var(--text-secondary); font-size: 0.9em; margin-left: 4px; }
.brand-item.all-brands { color: var(--brand-blue); font-weight: 600; }

/* Блок 4: Последние поступления */
.latest-cars-section { background: var(--bg-light); padding: 60px 0; }
.car-grid-v2 { display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; }
.section-cta { text-align: center; margin-top: 40px; }

/* ===================================================================
 * КОМПОНЕНТ: КАРТОЧКА АВТО (Tachki.pro style)
 * =================================================================== */
.car-card-v2 {
    background: #fff; border: 1px solid var(--border-color);
    border-radius: 12px; display: flex; flex-direction: column;
}
.car-card-v2-image-wrapper { position: relative; }
.car-card-v2-image-wrapper img {
    border-radius: 11px 11px 0 0; width: 100%;
    height: 180px; object-fit: cover;
}
.car-card-v2-brand-tag {
    position: absolute; top: 10px; left: 10px;
    background: rgba(255,255,255,0.9); padding: 4px 8px; border-radius: 6px;
    display: flex; align-items: center; font-size: 12px; font-weight: 600;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.car-card-v2-brand-tag img { width: 16px; height: 16px; margin-right: 5px; border-radius: 0; }
.favorite-button {
    position: absolute; top: 10px; right: 10px;
    background: rgba(255,255,255,0.8); border: 1px solid var(--border-color);
    width: 32px; height: 32px; border-radius: 50%;
    font-size: 18px; line-height: 1; color: #a0aec0; cursor: pointer;
}
.car-card-v2-content { padding: 15px; flex-grow: 1; display: flex; flex-direction: column;}
.car-card-v2-title a {
    font-size: 16px; font-weight: 600; color: var(--text-primary);
    text-decoration: none; display: block; margin-bottom: 5px;
}
.car-card-v2-specs { font-size: 13px; color: var(--text-secondary); margin: 0 0 12px; }
.car-card-v2-price-row { display: flex; justify-content: space-between; align-items: center; margin-top: auto; padding-top: 12px; border-top: 1px solid var(--border-color); }
.car-card-v2-price { font-size: 18px; font-weight: 700; color: var(--text-primary); }
.price-actions button { background: none; border: none; cursor: pointer; color: var(--text-secondary); font-size: 18px; padding: 0 4px; }
.car-card-v2-location { font-size: 13px; color: var(--text-secondary); margin: 10px 0 15px; }
.car-card-v2-button { width: 100%; }

/* ===================================================================
 * АДАПТИВНОСТЬ
 * =================================================================== */
@media (max-width: 1200px) {
    .filter-grid { grid-template-columns: repeat(3, 1fr); }
    .car-grid-v2, .car-grid-5-cols { grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 991px) {
    .filter-grid { grid-template-columns: repeat(2, 1fr); }
    .car-grid-v2, .car-grid-5-cols { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 767px) {
    .filter-grid { grid-template-columns: 1fr; }
    .car-grid-v2, .car-grid-5-cols { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 540px) {
    .car-grid-v2, .car-grid-5-cols { grid-template-columns: 1fr; }
}

/* Стили для информационного баннера */
.info-banner-section {
    padding: 40px 0;
    text-align: center;
}
.info-banner-section img {
    max-width: 100%;
    height: auto;
    border-radius: 12px;
}