/* Cauldron light theme — extracted from pages.css */

/* ===== Светлая тема ===== */

html[data-theme="light"] .cauldron-shell .cauldron-tabs a{
  color: rgba(0,0,0,.55);
}

html[data-theme="light"] .cauldron-shell .cauldron-tabs a:hover{
  color: rgba(0,0,0,.85);
}

html[data-theme="light"] .cauldron-shell .cauldron-tabs a.active,
html[data-theme="light"] .cauldron-shell .cauldron-tabs a[aria-current="page"]{
  color: #000;
}

/* Светлая тема */
html[data-theme="light"] .cauldron-shell .cauldron-tabs .cauldron-tab{
  color: rgba(0,0,0,.55);
}
html[data-theme="light"] .cauldron-shell .cauldron-tabs .cauldron-tab:hover{
  color: rgba(0,0,0,.85);
}
html[data-theme="light"] .cauldron-shell .cauldron-tabs .cauldron-tab.is-active{
  color: #000;
  text-shadow: 0 0 10px rgba(110,120,255,.25);
}
html[data-theme="light"] .cauldron-page{
  --cz-card-bg: rgba(255,255,255,.92);
  --cz-elev-bg: rgba(255,255,255,.98);
  --cz-border:  rgba(15, 23, 42, .10);
  --cz-input-border: rgba(15, 23, 42, .16);
  --cz-shadow:  0 12px 36px rgba(15, 23, 42, .10);
}
html[data-theme="light"] .cauldron-page ::placeholder{
  color: rgba(15, 23, 42, .45);
}
html[data-theme="light"] .cauldron-page .muted,
html[data-theme="light"] .cauldron-page .hint,
html[data-theme="light"] .cauldron-page .small{
  color: rgba(15, 23, 42, .62);
}
/* =====================
   Cauldron / My Notes — LIGHT theme contrast fix
   (бордеры, подложки, тексты, разделители)
===================== */
html[data-theme="light"] .cauldron-page .composer-shell{
  --c-surface: rgba(255,255,255,.92);
  --c-elev:    rgba(255,255,255,.98);
  --c-border:  rgba(0,0,0,.10);
  --c-border2: rgba(0,0,0,.14);
  --c-text:    rgba(0,0,0,.90);
  --c-muted:   rgba(0,0,0,.60);

  background: var(--c-surface);
  border: 1px solid var(--c-border);
  box-shadow: 0 10px 30px rgba(0,0,0,.10);
  color: var(--c-text);
}

/* Текст/подсказки/счётчики */
html[data-theme="light"] .cauldron-page .composer-shell .hint,
html[data-theme="light"] .cauldron-page .composer-shell .char-counter,
html[data-theme="light"] .cauldron-page .composer-shell .meta,
html[data-theme="light"] .cauldron-page .composer-shell .small{
  color: var(--c-muted);
}

/* Поля ввода внутри композера */
html[data-theme="light"] .cauldron-page .composer-shell input[type="text"],
html[data-theme="light"] .cauldron-page .composer-shell input[type="url"],
html[data-theme="light"] .cauldron-page .composer-shell input[type="search"],
html[data-theme="light"] .cauldron-page .composer-shell textarea,
html[data-theme="light"] .cauldron-page .composer-shell select{
  background: var(--c-elev);
  border-color: var(--c-border2);
  color: var(--c-text);
}

html[data-theme="light"] .cauldron-page .composer-shell input::placeholder,
html[data-theme="light"] .cauldron-page .composer-shell textarea::placeholder{
  color: rgba(0,0,0,.42);
}

html[data-theme="light"] .composer-input,
html[data-theme="light"] .cauldron-page .composer-input,
html[data-theme="light"] body[data-page^="cauldron"] .composer-input{
  background: #FEFEFF !important;
  color: var(--c-text);
  border-color: var(--c-border2) !important;
}

