/* ============================================================================
   LEXPREMISE — dark.css
   Тёмная палитра для всех внутренних страниц.
   Подключать ПОСЛЕ chrome.css.
   ============================================================================ */

/* ─── Переопределение CSS-переменных ─────────────────────────────────────── */
:root {
  --c-bg:          #070c0b;
  --c-surface:     #0e1614;
  --c-surface-alt: #131f1c;

  --c-primary:     #0e1614;
  --c-primary-700: #1a2922;
  --c-primary-900: #060c0a;

  --c-accent:      #B89759;
  --c-accent-600:  #9a7c44;
  --c-accent-100:  rgba(184,151,89,.12);

  --c-text:          #e2ddd6;
  --c-text-soft:     #7a8a87;
  --c-text-on-dark:  #e2ddd6;
  --c-on-dark-soft:  #7a8a87;

  --c-line:         rgba(255,255,255,.09);
  --c-line-on-dark: rgba(255,255,255,.13);

  --sh-1: 0 1px 2px rgba(0,0,0,.50), 0 1px 3px rgba(0,0,0,.35);
  --sh-2: 0 4px 14px rgba(0,0,0,.55), 0 2px 6px rgba(0,0,0,.40);
  --sh-3: 0 14px 38px rgba(0,0,0,.65), 0 6px 14px rgba(0,0,0,.45);
  --sh-accent: 0 8px 22px rgba(184,151,89,.28);
}

/* ─── Базовые ─────────────────────────────────────────────────────────────── */
body { background: var(--c-bg); color: var(--c-text); }
/* h1-h4 в style.css имеют color: var(--c-primary) → переопределяем */
h1, h2, h3, h4 { color: var(--c-text); }
.eyebrow { color: var(--c-accent); }
.lead { color: var(--c-text-soft); }
a { color: inherit; }

