/* ============================================================
   buditeli.css — тема „Ден на народните будители“ (1 ноември, всяка година)

   ТОВА Е САМО ВИЗИЯ. Не променя логика, данни, ред на елементите. Единствените
   нови текстове са двата празнични надписа (по искане) — те са генерирано
   съдържание (::before/::after), не са в DOM-а.

   Механизмът е същият като при css/halloween.css:
   • всяко правило е под html[data-event="buditeli"] — без атрибута файлът е
     безобиден; темите се сменят със смяна/махане на атрибута;
   • атрибутът го слага event-themes.php само на 1.11, от 00:00 до 23:59 по
     часовника на устройството, и не зависи от годината;
   • светла тема „хартия и мастило“, затова пренаписва същите --c-* токени и
     върви и върху светла, и върху тъмна тема на потребителя;
   • декорациите са псевдо-елементи с pointer-events:none.

   Файлове до него: css/buditeli/ (SVG), css/event-fonts/ (шрифтове woff2;
   Manrope и Old Standard TT са от Google Fonts, OFL, но се сервират от нашия
   сайт — без заявки към Google от потребителите).
   ============================================================ */

/* ── Шрифтове ───────────────────────────────────────────────── */
@font-face {
  font-family: 'Manrope'; font-style: normal; font-weight: 400 800; font-display: swap;
  src: url('event-fonts/manrope-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Manrope'; font-style: normal; font-weight: 400 800; font-display: swap;
  src: url('event-fonts/manrope-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Old Standard TT'; font-style: normal; font-weight: 700; font-display: swap;
  src: url('event-fonts/old-standard-tt-bold-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Old Standard TT'; font-style: normal; font-weight: 700; font-display: swap;
  src: url('event-fonts/old-standard-tt-bold-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Old Standard TT'; font-style: italic; font-weight: 400; font-display: swap;
  src: url('event-fonts/old-standard-tt-italic-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Old Standard TT'; font-style: italic; font-weight: 400; font-display: swap;
  src: url('event-fonts/old-standard-tt-italic-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ── Палитра и токени ───────────────────────────────────────── */
html[data-event="buditeli"] {
  color-scheme: light;

  --bd-bg-page: #e9dfcb;       /* фон зад приложението */
  --bd-bg-app: #f6efe1;        /* основен фон (хартия) */
  --bd-surface: #fffaf0;       /* карти, header, вода, навигация */
  --bd-surface-sub: #f8f1e3;   /* ред „Добавете…“, вторичен бутон */
  --bd-border: #e4d6bb;
  --bd-divider: #ece0c8;
  --bd-track: #efe4cf;         /* фон на прогрес ленти */
  --bd-ink: #2b1d12;           /* основен текст */
  --bd-ink-2: #5a4633;
  --bd-muted: #6e5a45;
  /* Макетът е #8a735a (muted-2) и #9a8670 (faint) — те дават 3.1–4.3:1 върху
     повърхностите. Тези са с поне 4.5:1 върху хартията, повърхността и подредовия фон. */
  --bd-muted-2: #7a644c;
  --bd-faint: #80694f;
  --bd-red: #a3271f;           /* основен акцент */
  --bd-red-deep: #7a1a14;
  --bd-red-soft-bg: #f7e3df;
  --bd-red-soft-border: #e6b9b2;
  --bd-green: #3f6b3a;
  --bd-green-ink: #2f5229;
  --bd-gold: #b8862b;
  --bd-checkbox-border: #c8b593;

  /* Токените на приложението — светлите стойности, но в цветовете на темата.
     Нужни са и за потребител с тъмна тема: иначе остава половин тъмна. */
  --c-bg: var(--bd-bg-app);
  --c-surface: var(--bd-surface);
  --c-surface-2: var(--bd-track);
  --c-surface-3: var(--bd-surface-sub);
  --c-text: var(--bd-ink);
  --c-text-2: var(--bd-ink-2);
  --c-text-3: var(--bd-muted);
  --c-text-muted: var(--bd-muted-2);
  --club-header-text: var(--bd-green);
  --c-border: var(--bd-border);
  --c-border-light: #d3c19f;

  --c-primary: var(--bd-red);
  --c-primary-dark: var(--bd-red-deep);
  --c-primary-light: var(--bd-red-soft-bg);
  --c-primary-border: var(--bd-red-soft-border);
  --c-primary-bg: #fbefec;

  --c-success: var(--bd-green);
  --c-success-bg: #e4ebd8;
  --c-success-dark: var(--bd-green-ink);
  --c-danger: #dc2626;
  --c-danger-light: #ef4444;
  --c-danger-bg: #fee2e2;
  --c-warning: #f59e0b;
  --c-warning-bg: #fef3c7;

  --c-purple: #6b2a24;
  --c-purple-light: var(--bd-red);
  --c-purple-bg: #f1e3dc;
  --c-purple-pale: #f5ece6;
  --c-purple-border: #e2cfc4;

  --c-regime-alt: #ea580c;
  --c-regime-alt-text: #c2410c;
  --c-regime-alt-bg: #fff7ed;
  --c-regime-alt-border: #fdba74;
  --c-regime-main-text: #7a4f12;

  --c-activity: var(--bd-green-ink);
  --c-activity-light: var(--bd-green);
  --c-activity-bg: #e4ebd8;
  --c-activity-pale: #edf1e6;
  --c-activity-border: #cdd8c0;

  --c-mood: #4f46e5;
  --c-mood-light: #6366f1;
  --c-mood-bg: #e0e7ff;
  --c-mood-pale: #eef2ff;
  --c-mood-border: #c7d2fe;

  --c-auth-start: #b5c8c5;
  --c-auth-end: #acbfbc;

  --c-overlay: rgba(43, 29, 18, .45);
  --c-overlay-dark: rgba(43, 29, 18, .65);
  --shadow-card: 0 2px 8px rgba(90, 60, 25, .10);
  --shadow-modal: 0 8px 32px rgba(90, 60, 25, .22);
  --shadow-burger: -4px 0 24px rgba(90, 60, 25, .16);

  --points-burst-stroke: rgba(0, 0, 0, .3);
  --points-burst-shadow: rgba(0, 0, 0, .35);

  --water-bg: none;
  --water-top-line-color: var(--bd-border);
}

/* ── Основа ─────────────────────────────────────────────────── */
html[data-event="buditeli"] body {
  background: var(--bd-bg-app);
  color: var(--bd-ink);
  font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
  /* При lang="bg" Manrope превключва на български форми (д като g, в като B), които
     в интерфейс се четат трудно и не съвпадат с останалото приложение. */
  font-feature-settings: "locl" 0;
}
html[data-event="buditeli"] button,
html[data-event="buditeli"] input,
html[data-event="buditeli"] textarea,
html[data-event="buditeli"] select { font-family: inherit; font-feature-settings: inherit; }

/* На широк екран приложението е колона от 640px; зад нея е хартиеният градиент. */
@media (min-width: 700px) {
  html[data-event="buditeli"] body {
    background: radial-gradient(ellipse at 50% 0%, #f3ead8 0%, #ddd0b6 75%) fixed;
  }
  html[data-event="buditeli"] .page {
    background: var(--bd-bg-app);
    min-height: calc(100vh - 120px);
  }
}

/* ── Header и лента с шевица ────────────────────────────────── */
html[data-event="buditeli"] .app-header { background: var(--bd-surface); }
html[data-event="buditeli"] .app-title {
  font-family: 'Old Standard TT', Georgia, 'Times New Roman', serif;
  font-size: 20px;
  font-weight: 700;
  color: var(--bd-ink);
}
/* На 320px и приложението без тема съкращава заглавието („Хранителен реж…“); 20px го
   съкращава още повече, затова тук то е по-дребно, за да остане на същото ниво. */
@media (max-width: 340px) {
  html[data-event="buditeli"] .app-title { font-size: 17px; }
}
html[data-event="buditeli"] .app-subtitle { color: var(--bd-muted); }
html[data-event="buditeli"] .user-name { color: var(--bd-muted); }
html[data-event="buditeli"] .header-club-name { color: var(--bd-green); font-weight: 700; opacity: 1; }
html[data-event="buditeli"] .app-header .btn-icon {
  background: var(--bd-bg-app);
  border: 1px solid var(--bd-border);
}
html[data-event="buditeli"] .app-header .btn-icon svg { stroke: var(--bd-ink); }
/* Шевицата е част от хедъра, не отделен слой: --app-header-h (по него се подравняват
   лепкавите ленти под хедъра) се мери от реалната му височина и я включва сама. */
html[data-event="buditeli"] .app-header::after {
  content: '';
  display: block;
  height: 12px;
  background: url('buditeli/shevica.svg') repeat-x left top / 24px 12px;
  pointer-events: none;
}

/* ── Карта „Следващо хранене“ ──────────────────────────────── */
html[data-event="buditeli"] #page-track .next-card {
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  padding-bottom: 68px;             /* място за перото, да не стои върху текст */
  background: var(--bd-surface);
  border: 1px solid var(--bd-border);
  border-radius: 18px;
  box-shadow: 0 8px 24px rgba(90, 60, 25, .08);
}
/* Празничният ред най-горе: знаменце + надпис. */
html[data-event="buditeli"] .next-card::before {
  content: '1 ноември · Ден на народните будители';
  display: block;
  margin: -4px 0 12px;
  padding-left: 26px;               /* знаменце 18px + 8px разстояние */
  background: url('buditeli/flag.svg') left center / 18px 12px no-repeat;
  font: italic 400 13.5px/18px 'Old Standard TT', Georgia, 'Times New Roman', serif;
  color: var(--bd-red);
  pointer-events: none;
}
/* Перо в мастилница, долу вляво. */
html[data-event="buditeli"] .next-card::after {
  content: '';
  position: absolute;
  left: 4px;
  bottom: -6px;
  width: 78px;
  height: 70px;
  background: url('buditeli/quill.svg') center / contain no-repeat;
  filter: drop-shadow(0 4px 6px rgba(70, 45, 20, .2));
  pointer-events: none;
}
html[data-event="buditeli"] .next-lbl {
  font-size: 11px;
  letter-spacing: .12em;
  color: var(--bd-muted-2);
}
html[data-event="buditeli"] .next-time {
  font-family: 'Old Standard TT', Georgia, 'Times New Roman', serif;
  font-size: 46px;
  font-weight: 700;
  letter-spacing: 0;
  color: var(--bd-ink);
}
html[data-event="buditeli"] .next-name {
  font-family: 'Old Standard TT', Georgia, 'Times New Roman', serif;
  font-size: 20px;
  font-style: italic;
  font-weight: 400;                 /* италикът има само едно тегло */
  color: var(--bd-ink-2);
}
html[data-event="buditeli"] .countdown { color: var(--bd-red); font-weight: 700; }
html[data-event="buditeli"] .next-items { color: var(--bd-muted); }
html[data-event="buditeli"] .next-item-info,
html[data-event="buditeli"] .next-item-info-note { color: var(--bd-muted-2); }
html[data-event="buditeli"] .next-item-info-warning { color: var(--bd-red-deep); }

/* Звънче „Включи известия“ */
html[data-event="buditeli"] .notif-btn {
  background: var(--bd-bg-app);
  border-color: var(--bd-border);
  color: var(--bd-green);
  box-shadow: none;
}
html[data-event="buditeli"] .notif-btn-label-main { color: var(--bd-ink-2); }
html[data-event="buditeli"] .notif-btn-label-sub { color: var(--bd-red); }
html[data-event="buditeli"] .notif-btn.on { background: transparent; color: var(--bd-green); }

/* Чипът „Основен“ (втори режим) и бутонът „?“ */
html[data-event="buditeli"] .regime-chip {
  background: #f8ecd6;
  border-color: #e3c9a0;
  color: #7a4f12;
}
html[data-event="buditeli"] .regime-chip.regime-chip-v1 {
  background: var(--c-regime-alt-bg);
  border-color: var(--c-regime-alt-border);
  color: var(--c-regime-alt-text);
}
html[data-event="buditeli"] .regime-v0 { background: var(--bd-gold); }
html[data-event="buditeli"] .wn-icon {
  background: var(--bd-bg-app);
  border-color: var(--bd-border);
  color: var(--bd-muted);
}
html[data-event="buditeli"] .wn-icon.is-new::after {
  background: var(--bd-red);
  border-color: var(--bd-surface);
}

/* ── Точки (0 / 70) ─────────────────────────────────────────── */
html[data-event="buditeli"] .points-widget {
  background: var(--bd-surface);
  border-color: var(--bd-border);
}
html[data-event="buditeli"] .points-summary { color: var(--bd-red); font-weight: 800; }
html[data-event="buditeli"] .points-info-btn { background: var(--bd-track); color: var(--bd-muted); }
html[data-event="buditeli"] .points-progress-wrap { background: var(--bd-track); }
html[data-event="buditeli"] .points-progress-bar { background: linear-gradient(90deg, #a3271f, #c9572b); }
/* 🔥 пред „N дни подред“ е част от текста, който пише JS-ът. Скриваме го с
   ::first-letter и слагаме перо като фон — без да пипаме текста. */
html[data-event="buditeli"] .points-streak {
  display: inline-block;            /* ::first-letter не важи за inline елемент */
  color: var(--bd-muted);
  padding-left: 18px;
  background: url('buditeli/feather.svg') left center / 14px 14px no-repeat;
}
html[data-event="buditeli"] .points-streak::first-letter { font-size: 0; }

/* ── Хранения (accordion) ──────────────────────────────────── */
html[data-event="buditeli"] .sec-header {
  background: var(--bd-surface);
  border: 1px solid var(--bd-border);
  border-radius: 14px;
  box-shadow: none;
}
html[data-event="buditeli"] .sec-header.open {
  border-radius: 14px 14px 0 0;
  border-bottom-color: transparent;   /* линията я рисува първият ред; иначе е двойна */
}
html[data-event="buditeli"] .sec-title {
  font-family: 'Old Standard TT', Georgia, 'Times New Roman', serif;
  font-size: 16.5px;
  font-weight: 700;
  color: var(--bd-ink);
}
html[data-event="buditeli"] .sec-time { color: var(--bd-muted-2); }
html[data-event="buditeli"] .chevron { color: var(--bd-muted-2); }
html[data-event="buditeli"] .badge-next {
  background: var(--bd-red-soft-bg);
  border: 1px solid var(--bd-red-soft-border);
  color: var(--bd-red);
}
html[data-event="buditeli"] .badge-now { background: #e4ebd8; color: var(--bd-green-ink); }
html[data-event="buditeli"] .badge-done { background: var(--bd-track); color: var(--bd-muted); }
html[data-event="buditeli"] .items-list {
  background: var(--bd-surface);
  border: 1px solid var(--bd-border);
  border-top: 0;
  border-radius: 0 0 14px 14px;
  box-shadow: none;
}
html[data-event="buditeli"] .item-row { border-top-color: var(--bd-divider); }
html[data-event="buditeli"] .item-row:active { background: var(--bd-surface-sub); }
html[data-event="buditeli"] .item-row-info,
html[data-event="buditeli"] .item-row-info:active { background: var(--bd-surface-sub); }
html[data-event="buditeli"] .item-row-info-warning,
html[data-event="buditeli"] .item-row-info-warning:active { background: var(--bd-red-soft-bg); }
html[data-event="buditeli"] .item-lbl { color: var(--bd-ink-2); }
html[data-event="buditeli"] .item-lbl-info,
html[data-event="buditeli"] .item-lbl-info-note { color: var(--bd-muted); }
html[data-event="buditeli"] .item-lbl-info-warning { color: var(--bd-red-deep); }
html[data-event="buditeli"] .item-lbl.done { color: var(--bd-faint); }
html[data-event="buditeli"] .item-logged { color: #8a6118; opacity: 1; }

/* Чекбокс: същите 20×20 и същият <input> — само външният вид. */
html[data-event="buditeli"] .item-row input[type=checkbox],
html[data-event="buditeli"] .custom-row input[type=checkbox] {
  -webkit-appearance: none;
  appearance: none;
  display: inline-grid;
  place-content: center;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  background: #fff;
  border: 1.5px solid var(--bd-checkbox-border);
  border-radius: 6px;
}
html[data-event="buditeli"] .item-row input[type=checkbox]:checked,
html[data-event="buditeli"] .custom-row input[type=checkbox]:checked {
  background: var(--bd-red);
  border-color: var(--bd-red);
}
html[data-event="buditeli"] .item-row input[type=checkbox]:checked::after,
html[data-event="buditeli"] .custom-row input[type=checkbox]:checked::after {
  content: '';
  width: 5px;
  height: 10px;
  margin-top: -2px;
  border: solid var(--bd-surface);
  border-width: 0 2.5px 2.5px 0;
  transform: rotate(45deg);
}
html[data-event="buditeli"] .item-row input[type=checkbox]:focus-visible,
html[data-event="buditeli"] .custom-row input[type=checkbox]:focus-visible {
  outline: 2px solid var(--bd-red);
  outline-offset: 2px;
}

/* Ред „Добавете какво друго сте хапнали...“ */
html[data-event="buditeli"] .custom-row { background: var(--bd-surface-sub); border-top-color: var(--bd-divider); }
html[data-event="buditeli"] .custom-input {
  background: transparent;
  border-bottom-color: var(--bd-border);
  color: var(--bd-ink-2);
}
html[data-event="buditeli"] .custom-input:focus { border-bottom-color: var(--bd-red); }
html[data-event="buditeli"] .custom-input::placeholder { color: var(--bd-faint); font-style: italic; opacity: 1; }

/* ── „Бележка към треньора“ ─────────────────────────────────── */
html[data-event="buditeli"] .meal-note-box {
  background: #f5ece6;
  border-color: #e2cfc4;
  box-shadow: none;
}
html[data-event="buditeli"] .meal-note-box .section-label,
html[data-event="buditeli"] .meal-note-toggle-hint,
html[data-event="buditeli"] .meal-note-hint { color: #6b2a24; }
html[data-event="buditeli"] .meal-note-toggle-icon { background: var(--bd-red); color: #fff; }
html[data-event="buditeli"] .meal-note-input {
  background: #fff;
  border-color: #e2cfc4;
  color: var(--bd-ink);
}
html[data-event="buditeli"] .meal-note-input:focus { border-color: var(--bd-red); box-shadow: 0 0 0 3px rgba(163, 39, 31, .14); }
html[data-event="buditeli"] .meal-note-input::placeholder,
html[data-event="buditeli"] .activity-comment::placeholder,
html[data-event="buditeli"] .activity-other-input::placeholder { color: var(--bd-faint); opacity: 1; }

/* ── „Спорт и движение“ ─────────────────────────────────────── */
html[data-event="buditeli"] .activity-box {
  background: #edf1e6;
  border-color: #cdd8c0;
  box-shadow: none;
}
html[data-event="buditeli"] .activity-box .section-label,
html[data-event="buditeli"] .activity-summary,
html[data-event="buditeli"] .activity-hint,
html[data-event="buditeli"] .activity-field-label { color: var(--bd-green-ink); }
html[data-event="buditeli"] .activity-optional { color: var(--bd-muted); }
html[data-event="buditeli"] .activity-box .wn-icon { border-color: #a9bd9a; }
html[data-event="buditeli"] .activity-toggle-icon { background: var(--bd-green); color: #fff; }
html[data-event="buditeli"] .activity-chip { background: var(--bd-surface); border-color: #cdd8c0; color: var(--bd-green-ink); }
html[data-event="buditeli"] .activity-chip.active { background: #e4ebd8; border-color: var(--bd-green); color: var(--bd-green-ink); }
html[data-event="buditeli"] .activity-other-input,
html[data-event="buditeli"] .activity-comment { background: #fff; border-color: #cdd8c0; color: var(--bd-ink); }
html[data-event="buditeli"] .activity-other-input:focus,
html[data-event="buditeli"] .activity-comment:focus { border-color: var(--bd-green); box-shadow: 0 0 0 3px rgba(63, 107, 58, .16); }
html[data-event="buditeli"] .activity-step-btn { background: #fff; border-color: #cdd8c0; color: var(--bd-green-ink); }
html[data-event="buditeli"] .activity-step-value { color: var(--bd-green-ink); }
html[data-event="buditeli"] .activity-repeat { background: #f1f4ea; border-color: var(--bd-green); color: var(--bd-green-ink); }
html[data-event="buditeli"] .activity-clear { color: var(--bd-muted); }

/* ── „Снимка на храненето“ ──────────────────────────────────── */
html[data-event="buditeli"] .photo-box {
  position: relative;
  background: var(--bd-surface);
  border: 1px solid var(--bd-border);
  box-shadow: none;
}
html[data-event="buditeli"] .photo-box::before {
  content: '';
  position: absolute;
  z-index: 1;
  right: 12px;
  top: -20px;
  width: 84px;
  height: 44px;
  background: url('buditeli/book.svg') center / contain no-repeat;
  filter: drop-shadow(0 4px 6px rgba(70, 45, 20, .25));
  transform: rotate(-6deg);
  pointer-events: none;
}
html[data-event="buditeli"] .photo-box .section-label { color: var(--bd-muted); }
html[data-event="buditeli"] .photo-action-btn {
  background: #fbefec;
  border: 1.5px dashed #d9a79f;
  color: var(--bd-red);
}
html[data-event="buditeli"] .photo-action-btn.secondary {
  background: var(--bd-surface-sub);
  border-color: #d3c19f;
  color: var(--bd-muted);
}
html[data-event="buditeli"] .dropzone { border-color: #d3c19f; color: var(--bd-muted); }
html[data-event="buditeli"] .preview-wrap img { border-color: var(--bd-border); }

/* Бутон „Запази“ */
html[data-event="buditeli"] .btn-save { background: var(--bd-red); color: #fff; }
html[data-event="buditeli"] .btn-save:active { background: var(--bd-red-deep); }
html[data-event="buditeli"] .btn-save:disabled { background: var(--bd-border); color: var(--bd-muted); }

/* Празничен надпис в края на екрана, след бутона „Запази“. */
html[data-event="buditeli"] #page-track::after {
  content: 'Честит Ден на народните будители!';
  display: block;
  padding: 14px 8px 4px;
  text-align: center;
  font: italic 400 14px/1.4 'Old Standard TT', Georgia, 'Times New Roman', serif;
  color: var(--bd-muted-2);
  pointer-events: none;
}

/* ── Панел за вода ──────────────────────────────────────────── */
html[data-event="buditeli"] .water-bar {
  background: var(--bd-surface);
  border-top: 1px solid var(--bd-border);
}
html[data-event="buditeli"] .water-icon { fill: var(--bd-green); }
html[data-event="buditeli"] .water-summary { color: var(--bd-green-ink); font-weight: 800; }
html[data-event="buditeli"] .water-progress-wrap::before { background: var(--bd-track); }
html[data-event="buditeli"] .water-progress-bar { background: linear-gradient(90deg, #3f6b3a, #6f9a55); }
html[data-event="buditeli"] .water-dot {
  background: var(--bd-green);
  border-color: var(--bd-surface);
  box-shadow: 0 0 0 1px var(--bd-green-ink);
}
html[data-event="buditeli"] .water-dot.is-active {
  background: var(--bd-green-ink);
  box-shadow: 0 0 0 1px var(--bd-green-ink), 0 0 0 4px rgba(63, 107, 58, .22);
}
html[data-event="buditeli"] .water-time { color: var(--bd-green-ink); }
html[data-event="buditeli"] .water-dot-note {
  background: var(--bd-green-ink);
  color: #fff;
  box-shadow: 0 3px 10px rgba(47, 82, 41, .28);
}
html[data-event="buditeli"] .water-btn {
  background: #f1f4ea;
  border-color: #cdd8c0;
  color: var(--bd-green-ink);
  font-weight: 800;
}
html[data-event="buditeli"] .water-btn:active { background: #e4ebd8; }
@media (hover: hover) {
  html[data-event="buditeli"] .water-btn:hover { background: #e4ebd8; }
}

/* ── Долна навигация ────────────────────────────────────────── */
html[data-event="buditeli"] .bottom-nav {
  background: var(--bd-surface);
  border-top-color: var(--bd-border);
}
html[data-event="buditeli"] .nav-tab { color: var(--bd-faint); }
html[data-event="buditeli"] .nav-tab.active { color: var(--bd-red); }

/* ── Други екрани ───────────────────────────────────────────── */
/* Те получават темата през токените по-горе. Тук са само местата, където
   приложението има твърдо закодиран цвят и токенът не стига. */
html[data-event="buditeli"] .day-header { border-bottom-color: var(--bd-divider); }