html[data-theme="light"] .composer-input::placeholder,
html[data-theme="light"] .cauldron-page .composer-shell input.composer-input::placeholder{
  color: rgba(0,0,0,.42);
}

/* Разделители/линии/нижние границы */
html[data-theme="light"] .cauldron-page .composer-shell hr,
html[data-theme="light"] .cauldron-page .composer-shell .divider,
html[data-theme="light"] .cauldron-page .composer-shell .composer-bottom,
html[data-theme="light"] .cauldron-page .composer-shell .row,
html[data-theme="light"] .cauldron-page .composer-shell .line{
  border-color: var(--c-border) !important;
}

/* details/accordion (если у тебя “Метки/Публикация/Дополнительно” на details/summary) */
html[data-theme="light"] .cauldron-page .composer-shell details{
  border-color: var(--c-border) !important;
}
html[data-theme="light"] .cauldron-page .composer-shell summary{
  color: var(--c-text);
}

/* “Другое” (чекбоксы/группы) — лёгкая подложка, чтобы блок читался */
html[data-theme="light"] .cauldron-page .composer-shell .filter-group,
html[data-theme="light"] .cauldron-page .composer-shell .checkbox-grid,
html[data-theme="light"] .cauldron-page .composer-shell .extra-box{
  background: rgba(0,0,0,.02);
  border: 1px solid var(--c-border);
}

/* маленькие “квадраты” чекбоксов часто теряются на светлом — усиливаем обводку */
html[data-theme="light"] .cauldron-page .composer-shell input[type="checkbox"]{
  accent-color: var(--accent);
}
html[data-theme="light"] .cauldron-page .composer-shell label:not(.composer-check){
  color: var(--c-text);
}

/* Верхний поиск/селект в котле (если есть отдельная обёртка search-wrap) */
html[data-theme="light"] .cauldron-page .search-wrap{
  background: rgba(0,0,0,.02);
  border: 1px solid var(--c-border);
}
html[data-theme="light"] .cauldron-page .search-wrap input{
  color: var(--c-text);
}
/* =========================================================
   Cauldron — LIGHT THEME fixes (overrides inline dark rgba)
   Вставить в самый низ pages.css
========================================================= */

html[data-theme="light"] .cauldron-shell .cauldron-tabs{
  background: rgba(0,0,0,.035) !important;
  border: 1px solid rgba(0,0,0,.06) !important;
  box-shadow: 0 10px 26px rgba(10,15,30,.06) !important;
}

html[data-theme="light"] .cauldron-shell .cauldron-tabs a.active::after,
html[data-theme="light"] .cauldron-shell .cauldron-tabs a[aria-current="page"]::after{
  background: rgba(125,105,255,.65) !important;
}

/* общие “карточки котла” */
html[data-theme="light"] body[data-page^="cauldron"] .feed-card{
  background: rgba(255,255,255,.78) !important;
  border: 1px solid rgba(0,0,0,.06) !important;
  box-shadow: 0 14px 34px rgba(10,15,30,.07) !important;
}

/* composer shell (создание/мои записи) */
html[data-theme="light"] body[data-page^="cauldron"] .composer-shell{
  background: rgba(255,255,255,.78) !important;
  border: 1px solid rgba(0,0,0,.06) !important;
}

/* tag dropdowns (Метки) — перебиваем тёмные rgba из .tag-dd__summary */
html[data-theme="light"] .tag-dd__summary{
  border: 1px solid rgba(0,0,0,.10) !important;
  background: rgba(0,0,0,.02) !important;
  color: rgba(0,0,0,.88) !important;
}
html[data-theme="light"] .tag-dd[open] .tag-dd__summary{
  background: rgba(0,0,0,.035) !important;
}