/* ─── Hero video background (eng.html + любая страница с page-home.css) ──── */
.hero-video-wrap { position: absolute; inset: 0; overflow: hidden; z-index: 0; }
.hero-video-wrap video { width: 100%; height: 100%; object-fit: cover; opacity: 0.48; }
.hero-grad-left   { position: absolute; inset: 0; background: linear-gradient(90deg, #070c0b 0%, transparent 65%); pointer-events: none; z-index: 1; }
.hero-grad-bottom { position: absolute; inset: 0; background: linear-gradient(to top, #070c0b 0%, rgba(7,12,11,.45) 40%, transparent 70%); pointer-events: none; z-index: 1; }
.hero .container  { position: relative; z-index: 2; }

/* ─── Мобильный sticky-bar ────────────────────────────────────────────────── */
.sticky-bar a { background: var(--c-surface); color: var(--c-text); border-top: 1px solid var(--c-line); }
.sticky-bar a.is-primary { background: var(--c-accent); color: #070c0b; }

/* ─── Шапка ──────────────────────────────────────────────────────────────── */
.site-header {
  background: #0a100f;
  border-bottom-color: var(--c-line-on-dark);
}
.site-header.is-scrolled { background: #080e0d; box-shadow: var(--sh-2); }

/* ─── Мегаменю: переключение на click-класс ──────────────────────────────── */
.mainnav > li:hover .megamenu { opacity: 0; visibility: hidden; pointer-events: none; transform: translateX(-50%) translateY(8px); }
.megamenu:focus-within { opacity: 0; visibility: hidden; pointer-events: none; }
.mainnav > li.open .megamenu  { opacity: 1; visibility: visible; pointer-events: auto; transform: translateX(-50%) translateY(0); }
.mainnav > li.open .mainnav__link .caret { transform: rotate(180deg); }

.megamenu { background: #111b18; border-color: rgba(255,255,255,.10); color: var(--c-text); }
.megamenu__head { color: var(--c-accent); }
.megamenu__link b { color: var(--c-text); }
.megamenu__link span { color: var(--c-text-soft); }
.megamenu__link:hover { background: rgba(255,255,255,.05); }

/* ─── Хлебные крошки ─────────────────────────────────────────────────────── */
.crumbs { color: var(--c-text-soft); }
.crumbs a:hover { color: var(--c-accent); }
.crumbs .sep { color: rgba(255,255,255,.20); }
.crumbs [aria-current] { color: var(--c-text); }

/* ─── Кнопки ─────────────────────────────────────────────────────────────── */
.btn--secondary { color: var(--c-text); border-color: var(--c-line-on-dark); }
.btn--secondary:hover { border-color: rgba(255,255,255,.30); background: rgba(255,255,255,.05); color: #fff; }
.btn--text { color: var(--c-text); box-shadow: inset 0 -1.5px 0 var(--c-line-on-dark); }
.btn--text:hover { color: var(--c-accent); box-shadow: inset 0 -1.5px 0 var(--c-accent); }

/* ─── Карточки ───────────────────────────────────────────────────────────── */
.card { background: var(--c-surface); border-color: var(--c-line); }

/* ─── Тарифные карточки ──────────────────────────────────────────────────── */
.plan { background: var(--c-surface); border-color: var(--c-line); }
.plan__amount { color: var(--c-accent); }
.plan__name, .plan__desc, .plan__from, .plan__unit { color: var(--c-text-soft); }
.plan__check { background: var(--c-accent-100); color: var(--c-accent); }

/* ─── Сравнение тарифов ──────────────────────────────────────────────────── */
.plan-compare { background: var(--c-line); border-color: var(--c-line); }
.plan-compare__col { background: var(--c-surface); }
.plan-compare__col--active { background: #1c2e29; color: var(--c-text-on-dark); }
.plan-compare__col--active .plan-compare__lvl,
.plan-compare__col--active .plan-compare__price { color: var(--c-accent); }
.plan-compare__col--active .plan-compare__note { color: var(--c-on-dark-soft); }
.plan-compare__price { color: var(--c-accent); }

/* ─── Тарифная таблица ───────────────────────────────────────────────────── */
.t-table thead th { color: var(--c-text-soft); border-bottom-color: var(--c-line); }
.t-table tbody td { border-bottom-color: var(--c-line); }
.t-table tbody tr:hover { background: rgba(255,255,255,.04); }
.t-table .t-level { color: var(--c-text); }
.t-table .t-from { color: var(--c-accent); }
.t-table .t-from small { color: var(--c-text-soft); }

/* ─── Кейсы ──────────────────────────────────────────────────────────────── */
.case__result-text { color: var(--c-text); }
.case { border-color: var(--c-line); }
.case__result { border-top-color: var(--c-line); }

/* ─── Карточки услуг ─────────────────────────────────────────────────────── */
.service-card__icon { background: var(--c-accent-100); color: var(--c-accent); }
.service-card__link { color: var(--c-accent); }

/* ─── Статистика ─────────────────────────────────────────────────────────── */
.stat { background: var(--c-surface); }
.stat__label { color: var(--c-text-soft); }

/* ─── FAQ ─────────────────────────────────────────────────────────────────── */
.faq { border-top-color: var(--c-line); }
.faq__item { border-bottom-color: var(--c-line); }
.faq__q { color: var(--c-text); }
.faq__a-inner { color: var(--c-text-soft); }

/* ─── Цитата ─────────────────────────────────────────────────────────────── */
.quote { background: var(--c-surface); border-color: var(--c-line); }
.quote--soft { background: var(--c-accent-100); }
.quote__text { color: var(--c-text); }
.quote__avatar { background: var(--c-accent); color: #070c0b; }
.quote__name { color: var(--c-text); }

/* ─── Якорное меню ────────────────────────────────────────────────────────── */
.anchor-nav a { color: var(--c-text-soft); border-left-color: var(--c-line); }
.anchor-nav a:hover,
.anchor-nav a.is-active { color: var(--c-accent); border-left-color: var(--c-accent); background: rgba(255,255,255,.04); }

/* ─── Логотипная полоса ───────────────────────────────────────────────────── */
.logostrip__mark { color: var(--c-text); }

/* ─── Employer tags (eng.html «We came from») ────────────────────────────── */
.employer-tag { color: var(--c-text); background: var(--c-surface-alt); border-color: var(--c-line-on-dark); }
.employer-tag:hover { border-color: var(--c-accent); background: var(--c-accent-100); color: var(--c-accent); }

/* ─── page-home.css: project и article карточки ──────────────────────────── */
.project-card__name { color: var(--c-text); }
.project-card { background: var(--c-surface); border-color: var(--c-line); }
.article-card { background: var(--c-surface); border-color: var(--c-line); }
.article-card__link { color: var(--c-accent); }
.article-card__cat { color: var(--c-accent); }
.article-card p { color: var(--c-text-soft); }
.svc__ic { background: var(--c-accent-100); color: var(--c-accent); }

/* ─── Бейджи ─────────────────────────────────────────────────────────────── */
.badge { background: var(--c-accent-100); color: var(--c-accent); }
.badge--ghost { border-color: var(--c-line); color: var(--c-text-soft); }
.badge--solid { background: #1a2922; color: #fff; }

/* ─── Чипы ───────────────────────────────────────────────────────────────── */
.chip { background: var(--c-surface); border-color: var(--c-line); color: var(--c-text); }

/* ─── Секции ─────────────────────────────────────────────────────────────── */
.section { background: var(--c-bg); }
.section--alt { background: var(--c-surface); }
.section--dark { background: var(--c-surface-alt); }

/* ─── Подвал ─────────────────────────────────────────────────────────────── */
.site-footer { background: var(--c-primary-900); }
.footer-cta { color: #fff; }

/* ─── Мобильное меню ─────────────────────────────────────────────────────── */
.mobile-menu { background: #080e0d; }

/* ─── Page-specific: pricing hero ────────────────────────────────────────── */
.price-hero { background: #060c0a; }

/* ─── Тарифная страница ───────────────────────────────────────────────────── */
.tariff-tips { background: rgba(255,255,255,.04) !important; border: 1px solid var(--c-line); }
.tariff-tips h4 { color: var(--c-text); }
.tariff-tips li strong { color: var(--c-accent); }
.tariff-note { background: rgba(184,151,89,.10) !important; color: var(--c-text-soft) !important; border-left: 3px solid var(--c-accent); border-radius: var(--r-sm); }
.pricing-step { background: var(--c-surface) !important; border-color: var(--c-line) !important; }
.pricing-step h4 { color: var(--c-text); }
.pricing-step p { color: var(--c-text-soft); }
.guar__ic { background: var(--c-accent-100) !important; color: var(--c-accent) !important; }
.guar h4 { color: var(--c-text); }
.guar p { color: var(--c-text-soft); }

/* ─── Страницы статей ─────────────────────────────────────────────────────── */
.article-hero { background: #060c0a; }
.article-body h2, .article-body h3, .article-body h4 { color: var(--c-text); }
.article-body p, .article-body li { color: var(--c-text-soft); }
.article-body strong { color: var(--c-text); }
.article-body a { color: var(--c-accent); }
.article-body .btn--primary { color: #fff; }
.article-body .btn--secondary { color: var(--c-text); }
.article-body blockquote {
  border-left-color: var(--c-accent);
  background: var(--c-accent-100);
  color: var(--c-text-soft);
}
.article-body hr { border-color: var(--c-line); }

/* ─── Общие таблицы ───────────────────────────────────────────────────────── */
table th { background: rgba(255,255,255,.06); color: var(--c-text); border-color: var(--c-line); }
table td { border-color: var(--c-line); color: var(--c-text-soft); }
table tr:hover td { background: rgba(255,255,255,.03); }

/* ─── Изображения: убираем светлые рамки ─────────────────────────────────── */
img[style*="border"] { border-color: var(--c-line) !important; }

/* ─── page-article.css overrides ─────────────────────────────────────────── */
.trap-card h2, .trap-card h3 { color: var(--c-text); }
.trap-card { border-color: var(--c-line); }
.trap-row--what  { background: rgba(255,255,255,.04); }
.trap-row--why   { background: rgba(251,191,36,.08); }
.trap-row--why h4   { color: #f59e0b; }
.trap-row--fix   { background: rgba(52,211,153,.08); }
.trap-row--fix h4   { color: #34d399; }
.tip-card { border-color: var(--c-line); background: var(--c-surface); }
.tip-card h3 { color: var(--c-text); }
.tip-card p { color: var(--c-text-soft); }
.tip-card__num { background: var(--c-accent); color: #070c0b; }
.tip-highlight { background: var(--c-surface-alt) !important; color: var(--c-text-soft); }
.formula-block__text--bad  { background: rgba(239,68,68,.10)    !important; border-color: rgba(239,68,68,.25) !important; color: var(--c-text-soft); }
.formula-block__text--good { background: rgba(52,211,153,.08) !important; border-color: rgba(52,211,153,.25) !important; color: var(--c-text-soft); }
.article-cta-inline { background: var(--c-surface); border-color: var(--c-line); }
.article-cta-inline h3 { color: var(--c-text); }
.article-cta-inline p { color: var(--c-text); }
/* "Читайте также" card bold text uses inline color:var(--c-primary) */
.article-body a b { color: var(--c-text) !important; }
.budget-table th { background: #1a2922; color: var(--c-text); }
.budget-table td { border-color: var(--c-line); }
.budget-table tr:nth-child(even) td { background: rgba(255,255,255,.03); }

/* ─── page-pricing.css overrides ─────────────────────────────────────────── */
.pt-level { color: var(--c-text); }
.pt-price__main { color: var(--c-accent); }
.pt-includes b { color: var(--c-text); }
.pt-aside { background: var(--c-accent-100); color: var(--c-text-soft); }
.pt-aside strong { color: var(--c-accent); }
.pt-when { background: var(--c-surface-alt); }
.cost-step { background: var(--c-surface); border-color: var(--c-line); }
.cost-step__num { background: var(--c-accent); color: #070c0b; }
.guarantee-item { background: var(--c-surface); border-color: var(--c-line); }
.guarantee-item__ic { background: var(--c-accent-100); color: var(--c-accent); }

/* ─── page-tariff.css overrides ─────────────────────────────────────────── */
.when-list .w-ic { background: var(--c-accent-100); color: var(--c-accent); }
.risk-card { background: var(--c-surface); border-color: var(--c-line); }
.risk-card h4 { color: var(--c-text); }
.case-mini { background: var(--c-surface); border-color: var(--c-line); }
.case-mini h4 { color: var(--c-text); }