/* Светлая тема (решение Влада 3.11). Цвета — в tokens.css (:root[data-theme="light"]); здесь только места,
   где в тёмных стилях цвет прописан прямо или белый текст стоит на фоне страницы, а не на фото/оранжевом.
   Каждое правило — только для светлой темы, тёмная не меняется. Подключается последним (maket/layout.html). */

/* Яркий текст на фоне страницы: в тёмной теме белый, в светлой — основной тёмный */
:root[data-theme="light"] :is(.me-logo, .p-tab.is-on, .p-tab[aria-current], .to-h b, .g-h1, .h-num) { color: var(--ink); }

/* Толик: панель и плашки были заданы тёмными цветами */
:root[data-theme="light"] .to-panel { background: var(--bg-deep); }
:root[data-theme="light"] .to-panel .to-s { border: 1px solid var(--line); background: var(--plate); }
:root[data-theme="light"] .to-panel .to-in { background: var(--plate-3); }
:root[data-theme="light"] .to-panel .to-bubble { border-color: var(--line); background: var(--plate); }

/* Меню с колёсика */
:root[data-theme="light"] :is(.me-pill, .me-x) { border: 1px solid var(--line); background: var(--plate); color: var(--ink); }

/* Карточка заведения: плашка «О сервисе», аватары, значки */
:root[data-theme="light"] #screen:has(.p-tab) .foot-card { background: var(--plate); }
:root[data-theme="light"] :is(.g-ava, .ad-top .g-ava, .pr-ava) { background: var(--avatar); color: var(--avatar-ink); }
:root[data-theme="light"] .w-ico:not(.k-ico) { background: var(--status-bg); }

/* Тени: на светлом фоне тёмные тени слишком тяжёлые */
:root[data-theme="light"] .dock { box-shadow: inset 0 1px 0 var(--line), 0 -8px 24px -16px rgb(0 0 0 / .18); }
:root[data-theme="light"] .cookie-banner { box-shadow: 0 18px 40px -20px rgb(0 0 0 / .25); }
@media (min-width: 1024px) {
  :root[data-theme="light"] .dock { box-shadow: inset 0 0 0 1px var(--line), 0 18px 40px -20px rgb(0 0 0 / .2); }
  :root[data-theme="light"] .to-panel { box-shadow: 0 24px 60px -24px rgb(0 0 0 / .25); }
}

/* Логотип и колёсико на фоне страницы — тёмные. Поверх фото (каталог, вход, регистрация) они остаются белыми:
   там действуют тёмные значения (tokens.css, первое правило). */
:root[data-theme="light"] .logo { color: var(--ink); }
:root[data-theme="light"] .m-gear--abs { color: var(--ink); }

/* Личные данные: фон страницы и поля были заданы тёмными */
:root[data-theme="light"] body:has(.d-input) { background: var(--bg); }
:root[data-theme="light"] .d-input { background: var(--plate); color: var(--ink); }

/* Страницы со стилями кабинета (.adm — в том числе «Мои банкеты» гостя): логотип там принудительно белый,
   окно аккаунта и окно уведомлений — тёмные */
:root[data-theme="light"] :is(.adm .g-logo, .adm .g-logo:not(.tap)) { color: var(--ink) !important; }
:root[data-theme="light"] :is(.adm .pn-acc, .ah-t a) { background: var(--plate); color: var(--ink); }
:root[data-theme="light"] .ds .notification-panel.pn-panel { background: var(--plate); color: var(--ink); }
:root[data-theme="light"] :is(body:has(#notificationPanel:not([hidden])), body:has(.g-acc[open]))::after { background: rgb(28 29 29 / .15); }

/* Фильтры: выбранный вариант был белым текстом на заливке, в светлой — тёмный текст и тёмная рамка */
:root[data-theme="light"] :is(.fl-chip.is-on, .fl-type.is-on, .fl-chip:has(input:checked), .fl-type:has(input:checked), .fl-types:not(:has(input:checked)) .fl-type--any) { color: var(--ink); box-shadow: inset 0 0 0 1.5px var(--ink); }

/* Блог: рубрика на персиковой заглушке статьи без фото — оранжевый темнее для контраста */
:root[data-theme="light"] :is(.bl-c.is-p, .bl-c.is-p span, .bl-a em) { color: var(--accent-ink); }

/* ===== Кабинеты: заведение, сотрудник, админка ===== */
/* Плашки, выбранные варианты и поля, у которых тёмный цвет прописан прямо (site.css, раздел «замеренные цвета») */
:root[data-theme="light"] .dt-chip { background: var(--plate-4); color: var(--ink); }
:root[data-theme="light"] .an-seg a[aria-current] { background: var(--plate); color: var(--ink); font-weight: 700; box-shadow: inset 0 0 0 1px var(--line); }
:root[data-theme="light"] :is(.dt-mode input:checked + span, .dt-seg input:checked + span) { background: var(--plate); color: var(--ink); box-shadow: inset 0 0 0 1.5px var(--ink); }
:root[data-theme="light"] .dt-s.is-done { background: var(--plate-4); color: var(--ink); }
:root[data-theme="light"] .cb-note textarea { background: var(--plate) !important; color: var(--ink); }
:root[data-theme="light"] :is(#screen:has(.nv-c) :is(.nv-i, textarea), #screen:has(.nv-c) .wk-dd__btn) { background: var(--plate) !important; color: var(--ink); }
:root[data-theme="light"] #screen.adm input[type=search]:not(.mp-search input) { background: var(--plate) !important; color: var(--ink); }
:root[data-theme="light"] :is(.ds .ad-sheet :is(input, textarea), .ds .ad-sheet .wk-dd__btn) { background: var(--plate) !important; color: var(--ink); }
:root[data-theme="light"] :is(#screen .cm-r em, #screen .vn-r em) { background: var(--status-bg); }

/* Меню с колёсика на компьютере (окно по центру): мягче тень и затемнение */
@media (min-width: 1024px) {
  :root[data-theme="light"] #mobileNav.me-dialog { box-shadow: 0 24px 60px -24px rgb(0 0 0 / .3); }
  :root[data-theme="light"] #mobileNav.me-dialog::backdrop { background: rgb(28 29 29 / .35); }
}

/* Достопримечательности: «Показать на карте» — оранжевый текст на персиковой плашке, темнее для контраста */
:root[data-theme="light"] .ds .sights-intro .btn { color: var(--accent-ink); }