/* чекбоксы в сетках (check-grid/check-row) — делаем читаемо на светлой */
html[data-theme="light"] .check-row{
  color: rgba(0,0,0,.86) !important;
}
html[data-theme="light"] .check-row input[type="checkbox"]{
  accent-color: var(--accent);
}
html[data-theme="light"] .check-row input[type="checkbox"]:not(:checked){
  filter: saturate(.9);
}

/* pills в фильтрах доски (label.pill > input) */
html[data-theme="light"] .pill{
  border: 1px solid rgba(0,0,0,.10) !important;
  background: rgba(0,0,0,.02) !important;
  color: rgba(0,0,0,.86) !important;
}
html[data-theme="light"] .pill:hover{
  border-color: rgba(125,105,255,.35) !important;
  background: rgba(125,105,255,.08) !important;
}
html[data-theme="light"] .pill input[type="checkbox"]{
  accent-color: var(--accent);
}

html[data-theme="light"] body[data-page="notes"] .tabs.pills .pill.is-active,
html[data-theme="light"] body[data-page="notes"] .tabs.pills .pill.active,
html[data-theme="light"] body[data-page="notes"] .tabs.pills .pill[aria-current="page"]{
  background: #c8a8ff !important;
  border-color: #c8a8ff !important;
  color: #20183a !important;
}

html[data-theme="light"] body[data-page="notes"] .tabs.pills .pill.is-active:hover,
html[data-theme="light"] body[data-page="notes"] .tabs.pills .pill.active:hover,
html[data-theme="light"] body[data-page="notes"] .tabs.pills .pill[aria-current="page"]:hover{
  background: #c8a8ff !important;
  border-color: #c8a8ff !important;
  color: #20183a !important;
}

/* “Другое” блок (fieldset/рамка) — если он выглядит слишком “пусто” */
html[data-theme="light"] body[data-page^="cauldron"] .mini-dropdown-host,
html[data-theme="light"] body[data-page^="cauldron"] details.tag-dd{
  color: rgba(0,0,0,.86) !important;
}

/* ===== Board (Доска объявлений) — перебиваем inline dark styles ===== */
/* элементы списка */
html[data-theme="light"] body[data-page="cauldron_board"] .item{
  background: rgba(255,255,255,.78) !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  box-shadow: 0 10px 24px rgba(10,15,30,.06) !important;
}
html[data-theme="light"] body[data-page="cauldron_board"] .item .meta,
html[data-theme="light"] body[data-page="cauldron_board"] .subtle{
  color: rgba(0,0,0,.62) !important;
}

/* badge (дата) */
html[data-theme="light"] body[data-page="cauldron_board"] .badge{
  background: rgba(0,0,0,.035) !important;
  border: 1px solid rgba(0,0,0,.10) !important;
  color: rgba(0,0,0,.70) !important;
}

/* меню (кнопка ⋮ и выпадашка) — в шаблоне они тёмные */
html[data-theme="light"] body[data-page^="cauldron"] .menu-btn:not(.ads-feed-card__menu-btn){
  border: 1px solid rgba(0,0,0,.12) !important;
  background: rgba(0,0,0,.03) !important;
  color: rgba(0,0,0,.70) !important;
}
html[data-theme="light"] body[data-page^="cauldron"] .note-menu{
  border: 1px solid rgba(0,0,0,.10) !important;
  background: rgba(255,255,255,.92) !important;
  box-shadow: 0 18px 40px rgba(10,15,30,.18) !important;
  backdrop-filter: blur(10px);
}
html[data-theme="light"] body[data-page^="cauldron"] .menu-item{
  color: rgba(0,0,0,.86) !important;
}
html[data-theme="light"] body[data-page^="cauldron"] .menu-item:hover{
  background: rgba(0,0,0,.04) !important;
}

/* btn-soft из шаблонов доски/объявлений (inline) */
html[data-theme="light"] body[data-page^="cauldron"] .btn-soft{
  background: rgba(0,0,0,.03) !important;
  border: 1px solid rgba(0,0,0,.12) !important;
  color: rgba(0,0,0,.78) !important;
}

