/* BEREN · «Шкафы на заказ» — светлый вариант (владелец 25.09: «чёрный убрать, он как будто доверие не вызывает»).
 * Подключается ПОСЛЕ styles.css вместе с классом <html class="theme-light">. Логика, 3D и цены — общие с тёмным вариантом.
 * Палитра: тёплый льняной фон, белые карточки со скруглением, тёмно-коричневый текст вместо чёрного,
 * оранжевый бренда — для действий на сайте, зелёный WhatsApp — для всех кнопок «в WhatsApp».
 */
.theme-light {
  --ink: #2B2622;          /* текст: тёмный эспрессо, не чёрный */
  --paper: #F7F3EC;        /* фон страницы: лён */
  --white: #FFFFFF;
  --muted: #6E655C;
  --line: #E6DED2;
  --line-strong: #D9CEBF;
  --sand: #F1E8DB;         /* вторичные плашки */
  --sand-deep: #E9DCC8;
  --orange: #EA5A2B;       /* бренд, чуть глубже — контраст с белым текстом */
  --orange-dark: #C9461C;
  --orange-soft: #FFF0E7;
  --wa: #1A8045;           /* WhatsApp, затемнённый до AA с белым текстом */
  --wa-dark: #146B39;
  --yellow: #F6D863;
  --r: 14px; --r-sm: 10px;
  --shadow: 0 10px 30px rgba(74, 52, 30, .08);
}
.theme-light body { background: var(--paper); color: var(--ink); }

