/*
Theme Name: Aura-car Kadence Child
Theme URI: https://aura-car.ru
Template: kadence
Author: Michael R TG: @real_mik
Description: LADA Design System based on Arial
Version: 2.0.0
*/

/* =========================================
   ДИЗАЙН-СИСТЕМА LADA (v2.0 - Brand Guidelines)
   ========================================= */

:root {
    /* 1. Цветовая палитра (Brand Book) */
    --lada-primary: #E37639;       /* Carrot */
    --lada-primary-hover: #D66A2E; /* Чуть темнее для hover */
    --lada-secondary: #4D5964;     /* Graphite (Text, Buttons) */
    --lada-muted: #5B6770;         /* Light Grey (Secondary text) */
    --lada-bg-main: #FFFFFF;
    --lada-bg-alt: #F5F5F5;        /* Светло-серый фон (по брендбуку) */
    
    /* 2. Типографика (Arial Replacement) */
    --lada-font-main: Arial, "Helvetica Neue", Helvetica, sans-serif;
    --lada-font-heading: Arial, "Helvetica Neue", Helvetica, sans-serif;

    /* 3. UI Стили */
    --lada-radius: 4px;            /* Строго по брендбуку (скругление небольшое) */
    --lada-shadow: 0 5px 30px rgba(0,0,0,0.08);
}

/* =========================================
   ГЛОБАЛЬНАЯ ТИПОГРАФИКА
   ========================================= */

body {
    font-family: var(--lada-font-main);
    color: var(--lada-secondary);
    background-color: var(--lada-bg-main);
    line-height: 1.5;
    font-size: 16px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--lada-font-heading);
    color: var(--lada-secondary);
    font-weight: 700;
    line-height: 1.2;
}

/* Для акциденции (заголовки слоганов), можно добавить класс .lada-caps */
.lada-caps {
    text-transform: uppercase;
    letter-spacing: 0.05em; /* Имитация трекинга */
}

/* =========================================
   КНОПКИ (Buttons)
   ========================================= */

/* Primary Button (Carrot) - Главная CTA */
.wp-block-button__link,
.kadence-btn,
button.button {
    background-color: var(--lada-primary);
    color: #FFFFFF;
    border-radius: var(--lada-radius);
    font-family: var(--lada-font-main);
    font-weight: 600;
    border: none;
    padding: 12px 24px;
    transition: background-color 0.2s ease;
    text-transform: uppercase; /* Кнопки часто капсом в автопроме */
    letter-spacing: 0.05em;
    font-size: 14px;
}

.wp-block-button__link:hover,
.kadence-btn:hover,
button.button:hover {
    background-color: var(--lada-primary-hover);
    color: #FFFFFF;
    box-shadow: var(--lada-shadow);
    transform: translateY(-1px);
}

/* Secondary Button (Graphite) */
.btn-secondary,
.wp-block-button.is-style-secondary .wp-block-button__link {
    background-color: var(--lada-secondary);
    color: #FFFFFF;
}

.btn-secondary:hover,
.wp-block-button.is-style-secondary .wp-block-button__link:hover {
    background-color: #3D4650;
}

/* Outline Button */
.btn-outline,
.wp-block-button.is-style-outline .wp-block-button__link {
    background-color: transparent;
    border: 2px solid var(--lada-secondary);
    color: var(--lada-secondary);
}

.btn-outline:hover,
.wp-block-button.is-style-outline .wp-block-button__link:hover {
    background-color: var(--lada-secondary);
    color: #FFFFFF;
}

/* =========================================
   СЕТКА И КАРТОЧКИ
   ========================================= */

.section-alt {
    background-color: var(--lada-bg-alt);
}

.lada-card {
    background: var(--lada-bg-main);
    border-radius: 8px; /* Чуть больше скругление для карточек */
    box-shadow: var(--lada-shadow);
    padding: 24px;
    border: 1px solid #EEEEEE;
    transition: box-shadow 0.3s ease;
}

.lada-card:hover {
    box-shadow: 0 10px 40px rgba(0,0,0,0.1);
}

/* =========================================
   ФОРМЫ (Inputs - Brand Book style)
   ========================================= */
 
input[type="text"],
input[type="email"],
input[type="tel"],
textarea,
select {
    font-family: var(--lada-font-main);
    border: 1px solid #E0E0E0;
    border-radius: var(--lada-radius);
    padding: 12px 16px;
    color: var(--lada-secondary);
    background: #fff;
}

input:focus,
textarea:focus {
    border-color: var(--lada-primary);
    outline: none;
    box-shadow: 0 0 0 2px rgba(227, 118, 57, 0.2);
}
/* =========================================
   ГЛОБАЛЬНЫЙ ФИКС ФИЛЬТРОВ КАТАЛОГА
   (Решает проблему серого фона при наведении)
   ========================================= */