/* ===== Exchange (Игровое лукошко) — note-box/caught-box/caught-empty из cauldron.html ===== */
html[data-theme="light"] body[data-page="cauldron_exchange"] .note-box,
html[data-theme="light"] body[data-page="cauldron_exchange"] .caught-box{
  border: 1px solid rgba(0,0,0,.10) !important;
  background: rgba(0,0,0,.02) !important;
}
html[data-theme="light"] body[data-page="cauldron_exchange"] .caught-empty{
  border: 1px dashed rgba(0,0,0,.18) !important;
  background: rgba(0,0,0,.018) !important;
  color: rgba(0,0,0,.55) !important;
}
html[data-theme="light"] body[data-page="cauldron_exchange"] .note-meta{
  color: rgba(0,0,0,.55) !important;
}

/* инпуты/текстарии внутри котла — чтобы не “проваливались” в белое */
html[data-theme="light"] body[data-page^="cauldron"] .input,
html[data-theme="light"] body[data-page^="cauldron"] textarea.input,
html[data-theme="light"] body[data-page^="cauldron"] input.input,
html[data-theme="light"] body[data-page^="cauldron"] select{
  background: rgba(255,255,255,.92) !important;
  border-color: rgba(0,0,0,.10) !important;
  color: rgba(0,0,0,.86) !important;
}
html[data-theme="light"] body[data-page^="cauldron"] .input::placeholder{
  color: rgba(0,0,0,.45) !important;
}

/* ===== Cauldron/Board: light theme — make search placeholder readable ===== */
html[data-theme="light"] .cauldron-shell .search-wrap input{
  color: rgba(0,0,0,.88);
  border-color: rgba(0,0,0,.14);
  background: rgba(0,0,0,.03);
}

html[data-theme="light"] .cauldron-shell .search-wrap input::placeholder{
  color: rgba(0,0,0,.45);
  opacity: 1; /* важно: в некоторых браузерах placeholder “приглушается” */
}

/* focus-within — фирменная фиолетовая подсветка как в тёмной */
html[data-theme="light"] .search-wrap:focus-within{
  background: rgba(125, 105, 255, 0.08);
  border-color: rgba(125, 105, 255, 0.42);
  box-shadow:
    0 0 0 1px rgba(125, 105, 255, 0.22),
    0 14px 38px rgba(125, 105, 255, 0.10);
}

/* =========================================================
   Cauldron Ads (Поиск соигрока) — светлая тема
   body_page = cauldron_ads
   ========================================================= */

html[data-theme="light"] body[data-page="cauldron_search"] .search-card{
  /* feed-card уже светлый, но на всякий случай даём “карточный” вид */
  background: rgba(255,255,255,.82);
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 14px 34px rgba(10,15,30,.06);
}

html[data-theme="light"] body[data-page="cauldron_search"] .search-item{
  background: rgba(255,255,255,.78) !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  box-shadow: 0 10px 24px rgba(10,15,30,.06) !important;
}

html[data-theme="light"] body[data-page="cauldron_search"] .search-meta,
html[data-theme="light"] body[data-page="cauldron_search"] .search-subtle{
  color: rgba(0,0,0,.62) !important;
}

html[data-theme="light"] body[data-page="cauldron_search"] .search-badge{
  background: rgba(0,0,0,.035) !important;
  border: 1px solid rgba(0,0,0,.10) !important;
  color: rgba(0,0,0,.70) !important;
}

html[data-theme="light"] body[data-page="cauldron_search"] .tag-pill{
  background: rgba(125,105,255,.08) !important;
  border: 1px solid rgba(125,105,255,.22) !important;
  color: rgba(0,0,0,.78) !important;
}

html[data-theme="light"] body[data-page="cauldron_search"] .searchdivider{
  border-top: 1px solid rgba(0,0,0,.08) !important;
}

