/*
 * Тёмная тема TripDeals (20.10.2026, решение владельца). Подключается после tailwind.css (inc/assets.php, wp_head) и
 * переопределяет цветовые утилиты, когда на <html> стоит класс td-dark. Класс ставит инлайн-скрипт до отрисовки:
 * сохранённый выбор (localStorage td_theme) или настройка системы (prefers-color-scheme). Переключатель — кнопка в шапке.
 * Пересборка tailwind.css не нужна: здесь только цвета, раскладка не меняется.
 */
html.td-dark { color-scheme: dark; }

/* фон страницы и поверхности */
.td-dark .bg-canvas { background-color: #0b1220; }
.td-dark .bg-white, .td-dark .hover\:bg-white:hover { background-color: #141c2b; }
.td-dark .bg-slate-50, .td-dark .bg-slate-100, .td-dark .hover\:bg-slate-50:hover, .td-dark .hover\:bg-slate-100:hover { background-color: #1b2536; }
.td-dark .bg-slate-900\/5 { background-color: rgba(255, 255, 255, .10); }
.td-dark .hover\:bg-slate-900\/5:hover { background-color: rgba(255, 255, 255, .08); }
.td-dark .hover\:bg-slate-900\/10:hover { background-color: rgba(255, 255, 255, .14); }
.td-dark .bg-sea-50, .td-dark .hover\:bg-sea-50:hover { background-color: #0f2b2f; }
.td-dark .bg-sea-100, .td-dark .hover\:bg-sea-100:hover { background-color: #123a3f; }
.td-dark .bg-sun-100 { background-color: #3b2416; }
.td-dark .bg-emerald-50 { background-color: #0f2d22; }
.td-dark .bg-gradient-to-br { background-image: none; background-color: #141c2b; }

/* шапка: стекло поверх тёмного */
.td-dark header.bg-white\/75, .td-dark .bg-white\/75 { background-color: rgba(20, 28, 43, .84); }
.td-dark .bg-white\/60 { background-color: rgba(20, 28, 43, .6); }
.td-dark .border-white\/60 { border-color: rgba(255, 255, 255, .08); }
.td-dark .shadow-glass { box-shadow: 0 8px 32px -12px rgba(0, 0, 0, .6); }

/* текст */
.td-dark body, .td-dark .text-ink { color: #f8fafc; }   /* 20.10 вечер: ярче по просьбе владельца (eSIM читался серым) */
.td-dark .text-ink-soft { color: #cbd5e1; }
.td-dark .text-ink-mute { color: #a3b3c6; }
.td-dark .hover\:text-ink:hover { color: #ffffff; }
.td-dark .text-sea-600 { color: #5fc3cc; }
.td-dark .text-sea-700 { color: #7fd3da; }
.td-dark .text-sun-700 { color: #ffb48c; }
.td-dark .text-emerald-700 { color: #6ee7b7; }
.td-dark .placeholder\:text-ink-mute::placeholder { color: #a3b3c6; }

/* рамки и кольца */
.td-dark .border-slate-100, .td-dark .border-slate-200, .td-dark .border-slate-900\/5, .td-dark .hover\:border-slate-400:hover { border-color: #273247; }
.td-dark .ring-slate-900\/5, .td-dark .ring-slate-200 { --tw-ring-color: #273247; }
.td-dark .focus\:ring-sea-100:focus { --tw-ring-color: rgba(14, 124, 134, .35); }
.td-dark .divide-slate-100 > :not([hidden]) ~ :not([hidden]) { border-color: #273247; }

/* тёмные кнопки и выбранные чипы: инверсия — светлая таблетка, тёмный текст */
.td-dark .bg-ink { background-color: #e6edf5; color: #0f172a; }
.td-dark .bg-ink.text-white, .td-dark .bg-ink .text-white { color: #0f172a; }
.td-dark .hover\:bg-slate-800:hover { background-color: #cfd8e3; }
.td-dark .td-chip { background-color: #141c2b; border-color: #2f3b52; color: #cbd5e1; }
.td-dark .td-chip:hover { border-color: #3a4a63; color: #ffffff; }
.td-dark .td-chip.active, .td-dark .td-chip.active:hover { background-color: #e6edf5; border-color: #e6edf5; color: #0f172a; }
.td-dark .td-chip.active i { color: #0f172a; }
.td-dark .td-side { color: #cbd5e1; }
.td-dark .td-side:hover { background-color: rgba(255, 255, 255, .08); color: #ffffff; }
.td-dark .td-side.active, .td-dark .td-side.active:hover { background-color: #e6edf5; color: #0f172a; }
.td-dark .td-side.active i { color: #0f172a !important; }
.td-dark .view-btn.active { background-color: #e6edf5; color: #0f172a; }
.td-dark .fav-btn.is-fav { background-color: #3b2416; color: #ffb48c; }

/* нижнее меню на телефоне и пилюля «Обновлено» — тёмные (тот же класс bg-white/85, что у плашек на фото, поэтому отдельно) */
.td-dark nav.bg-white\/85 { background-color: rgba(20, 28, 43, .94); }
.td-dark nav.bg-white\/85 .text-ink-mute { color: #a3b3c6; }
.td-dark span.bg-white\/80 { background-color: rgba(255, 255, 255, .08); }
.td-dark span.bg-white\/80.text-ink-soft { color: #cbd5e1; }

/* плашки на фото и оранжевые бейджи остаются светлыми с тёмным текстом */
.td-dark .bg-white\/85 { background-color: rgba(255, 255, 255, .9); }
.td-dark .bg-white\/85.text-ink, .td-dark .bg-white\/85 .text-ink { color: #0f172a; }
.td-dark .bg-sun-400.text-ink, .td-dark .bg-sun-400 .text-ink { color: #0f172a; }

/* поля ввода и выпадающие списки */
.td-dark input[type="text"], .td-dark input[type="search"], .td-dark select, .td-dark textarea { background-color: #141c2b; color: #e6edf5; border-color: #273247; }
.td-dark input::placeholder { color: #a3b3c6; }
.td-dark select option { background-color: #141c2b; color: #e6edf5; }

/* модальные окна: подложка чуть плотнее */
.td-dark .bg-ink\/60 { background-color: rgba(3, 7, 18, .72); }

/* юридические страницы */
.td-dark .td-prose { color: #cbd5e1; }
.td-dark .td-prose h2, .td-dark .td-prose strong { color: #e6edf5; }
.td-dark .td-prose a { color: #5fc3cc; }
.td-dark .td-prose .td-fill { background: #3b2416; color: #ffb48c; }

/* переключатель темы: луна в светлой, солнце в тёмной */
.td-dark .td-ico-moon { display: none; }
.td-dark .td-ico-sun { display: inline-block; }