/* Общий контейнер для безопасности */
.lada-catalog-wrap .lada-filter-btn {
    /* Убираем стандартное поведение браузера/темы */
    -webkit-appearance: none;
    box-shadow: none;
    outline: none;
}

/* 1. При наведении (Hover) */
.lada-catalog-wrap .lada-filter-btn:hover {
    background-color: transparent !important; /* НАСИЛЬНО убираем серый фон */
    color: #E37639 !important;
    border-color: #E37639 !important;
}

/* 2. При фокусе (Focus) - когда кнопка нажата или выбрана курсором */
.lada-catalog-wrap .lada-filter-btn:focus {
    background-color: transparent !important; /* НАСИЛЬНО убираем серый фон */
    color: #A5ADB6 !important; /* Возвращаем обычный цвет текста */
    border-color: #A5ADB6 !important;
}

/* 3. Если навели на сфокусированную кнопку */
.lada-catalog-wrap .lada-filter-btn:focus:hover {
    color: #E37639 !important;
    border-color: #E37639 !important;
}

/* 4. Активная кнопка (Выбранный фильтр) */
.lada-catalog-wrap .lada-filter-btn.active {
    background: #E37639 !important;
    border-color: #E37639 !important;
    color: #fff !important;
}

/* 5. Активная кнопка при наведении */
.lada-catalog-wrap .lada-filter-btn.active:hover {
    background: #D66A2E !important;
}

/* 6. Активная кнопка в фокусе */
.lada-catalog-wrap .lada-filter-btn.active:focus {
    background: #E37639 !important;
    color: #fff !important;
    border-color: #E37639 !important;
}
/*
Theme Name: Aura-car Kadence Child
Theme URI: https://aura-car.ru
Template: kadence
Author: Michael R TG: @real_mik
Description: LADA Design System v3.0 (Font: Inter)
Version: 3.0.0
*/

/* =========================================
   ДИЗАЙН-СИСТЕМА LADA (v3.0 - Font: Inter)
   ========================================= */

:root {
    /* 1. Цветовая палитра (Brand Book) */
    --lada-primary: #E37639;       /* Carrot */
    --lada-primary-hover: #D66A2E; /* Hover */
    --lada-secondary: #4D5964;     /* Graphite */
    --lada-muted: #5B6770;         /* Light Grey */
    --lada-bg-main: #FFFFFF;
    --lada-bg-alt: #F5F5F5;
    
    /* 2. Типографика (Inter) */
    --lada-font-main: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --lada-font-heading: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

    /* 3. UI Константы */
    --lada-radius: 4px;
    --lada-radius-lg: 25px; /* Для больших карточек */
    --lada-shadow: 0 5px 30px rgba(0,0,0,0.08);
    --lada-shadow-lg: 0 10px 40px rgba(0,0,0,0.08);
}

/* =========================================
   ГЛОБАЛЬНАЯ ТИПОГРАФИКА
   ========================================= */

body {
    font-family: var(--lada-font-main);
    color: var(--lada-secondary);
    background-color: var(--lada-bg-main);
    line-height: 1.5;
    font-size: 16px;
    -webkit-font-smoothing: antialiased; /* Для красивого рендеринга Inter */
    -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--lada-font-heading);
    color: var(--lada-secondary);
    font-weight: 700;
    line-height: 1.2;
}