html[data-theme="light"] body[data-page="cauldron_search"] .empty{
  background: rgba(0,0,0,.02) !important;
  border: 1px dashed rgba(0,0,0,.16) !important;
  color: rgba(0,0,0,.62) !important;
}

/* Внутренние “ads-item” с inline background:rgba(255,255,255,02) (ожидающие отклики) */
html[data-theme="light"] body[data-page="cauldron_search"] .search-item[style*="background:rgba(255,255,255,02)"]{
  background: rgba(0,0,0,.02) !important;
}

/* Reply-box разделители в светлой */
html[data-theme="light"] body[data-page="cauldron_search"] .reply-box{
  border-top: 1px dashed rgba(0,0,0,.14) !important;
}


/* =========================================================
   Cauldron Exchange (Игровое лукошко) — светлая тема
   body_page = cauldron_exchange
   ========================================================= */

html[data-theme="light"] body[data-page="cauldron_exchange"] .exchange-card{
  background: rgba(255,255,255,.82) !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  box-shadow: 0 14px 34px rgba(10,15,30,.06) !important;
}

html[data-theme="light"] body[data-page="cauldron_exchange"] .subtle,
html[data-theme="light"] body[data-page="cauldron_exchange"] .note-meta{
  color: rgba(0,0,0,.62) !important;
}

html[data-theme="light"] body[data-page="cauldron_exchange"] .tab{
  background: rgba(0,0,0,.02) !important;
  border: 1px solid rgba(0,0,0,.10) !important;
  color: rgba(0,0,0,.78) !important;
}
html[data-theme="light"] body[data-page="cauldron_exchange"] .tab.is-active{
  background: rgba(125,105,255,.12) !important;
  border-color: rgba(125,105,255,.28) !important;
  color: rgba(0,0,0,.86) !important;
}

html[data-theme="light"] body[data-page="cauldron_exchange"] .note-box,
html[data-theme="light"] body[data-page="cauldron_exchange"] .caught-box{
  background: rgba(255,255,255,.78) !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  box-shadow: 0 10px 24px rgba(10,15,30,.06) !important;
}

html[data-theme="light"] body[data-page="cauldron_exchange"] .caught-empty{
  background: rgba(0,0,0,.02) !important;
  border: 1px dashed rgba(0,0,0,.16) !important;
  color: rgba(0,0,0,.62) !important;
}
/* =========================================================
   CHECKBOXES — Light theme boost (contrast + “volume”)
   Вставить в самый низ pages.css (ниже остальных light overrides)
========================================================= */

/* 1) Глобальные кастом-чекбоксы в светлой теме
   (у нас checkbox = appearance:none, поэтому accent-color почти не влияет) */
html[data-theme="light"] input[type="checkbox"]{
  border-color: rgba(15, 23, 42, .22);
  background: rgba(15, 23, 42, .035);
  box-shadow: 0 1px 0 rgba(255,255,255,.9) inset;
}

html[data-theme="light"] input[type="checkbox"]:hover{
  border-color: rgba(125,105,255,.55);
  background: rgba(125,105,255,.10);
  box-shadow:
    0 1px 0 rgba(255,255,255,.9) inset,
    0 0 0 2px rgba(125,105,255,.10);
}

html[data-theme="light"] input[type="checkbox"]:checked{
  /* оставляем твою фирменную “фиолетовую” заливку, но чуть плотнее */
  background: linear-gradient(135deg, #7d69ff, #bca9ff);
  border-color: rgba(125,105,255,.70);
  box-shadow: 0 0 0 2px rgba(125,105,255,.22);
}

html[data-theme="light"] input[type="checkbox"]::after{
  /* галочка на светлой тоже ок, но пусть будет чуть менее “жёстко белой” */
  background: rgba(255,255,255,.95);
}

html[data-theme="light"] input[type="checkbox"]:focus-visible{
  outline: none;
  box-shadow:
    0 0 0 2px rgba(125,105,255,.28),
    0 0 0 4px rgba(125,105,255,.14);
}

/* 2) Строки чеков внутри выпадающих “Меток”
   Сейчас они тёмные (rgba по белому) — делаем светлую карточность */
html[data-theme="light"] #panel-passive .check-row{
  background: rgba(15, 23, 42, .03);
  border: 1px solid rgba(15, 23, 42, .10);
  color: rgba(0,0,0,.82);
}