/* ── кнопки ── */
.theme-light .button { border-radius: var(--r-sm); }
.theme-light .button-orange { background: var(--orange); }
.theme-light .button-orange:hover { background: var(--orange-dark); }
.theme-light a.button[data-wa], .theme-light a.button[data-wa-project] { background: var(--wa); color: #fff; }
.theme-light a.button[data-wa]:hover, .theme-light a.button[data-wa-project]:hover { background: var(--wa-dark); }
.theme-light .button-ghost { border: 1px solid var(--wa); color: var(--wa); background: #fff; }
.theme-light .button-ghost:hover { background: #EEF8F1; }
.theme-light .button-card { border-color: var(--line-strong); border-radius: var(--r-sm); background: #fff; }
.theme-light .button-card:hover { color: var(--orange-dark); border-color: var(--orange); background: var(--orange-soft); }
.theme-light .menu-button { border-color: var(--line-strong); border-radius: var(--r-sm); background: #fff; }
.theme-light .button:focus-visible, .theme-light .kz-tile:focus-visible, .theme-light .kz-swatch:focus-visible, .theme-light .kz-pills button:focus-visible,
.theme-light .kz-seg button:focus-visible, .theme-light .kz-tool:focus-visible, .theme-light .kz-sec-tabs button:focus-visible, .theme-light summary:focus-visible {
  outline: 3px solid var(--orange-dark); outline-offset: 2px; box-shadow: none;
}

/* ── первый экран: фото + светлый блок ── */
.theme-light .hero-dark { background: #fff; color: var(--ink); border: 1px solid var(--line); border-radius: 22px; overflow: hidden; box-shadow: var(--shadow); }
.theme-light .hero-dark .hero-copy { background: linear-gradient(180deg, #FFFDF9 0%, #FBF6EF 100%); }
.theme-light .hero-dark .hero-lead { color: #5E564E; }
.theme-light .eyebrow-line { color: var(--orange-dark); }
.theme-light .eyebrow-line::after { background: var(--line-strong); }
.theme-light .badge-48 { border-radius: 12px; box-shadow: 0 8px 20px rgba(74, 52, 30, .18); }
.theme-light .hero-icons li { border-top-color: var(--line); color: #4C443C; }
.theme-light .hero-icons svg { stroke: var(--orange); }
.theme-light .hero-calc-field > span:first-child { color: var(--muted); }
.theme-light .hero-calc-input { border: 1px solid var(--line-strong); border-radius: var(--r-sm); background: #fff; }
.theme-light .hero-calc-input input { color: var(--ink); }
.theme-light .hero-calc-input input::placeholder { color: #B5AB9F; }
.theme-light .hero-calc-input i { color: var(--muted); }
.theme-light .hero-alt { color: var(--muted); }
.theme-light .hero-alt a { color: var(--wa); }

/* ── конструктор ── */
.theme-light .kz-grid { border: 1px solid var(--line); border-radius: 22px; overflow: clip; box-shadow: var(--shadow); background: #fff; }
.theme-light .kz-view { border-right-color: var(--line); background: #EFEAE1; }
.theme-light .kz-toolbar { border-top-color: var(--line); }
.theme-light .kz-tool { border-color: var(--line-strong); border-radius: var(--r-sm); }
.theme-light .kz-tool[aria-pressed="true"] { color: var(--orange-dark); background: var(--orange-soft); border-color: var(--orange); }
.theme-light .kz-status, .theme-light .kz-hint { color: var(--ink); background: rgba(255, 255, 255, .94); border-radius: 999px; box-shadow: 0 6px 18px rgba(74, 52, 30, .15); }
.theme-light .kz-note { border-radius: 0; }
.theme-light .kz-step { border-bottom-color: var(--line); }
.theme-light .kz-input-wrap { border-color: var(--line-strong); border-radius: var(--r-sm); }
.theme-light .kz-input-wrap:focus-within { outline: 3px solid var(--orange); outline-offset: 1px; }
.theme-light .kz-pills button { border-color: var(--line-strong); border-radius: var(--r-sm); background: #fff; }
.theme-light .kz-pills button.on { color: var(--orange-dark); background: var(--orange-soft); border: 2px solid var(--orange); }
.theme-light .kz-tile { border-color: var(--line-strong); border-radius: var(--r); background: #fff; }
.theme-light .kz-tile svg { stroke: #6B5B4D; }
.theme-light .kz-tile.on { color: #fff; background: var(--orange); border-color: var(--orange); }
.theme-light .kz-tile.on svg { stroke: #fff; }
.theme-light .kz-swatch { border-radius: var(--r-sm); border-color: var(--line); }
.theme-light .kz-swatch img, .theme-light .kz-swatch .kz-same { border-radius: 6px; }
.theme-light .kz-more-toggle .kz-num { background: #8C6D52; }
.theme-light .kz-sec-tabs [data-tab], .theme-light .kz-tab-ctl button { border-color: var(--line-strong); border-radius: var(--r-sm); }
.theme-light .kz-kinds button { border-color: var(--line-strong); border-radius: var(--r-sm); }
.theme-light .kz-kinds button.on { color: var(--orange-dark); background: var(--orange-soft); border: 2px solid var(--orange); }
.theme-light .kz-seg { border-color: var(--line-strong); border-radius: var(--r-sm); overflow: hidden; }
.theme-light .kz-seg button { border-right-color: var(--line-strong); }
.theme-light .kz-seg button.on { color: var(--orange-dark); background: var(--orange-soft); box-shadow: inset 0 0 0 2px var(--orange); }
.theme-light .kz-seg-wrap button { border-color: var(--line-strong); border-radius: var(--r-sm); }
.theme-light .kz-stepper { border-color: var(--line-strong); border-radius: var(--r-sm); overflow: hidden; }
.theme-light .kz-opt select { border-color: var(--line-strong); border-radius: var(--r-sm); }
.theme-light .kz-common { border-top-color: var(--line); }

/* блок цены: светлая карточка вместо чёрной */
.theme-light .kz-price { color: var(--ink); background: linear-gradient(180deg, #FFF8F1 0%, #FBF1E6 100%); border-top: 1px solid var(--line); }
.theme-light .kz-price-label { color: var(--orange-dark); }
.theme-light .kz-price-meta { color: #5E564E; }
.theme-light .kz-price .kz-check { color: var(--ink); }
.theme-light .kz-price-note { color: var(--muted); }
.theme-light .kz-link { color: var(--muted); }
.theme-light .kz-copied { color: var(--orange-dark); }
.theme-light .kz-sum-fill { color: #5E564E; }
.theme-light .kz-shots img { background: #EFE8DD; border-radius: var(--r-sm); }
.theme-light .kz-city select { color: var(--ink); background: #fff; border-color: var(--line-strong); border-radius: var(--r-sm); }
.theme-light .kz-asm-note { color: var(--muted); }
.theme-light .kz-after { color: var(--orange-dark); }
.theme-light .kz-after a, .theme-light .kz-after .kz-link { color: var(--orange-dark); }
.theme-light .kz-bar { color: var(--ink); background: #fff; border-top: 1px solid var(--line); box-shadow: 0 -8px 24px rgba(74, 52, 30, .08); }
.theme-light .kz-bar > div > span { color: var(--muted); }
.theme-light .kz-kupe { border-color: var(--line-strong); border-radius: var(--r); background: #FFF6D8; }

/* ── остальные блоки ── */
.theme-light .case-grid { border: 0; gap: 1rem; }
.theme-light .case-card { border: 1px solid var(--line); border-radius: 18px; overflow: hidden; box-shadow: var(--shadow); }
.theme-light .case-tag { border-radius: 999px; }
.theme-light .case-kupe { color: var(--ink); background: var(--sand); }
.theme-light .case-kupe .case-body p:not(.eyebrow) { color: #5E564E; }
.theme-light .steps ol { border-top-color: var(--line-strong); }
.theme-light .steps li { border-bottom-color: var(--line-strong); }
.theme-light .works-grid img { border-radius: var(--r); }
.theme-light .reel { background: var(--sand); border-radius: 18px; }
.theme-light .reel-play { color: var(--ink); background: linear-gradient(160deg, #FBF4EA 0%, #EFE3D2 100%); }
.theme-light .reel-play.has-poster { color: #fff; }
.theme-light .reel-play.has-poster ~ figcaption a { color: #fff; }
.theme-light .reel figcaption a { color: var(--ink); }
.theme-light .reel-empty { border-color: var(--line-strong); }
.theme-light .faq-list { border-top-color: var(--line-strong); }
.theme-light .faq details { border-bottom-color: var(--line-strong); }
.theme-light .final-cta { color: var(--ink); background: linear-gradient(160deg, #F3E9DC 0%, #EADCC8 100%); border-radius: 22px; }
.theme-light .final-cta > p:last-child { color: var(--muted); }
.theme-light .final-cta > p:last-child a { color: var(--ink); }
.theme-light .site-footer { border-top: 1px solid var(--line); }

/* нижняя панель на телефоне: белая карточка + зелёный WhatsApp */
@media (max-width: 860px) {
  .theme-light .mobile-sticky { background: var(--wa); border-radius: 16px; overflow: hidden; box-shadow: 0 14px 34px rgba(74, 52, 30, .22); }
  .theme-light .mobile-sticky a:first-child { color: var(--ink); background: #fff; }
  .theme-light .kz-grid { border-radius: 0; border-inline: 0; }
  .theme-light .hero-dark { border-radius: 0; border-inline: 0; }
  .theme-light .final-cta { border-radius: 0; }
}

/* ── контраст (проверка по WCAG на живой странице): мелкий текст и текст на оранжевом — глубже ── */
.theme-light { --orange-text: #B23A13; --orange-fill: #C4441B; }
.theme-light .eyebrow, .theme-light .eyebrow-line, .theme-light .kz-price-label, .theme-light .steps li > span { color: var(--orange-text); }
.theme-light .kz-step h3 > span { background: var(--orange-fill); }
.theme-light .kz-tile.on, .theme-light .kz-sec-tabs [data-tab].on { background: var(--orange-fill); border-color: var(--orange-fill); }
.theme-light .kz-pills button.on, .theme-light .kz-kinds button.on, .theme-light .kz-seg button.on, .theme-light .kz-tool[aria-pressed="true"],
.theme-light .button-card:hover, .theme-light .kz-copied, .theme-light .kz-after, .theme-light .kz-after a, .theme-light .kz-after .kz-link { color: var(--orange-text); }
.theme-light .kz-measure summary { color: var(--orange-text); }
.theme-light .bk-dim { color: #6E675C; }

.theme-light .kz-shot-switch { border-color: var(--line-strong); border-radius: 999px; overflow: hidden; box-shadow: 0 6px 16px rgba(74, 52, 30, .15); }
.theme-light .kz-shot-switch button.on { color: #fff; background: var(--orange-fill); }

/* окна: своя высота/глубина и предложение WhatsApp */
.theme-light .kz-sheet { border: 1px solid var(--line); border-radius: 22px 22px 0 0; box-shadow: 0 -18px 50px rgba(74, 52, 30, .18); }
.theme-light .kz-sheet-step { border-color: var(--line-strong); border-radius: 14px; }
.theme-light .kz-sheet-hint.err { color: var(--orange-text); }
.theme-light .wa-offer { border: 1px solid var(--line); border-radius: 22px; box-shadow: 0 22px 60px rgba(74, 52, 30, .25); }
.theme-light .wa-offer-btn { border-radius: 14px; }
@media (min-width: 861px) { .theme-light .kz-sheet { border-radius: 22px; } }