.lada-caps {
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* =========================================
   КНОПКИ (Buttons)
   ========================================= */

.wp-block-button__link,
.kadence-btn,
button.button {
    background-color: var(--lada-primary);
    color: #FFFFFF;
    border-radius: var(--lada-radius);
    font-family: var(--lada-font-main);
    font-weight: 600;
    border: none;
    padding: 12px 24px;
    transition: all 0.2s ease;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 14px;
}

.wp-block-button__link:hover,
.kadence-btn:hover,
button.button:hover {
    background-color: var(--lada-primary-hover);
    color: #FFFFFF;
    box-shadow: var(--lada-shadow);
    transform: translateY(-1px);
}

/* Secondary & Outline */
.btn-secondary, .wp-block-button.is-style-secondary .wp-block-button__link { background-color: var(--lada-secondary); color: #FFFFFF; }
.btn-secondary:hover, .wp-block-button.is-style-secondary .wp-block-button__link:hover { background-color: #3D4650; }

.btn-outline, .wp-block-button.is-style-outline .wp-block-button__link { background-color: transparent; border: 2px solid var(--lada-secondary); color: var(--lada-secondary); }
.btn-outline:hover, .wp-block-button.is-style-outline .wp-block-button__link:hover { background-color: var(--lada-secondary); color: #FFFFFF; }

/* =========================================
   СЕТКА И КОНТЕЙНЕРЫ (СИСТЕМНЫЕ КЛАССЫ)
   ========================================= */

/* Основной контейнер */
.lada-container {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 30px;
    width: 100%;
}

/* Сетка для секций (Hero / Госпрограмма) */
.lada-section-grid {
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    gap: 30px;
    background-color: transparent;
    margin-bottom: 40px;
    align-items: stretch;
}

.lada-section-grid.reverse-cols {
    grid-template-columns: 1.5fr 1fr;
}

/* Карточки внутри сетки */
.lada-col-content {
    background-color: var(--lada-bg-main);
    border-radius: var(--lada-radius-lg);
    padding: 50px;
    box-shadow: var(--lada-shadow-lg);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.lada-col-image {
    min-height: 500px;
    background-size: cover;
    background-position: center;
    border-radius: var(--lada-radius-lg);
    box-shadow: var(--lada-shadow-lg);
    position: relative;
}

/* Адаптивность сетки */
@media (max-width: 990px) {
    .lada-section-grid, .lada-section-grid.reverse-cols {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .lada-col-image { min-height: 300px; }
    .lada-col-content { padding: 30px; }
}

/* Карточки товаров/услуг */
.lada-card {
    background: var(--lada-bg-main);
    border-radius: 8px;
    box-shadow: var(--lada-shadow);
    padding: 24px;
    border: 1px solid #EEEEEE;
    transition: box-shadow 0.3s ease;
}
.lada-card:hover { box-shadow: 0 10px 40px rgba(0,0,0,0.1); }

/* =========================================
   КОМПОНЕНТЫ (Слайдеры, Карточки)
   ========================================= */

.lada-cards-slider {
    display: flex;
    gap: 20px;
    overflow-x: auto;
    padding-bottom: 25px;
    scroll-snap-type: x mandatory;
    scrollbar-width: thin;
    scrollbar-color: var(--lada-primary) #F1F1F1;
}

.credit-card {
    flex: 0 0 320px;
    background-color: #A5ADB6;
    color: #fff;
    padding: 30px;
    border-radius: 15px;
    scroll-snap-align: start;
    display: flex;
    flex-direction: column;
    transition: transform 0.2s;
}
.credit-card:hover { transform: translateY(-3px); }
.credit-card.highlight { background-color: var(--lada-primary); }
.credit-card .badge {
    background: #fff;
    color: var(--lada-secondary);
    padding: 5px 15px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 12px;
    margin-bottom: 20px;
    display: inline-block;
    text-transform: uppercase;
}

/* =========================================
   ФОРМЫ (Inputs)
   ========================================= */
 
input[type="text"], input[type="email"], input[type="tel"], textarea, select {
    font-family: var(--lada-font-main);
    border: 1px solid #E0E0E0;
    border-radius: var(--lada-radius);
    padding: 12px 16px;
    color: var(--lada-secondary);
    background: #fff;
}
input:focus, textarea:focus {
    border-color: var(--lada-primary);
    outline: none;
    box-shadow: 0 0 0 2px rgba(227, 118, 57, 0.2);
}

/* =========================================
   ГЛОБАЛЬНЫЙ ФИКС ФИЛЬТРОВ КАТАЛОГА
   ========================================= */

.lada-catalog-wrap .lada-filter-btn {
    -webkit-appearance: none;
    box-shadow: none;
    outline: none;
}
.lada-catalog-wrap .lada-filter-btn:hover {
    background-color: transparent !important;
    color: #E37639 !important;
    border-color: #E37639 !important;
}
.lada-catalog-wrap .lada-filter-btn:focus {
    background-color: transparent !important;
    color: #A5ADB6 !important;
    border-color: #A5ADB6 !important;
}
.lada-catalog-wrap .lada-filter-btn:focus:hover {
    color: #E37639 !important;
    border-color: #E37639 !important;
}
.lada-catalog-wrap .lada-filter-btn.active {
    background: #E37639 !important;
    border-color: #E37639 !important;
    color: #fff !important;
}
/* ----------------------------------------------------
   AURA-CAR LADA: LANDING PAGE STYLES
   Версия: 3.0
   Соответствует регламенту: Inter, Variables, Namespace
---------------------------------------------------- */

/* 1. Импорт шрифта (если не подключен через functions.php) */
/* @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap'); */

/* 2. Переменные (CSS Variables) */
:root {
    --lada-primary: #E37639;
    --lada-primary-hover: #D66A2E;
    --lada-secondary: #4D5964;
    --lada-muted: #5B6770;
    --lada-bg-main: #FFFFFF;
    --lada-bg-alt: #F5F5F5;
    
    /* Типографика */
    --lada-font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --lada-radius-sm: 4px;
    --lada-radius-md: 8px;
    --lada-radius-lg: 25px;
    --lada-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    --lada-shadow-hover: 0 15px 40px rgba(227, 118, 57, 0.15);
}

/* 3. Базовые настройки Body */
body {
    font-family: var(--lada-font-family);
    font-weight: 400;
    color: var(--lada-secondary);
    background-color: var(--lada-bg-main);
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
}

/* 4. Контейнер */
.lada-container {
    max-width: 1440px;
    margin: 0 auto;
    padding-left: 30px;
    padding-right: 30px;
}

/* 5. Сетка и Секции */
.lada-section {
    padding: 80px 0;
}

.lada-section-grid {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 30px;
    align-items: stretch;
}

.lada-section-grid.reverse-cols {
    grid-template-columns: 1.2fr 1fr;
}

.lada-section-grid.reverse-cols > *:first-child {
    order: 2;
}

.lada-col-content {
    background: var(--lada-bg-main);
    padding: 50px;
    border-radius: var(--lada-radius-lg);
    box-shadow: var(--lada-shadow);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.lada-col-image {
    border-radius: var(--lada-radius-lg);
    overflow: hidden;
    min-height: 400px;
    background-size: cover;
    background-position: center;
}

/* Адаптив сетки */
@media (max-width: 990px) {
    .lada-section-grid, 
    .lada-section-grid.reverse-cols {
        grid-template-columns: 1fr;
    }
    .lada-section-grid.reverse-cols > *:first-child {
        order: 1;
    }
    .lada-col-image {
        min-height: 300px;
    }
}

/* 6. Типографика элементов */
.lada-title {
    font-size: 42px;
    line-height: 1.2;
    font-weight: 700;
    color: var(--lada-secondary);
    margin-bottom: 20px;
}

.lada-subtitle {
    font-size: 18px;
    color: var(--lada-muted);
    margin-bottom: 30px;
}

.lada-caps {
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 600;
    font-size: 14px;
    color: var(--lada-primary);
    margin-bottom: 15px;
    display: block;
}

/* 7. Кнопки */
.lada-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 16px 32px;
    font-family: var(--lada-font-family);
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    text-decoration: none;
    border-radius: var(--lada-radius-sm);
    border: none;
    cursor: pointer;
    transition: all 0.2s ease;
}

.lada-btn-primary {
    background-color: var(--lada-primary);
    color: #fff;
    box-shadow: 0 4px 15px rgba(227, 118, 57, 0.3);
}

.lada-btn-primary:hover {
    background-color: var(--lada-primary-hover);
    box-shadow: var(--lada-shadow-hover);
    transform: translateY(-2px);
}

.lada-btn-outline {
    background-color: transparent;
    color: var(--lada-secondary);
    border: 2px solid var(--lada-secondary);
}

.lada-btn-outline:hover {
    background-color: var(--lada-secondary);
    color: #fff;
}

/* 8. Карточки (Услуги) */
.lada-services-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
}

.lada-card {
    background: var(--lada-bg-main);
    border: 1px solid #eee;
    border-radius: var(--lada-radius-md);
    padding: 30px;
    transition: 0.3s ease;
}

.lada-card:hover {
    border-color: transparent;
    box-shadow: var(--lada-shadow);
    transform: translateY(-5px);
}

.lada-card-icon {
    width: 48px;
    height: 48px;
    margin-bottom: 20px;
    background: rgba(227, 118, 57, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--lada-primary);
}

.lada-card-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    color: var(--lada-secondary);
}

.lada-card-text {
    font-size: 14px;
    color: var(--lada-muted);
}

/* 9. Преимущества (Features) */
.lada-features-item {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
}

.lada-features-num {
    font-size: 48px;
    font-weight: 700;
    color: rgba(227, 118, 57, 0.2);
    line-height: 1;
}

/* 10. Форма и Футер */
.lada-form-group {
    margin-bottom: 15px;
}

.lada-input {
    width: 100%;
    padding: 15px 20px;
    border: 1px solid #E0E0E0;
    border-radius: var(--lada-radius-sm);
    font-family: var(--lada-font-family);
    font-size: 16px;
    transition: 0.2s ease;
}

.lada-input:focus {
    outline: none;
    border-color: var(--lada-primary);
    box-shadow: 0 0 0 3px rgba(227, 118, 57, 0.1);
}

.lada-disclaimer {
    font-size: 12px;
    color: var(--lada-muted);
    margin-top: 20px;
    opacity: 0.8;
}
.lada-catalog-wrap .lada-filter-btn.active:hover { background: #D66A2E !important; }
.lada-catalog-wrap .lada-filter-btn.active:focus { background: #E37639 !important; color: #fff !important; border-color: #E37639 !important; }