/** * BimmerBrain Knowledge Base — Styles * v2.0.0 — Dark Carbon Redesign (ADR-030 + landing-v3.css tokens) * * Архив (листинг), статья, фильтры-чипы, карточки, related-блок, inline-виджет. * Тёмная тема, унаследованная от landing-v3.css. */ /* ======================================== ПЕРЕМЕННЫЕ (тёмная carbon-тема из landing-v3.css) ======================================== */ :root { --bm-bg: #0B0B0D; --bm-bg-alt: #111114; --bm-surface: #16161A; --bm-surface-2: #1C1C21; --bm-border: rgba(255, 255, 255, 0.08); --bm-border-strong: rgba(255, 255, 255, 0.14); --bm-text: #F4F4F6; --bm-text-muted: #A0A0A8; --bm-text-dim: #8A8A93; /* повышенная контрастность ≥4.5:1 на surface */ --bm-accent: #00E0C7; --bm-accent-subtle: rgba(0, 224, 199, 0.12); --bm-primary: #1C69E4; --bm-primary-hover: #1559C7; --bm-primary-subtle: rgba(28, 105, 228, 0.12); --bm-m: #E2231A; --bm-m-subtle: rgba(226, 35, 26, 0.12); /* Шрифты и скругления */ --r-sm: 8px; --r-md: 12px; --r-lg: 18px; --r-xl: 28px; --sh-1: 0 1px 0 rgba(255, 255, 255, 0.04) inset, 0 1px 2px rgba(0, 0, 0, 0.5); --sh-2: 0 1px 0 rgba(255, 255, 255, 0.05) inset, 0 8px 24px rgba(0, 0, 0, 0.45); --sh-3: 0 1px 0 rgba(255, 255, 255, 0.06) inset, 0 20px 60px rgba(0, 0, 0, 0.55); --ease: cubic-bezier(0.16, 1, 0.3, 1); --dur-fast: 150ms; --dur-base: 300ms; --dur-slow: 600ms; } /* ======================================== СВЕТЛАЯ ТЕМА «ДЕНЬ» (data-theme="light" на ) Зеркало :root[data-theme="light"] из landing-v3.css ======================================== */ :root[data-theme="light"] { --bm-bg: #FAFAFC; --bm-bg-alt: #F2F3F5; --bm-surface: #FFFFFF; --bm-surface-2: #F4F5F7; --bm-border: rgba(15, 17, 21, 0.10); --bm-border-strong: rgba(15, 17, 21, 0.16); --bm-text: #15161A; --bm-text-muted: #55575E; --bm-text-dim: #76787F; --bm-accent: #009E8C; --bm-accent-subtle: rgba(0, 158, 140, 0.10); --bm-primary: #1559C7; --bm-primary-hover: #1C69E4; --bm-primary-subtle: rgba(21, 89, 199, 0.10); --bm-m: #E2231A; --bm-m-subtle: rgba(226, 35, 26, 0.08); --sh-1: 0 1px 2px rgba(15, 17, 21, 0.08); --sh-2: 0 8px 24px rgba(15, 17, 21, 0.10); --sh-3: 0 20px 60px rgba(15, 17, 21, 0.14); } /* KB Pages — тёмная тема body body.kb-page: добавляется через body_class фильтр (functions.php) body.single-knowledge_base / post-type-archive / tax-bmw_category: WP core классы (fallback) .kb-archive: класс контейнера архива */ body.kb-page, body.single-knowledge_base, body.post-type-archive-knowledge_base, body.tax-bmw_category, .kb-archive { background: var(--bm-bg) !important; color: var(--bm-text) !important; font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; } /* === Astra Theme Override === Astra ставит светлый фон (#F0F5FA) на .ast-separate-container и светлые цвета (var(--ast-global-color-*)) на body, h1–h6. Переопределяем на KB-страницах. */ body.kb-page.ast-separate-container, body.single-knowledge_base.ast-separate-container, body.post-type-archive-knowledge_base.ast-separate-container, body.tax-bmw_category.ast-separate-container { background-color: var(--bm-bg) !important; color: var(--bm-text) !important; } body.kb-page h1, body.kb-page h2, body.kb-page h3, body.kb-page h4, body.kb-page h5, body.kb-page h6, body.single-knowledge_base h1, body.single-knowledge_base h2, body.single-knowledge_base h3, body.single-knowledge_base h4, body.single-knowledge_base h5, body.single-knowledge_base h6, body.post-type-archive-knowledge_base h1, body.post-type-archive-knowledge_base h2, body.post-type-archive-knowledge_base h3, body.post-type-archive-knowledge_base h4, body.post-type-archive-knowledge_base h5, body.post-type-archive-knowledge_base h6 { color: var(--bm-text) !important; } /* Ссылки и текст в контейнерах Astra на KB-страницах */ body.kb-page .ast-separate-container, body.single-knowledge_base .ast-separate-container, body.post-type-archive-knowledge_base .ast-separate-container { background-color: var(--bm-bg) !important; color: var(--bm-text) !important; } /* === ASTRA NUCLEAR OVERRIDE (v2.0.1) === Astra inline dynamic CSS (~67KB) ставит светлый фон (var(--ast-global-color-4/5)) на МНОЖЕСТВО вложенных контейнеров, которые не покрыты правилами выше. Делаем все Astra-обёртки ПРОЗРАЧНЫМИ — сквозь них виден body dark bg. Кастомные KB-элементы (.kb-article, .kb-card и т.д.) имеют свои background и НЕ затрагиваются этим правилом. */ body.kb-page #page, body.kb-page .site, body.kb-page .site-content, body.kb-page #content, body.kb-page .ast-container, body.kb-page #primary, body.kb-page .content-area, body.kb-page #main, body.kb-page .site-main, body.kb-page .ast-article-single, body.kb-page .ast-article-inner, body.kb-page .hentry, body.kb-page .entry-header, body.kb-page .entry-content, body.kb-page .entry-meta, body.kb-page .post-thumbnail, body.kb-page .ast-grid-common-col, body.kb-page .ast-plain-container, body.kb-page .ast-page-builder-template, body.kb-page .ast-row, body.kb-page .ast-col, body.kb-page .ast-layout-2-grid, body.kb-page .ast-separate-container > *, body.single-knowledge_base #page, body.single-knowledge_base .site, body.single-knowledge_base .site-content, body.single-knowledge_base #content, body.single-knowledge_base .ast-container, body.single-knowledge_base #primary, body.single-knowledge_base .content-area, body.single-knowledge_base #main, body.single-knowledge_base .site-main, body.single-knowledge_base .ast-article-single, body.single-knowledge_base .ast-article-inner, body.single-knowledge_base .hentry, body.single-knowledge_base .entry-header, body.single-knowledge_base .entry-content, body.single-knowledge_base .entry-meta, body.single-knowledge_base .post-thumbnail, body.single-knowledge_base .ast-grid-common-col, body.single-knowledge_base .ast-plain-container, body.single-knowledge_base .ast-page-builder-template, body.single-knowledge_base .ast-separate-container > *, body.post-type-archive-knowledge_base #page, body.post-type-archive-knowledge_base .site, body.post-type-archive-knowledge_base .site-content, body.post-type-archive-knowledge_base #content, body.post-type-archive-knowledge_base .ast-container, body.post-type-archive-knowledge_base #primary, body.post-type-archive-knowledge_base .content-area, body.post-type-archive-knowledge_base #main, body.post-type-archive-knowledge_base .site-main, body.post-type-archive-knowledge_base .ast-article-single, body.post-type-archive-knowledge_base .ast-article-inner, body.post-type-archive-knowledge_base .ast-grid-common-col, body.post-type-archive-knowledge_base .ast-separate-container > *, body.tax-bmw_category #page, body.tax-bmw_category .site, body.tax-bmw_category .site-content, body.tax-bmw_category #content, body.tax-bmw_category .ast-container, body.tax-bmw_category .ast-separate-container > * { background-color: transparent !important; } /* Принудительный тёмный цвет текста для всех Astra-элементов на KB-страницах */ body.kb-page .ast-container, body.kb-page .site-content, body.kb-page .ast-article-single, body.kb-page .ast-article-inner, body.kb-page .hentry, body.kb-page .entry-content, body.single-knowledge_base .ast-container, body.single-knowledge_base .site-content, body.single-knowledge_base .ast-article-single, body.single-knowledge_base .ast-article-inner, body.single-knowledge_base .hentry, body.single-knowledge_base .entry-content, body.post-type-archive-knowledge_base .ast-container, body.post-type-archive-knowledge_base .site-content, body.post-type-archive-knowledge_base .ast-article-inner { color: var(--bm-text) !important; } /* Astra ставит box-shadow/border на article — убираем */ body.single-knowledge_base .ast-article-single, body.single-knowledge_base .ast-article-inner, body.single-knowledge_base article.hentry { box-shadow: none !important; border: none !important; background: transparent !important; } @keyframes pulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.4; transform: scale(0.8); } } /* ======================================== КОНТЕЙНЕРЫ ======================================== */ .kb-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; } .kb-container--narrow { max-width: 760px; } /* ======================================== ХЛЕБНЫЕ КРОШКИ ======================================== */ .kb-breadcrumbs { padding: 1.25rem 0; font-family: "Inter", sans-serif; font-size: 0.8rem; border-bottom: 1px solid var(--bm-border); background: transparent; } .kb-breadcrumbs__list { display: flex; align-items: center; flex-wrap: wrap; gap: 0.4rem; list-style: none; margin: 0; padding: 0; } /* Совместимость со старой разметкой (без