html[data-theme="light"] #panel-passive .check-row:hover{
  border-color: rgba(125,105,255,.28);
  background: rgba(125,105,255,.08);
}

/* (опционально) чтобы вся “коробка” dropdown не была пустой */
html[data-theme="light"] .tag-dd__body{
  padding: 10px 8px 8px;
  border-radius: 14px;
}

/* 3) Если чек-лейблы где-то без #panel-passive — добавим лёгкий hover на общий случай */
html[data-theme="light"] .check-row:hover{
  background: rgba(125,105,255,.06);
}

/* =========================================================
   Search input (.search-wrap) — LIGHT theme override
   Для "Поиск соигрока" и "Доска объявлений"
========================================================= */

html[data-theme="light"] .search-wrap{
  background: rgba(15, 23, 42, 0.03);
  border: 1px solid rgba(15, 23, 42, 0.10);

  /* чуть “дороже”, как в тёмной: объём + мягкая подсветка */
  box-shadow:
    0 1px 0 rgba(255,255,255,.85) inset,
    0 10px 30px rgba(15, 23, 42, 0.06);

  color: rgba(0,0,0,.85);
}

html[data-theme="light"] .search-wrap input{
  color: rgba(0,0,0,.85);
}

html[data-theme="light"] .search-wrap input::placeholder{
  color: rgba(0,0,0,.45);
}

/* hover */
html[data-theme="light"] .search-wrap:hover{
  background: rgba(15, 23, 42, 0.045);
  border-color: rgba(125, 105, 255, 0.22);
  box-shadow:
    0 1px 0 rgba(255,255,255,.85) inset,
    0 12px 34px rgba(15, 23, 42, 0.08);
}

/* =========================================================
   Cauldron Exchange (panel-passive) — LIGHT theme fixes for tag-dd dropdowns
   (перебиваем тёмные стили #panel-passive ...)
========================================================= */

html[data-theme="light"] body[data-page="cauldron_exchange"] #panel-passive details.tag-dd{
  border: 1px solid rgba(0,0,0,.10) !important;
  background: rgba(0,0,0,.02) !important;
}

html[data-theme="light"] body[data-page="cauldron_exchange"] #panel-passive details.tag-dd > summary{
  color: rgba(0,0,0,.88) !important;
}

/* стрелка */
html[data-theme="light"] body[data-page="cauldron_exchange"] #panel-passive .tag-dd__chev{
  border-right-color: rgba(0,0,0,.35) !important;
  border-bottom-color: rgba(0,0,0,.35) !important;
}

/* тело dropdown (вот где была “очень тёмная подложка”) */
html[data-theme="light"] body[data-page="cauldron_exchange"] #panel-passive .tag-dd__body{
  border-top: 1px solid rgba(0,0,0,.08) !important;
  background: rgba(255,255,255,.78) !important;
  box-shadow: 0 12px 26px rgba(10,15,30,.06) !important;
}

/* плашки-строки чеков внутри раскрытия */
html[data-theme="light"] body[data-page="cauldron_exchange"] #panel-passive .tag-dd__body .check-row{
  background: rgba(15,23,42,.03) !important;
  border: 1px solid rgba(15,23,42,.10) !important;
}

html[data-theme="light"] body[data-page="cauldron_exchange"] #panel-passive .tag-dd__body .check-row:hover{
  background: rgba(125,105,255,.07) !important;
  border-color: rgba(125,105,255,.22) !important;
}