/* ════════════════════════════════════════════════════
   МОЛИТВОСЛОВ v3 — blagovist.info
   Кольори точно відповідають сайту:
   Шапка розділів:  #3d1f0a → #4e2a10  (темно-коричневий)
   Посилання:       #8b1c1c            (бордово-червоний)
   Активний таб:    #3d1f0a
   Фон:             #ffffff / #f7f2ec
   Текст:           #222222
   Межі:            #d4b896 / rgba(139,60,20,.2)
   ════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;1,400&family=Playfair+Display:wght@600;700&display=swap');

:root {
  /* ── Головні кольори сайту ── */
  --s-brown:      #3d1f0a;       /* темно-коричневий — шапки розділів */
  --s-brown2:     #4e2a10;       /* коричневий світліший — градієнт */
  --s-brown3:     #5c3318;       /* коричневий ще світліший */
  --s-red:        #8b1c1c;       /* бордово-червоний — посилання, хрести */
  --s-red-hover:  #6a1414;       /* темніший для hover */
  --s-gold:       #b8892a;       /* золотистий акцент */
  --s-gold-lt:    #d4aa55;       /* золотий світліший */

  /* ── Фони ── */
  --s-bg:         #ffffff;       /* основний фон */
  --s-bg-soft:    #f9f5ef;       /* м'який кремовий */
  --s-bg-warm:    #f3ece0;       /* тепліший крем для рядків */
  --s-hover-bg:  rgba(139,60,20,.06); /* підсвічування hover */

  /* ── Межі ── */
  --s-border:     rgba(139,60,20,.18);
  --s-border-mid: rgba(139,60,20,.28);
  --s-border-tab: #d4c4a8;

  /* ── Тіні ── */
  --s-shadow:     rgba(40,15,5,.10);
  --s-shadow-md:  rgba(40,15,5,.18);

  /* ── Текст ── */
  --s-text:       #1a1a1a;
  --s-text-mid:   #3d2010;
  --s-text-muted: #7a5c3e;

  --s-radius:     6px;
  --s-radius-pill: 30px;
}

/* ══════════════════════════════════════
   ОБГОРТКА
══════════════════════════════════════ */
.mlv-wrap {
  font-family: 'EB Garamond', Georgia, 'Times New Roman', serif;
  color: var(--s-text);
  max-width: 940px;
  margin: 0 auto;
  padding: 4px 0 56px;
  background: transparent;
}

/* ══════════════════════════════════════
   ПОШУК
══════════════════════════════════════ */
.mlv-search-bar {
  position: relative;
  margin-bottom: 18px;
}

.mlv-search {
  width: 100%;
  padding: 12px 46px 12px 48px;
  border: 1.5px solid var(--s-border-tab);
  border-radius: var(--s-radius-pill);
  background: var(--s-bg);
  font-family: 'EB Garamond', serif;
  font-size: 17px;
  color: var(--s-text);
  outline: none;
  box-shadow: 0 2px 12px var(--s-shadow);
  transition: border-color .2s, box-shadow .2s;
  box-sizing: border-box;
  letter-spacing: .01em;
}

.mlv-search::placeholder {
  color: var(--s-text-muted);
  font-style: italic;
  font-size: 16px;
}

.mlv-search:focus {
  border-color: var(--s-gold);
  box-shadow: 0 3px 18px rgba(184,137,42,.2);
}

.mlv-search-icon {
  position: absolute;
  left: 17px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 17px;
  pointer-events: none;
  opacity: .45;
  color: var(--s-text-muted);
}

.mlv-clear {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  cursor: pointer;
  color: var(--s-text-muted);
  font-size: 14px;
  padding: 5px;
  display: none;
  line-height: 1;
  opacity: .6;
  transition: color .18s, opacity .18s;
}
.mlv-clear.visible { display: block; }
.mlv-clear:hover   { color: var(--s-red); opacity: 1; }

/* ══════════════════════════════════════
   ВКЛАДКИ
══════════════════════════════════════ */
.mlv-tabs {
  display: flex;
  flex-wrap: nowrap;
  gap: 6px;
  margin-bottom: 20px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none; /* Firefox */
  padding: 2px 30px;
}

.mlv-tabs::-webkit-scrollbar { display: none; }

/* Scroll arrows wrapper for overflowed tabs */
.mlv-tabs-wrap{
  position: relative;
  overflow: visible;
}

.mlv-tabs-arrow{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 26px;
  height: 26px;
  border-radius: 999px;
  border: 1px solid var(--s-border) !important;
  background: var(--s-bg) !important;
  color: var(--s-text-mid) !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 2px 10px var(--s-shadow);
  opacity: .92;
  transition: opacity .18s, border-color .18s, color .18s, transform .18s;
  z-index: 50;
  font-size: 20px;
  line-height: 1;
}

.mlv-tabs-arrow:hover{
  border-color: var(--s-gold);
  color: var(--s-brown);
  opacity: 1;
}

.mlv-tabs-arrow.arr-left{ left: 2px; }
.mlv-tabs-arrow.arr-right{ right: 2px; }

.mlv-tabs-wrap.no-left  .mlv-tabs-arrow.arr-left,
.mlv-tabs-wrap.no-right .mlv-tabs-arrow.arr-right{
  opacity: 0;
  pointer-events: none;
}

.mlv-tab {
  padding: 6px 16px;
  border: 1.5px solid var(--s-border-tab);
  border-radius: var(--s-radius-pill);
  background: var(--s-bg);
  font-family: 'EB Garamond', serif;
  font-size: 15px;
  font-weight: 400;
  color: var(--s-text-mid);
  cursor: pointer;
  transition: background .18s, border-color .18s, color .18s, box-shadow .18s;
  white-space: nowrap;
  line-height: 1.5;
}

.mlv-tab:hover {
  background: var(--s-bg-warm);
  border-color: var(--s-gold);
  color: var(--s-brown);
}

.mlv-tab.active {
  background: var(--s-brown);
  border-color: var(--s-brown);
  color: #fff;
  font-weight: 500;
  box-shadow: 0 2px 8px rgba(61,31,10,.3);
}

/* ══════════════════════════════════════
   РОЗДІЛ
══════════════════════════════════════ */
.mlv-section {
  background: var(--s-bg);
  border: 1px solid var(--s-border);
  border-radius: var(--s-radius);
  margin-bottom: 12px;
  box-shadow: 0 2px 10px var(--s-shadow);
  overflow: hidden;
  transition: box-shadow .2s;
  animation: mlvIn .3s ease both;
}

.mlv-section:hover {
  box-shadow: 0 4px 18px var(--s-shadow-md);
}

.mlv-section.mlv-hidden { display: none; }

@keyframes mlvIn {
  from { opacity: 0; transform: translateY(6px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ── Заголовок розділу ── */
.mlv-sec-head {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 13px 18px;
  background: linear-gradient(95deg,
    #3d1f0a 0%,
    #4a2510 50%,
    #562c14 100%
  );
  border: none;
  cursor: pointer;
  text-align: left;
  transition: filter .18s;
}

.mlv-sec-head:hover {
  filter: brightness(1.1);
}

.mlv-sec-icon {
  font-size: 18px;
  width: 34px;
  height: 34px;
  background: rgba(255,255,255,.1);
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.mlv-sec-title {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 17px;
  font-weight: 600;
  color: #f5e8cc;
  flex: 1;
  line-height: 1.3;
  letter-spacing: .01em;
}

.mlv-sec-count {
  font-family: 'EB Garamond', serif;
  font-size: 12.5px;
  color: rgba(245,232,204,.7);
  background: rgba(255,255,255,.1);
  border: 1px solid rgba(255,255,255,.18);
  border-radius: var(--s-radius-pill);
  padding: 1px 10px;
  min-width: 26px;
  text-align: center;
  white-space: nowrap;
  flex-shrink: 0;
}

.mlv-chevron {
  color: rgba(245,232,204,.8) !important;
  font-size: 13px !important;
  transition: transform .28s cubic-bezier(.4,0,.2,1) !important;
  flex-shrink: 0 !important;
  display: inline-block !important;
  transform: rotate(0deg) !important;
  line-height: 1 !important;
}

.mlv-section.mlv-collapsed .mlv-chevron {
  transform: rotate(-90deg) !important;
}

/* ── Тіло розділу ── */
.mlv-sec-body {
  max-height: 4000px !important;
  overflow: hidden !important;
  transition: max-height .38s cubic-bezier(.4,0,.2,1) !important;
  background: var(--s-bg);
}

.mlv-section.mlv-collapsed .mlv-sec-body {
  max-height: 0 !important;
}

/* ══════════════════════════════════════
   СПИСОК ПОСИЛАНЬ
══════════════════════════════════════ */
.mlv-list {
  list-style: none !important;
  list-style-type: none !important;
  margin: 0;
  padding: 4px 0;
  columns: 2;
  column-gap: 0;
}

.mlv-list li,
.mlv-list li::before,
.mlv-list li::marker {
  list-style: none !important;
  list-style-type: none !important;
}

.mlv-item {
  break-inside: avoid;
  border-bottom: 1px solid rgba(139,60,20,.07);
  list-style: none !important;
  list-style-type: none !important;
  margin: 0;
  padding: 0;
}

.mlv-item.mlv-hidden { display: none; }

.mlv-link {
  display: flex;
  align-items: baseline;
  gap: 9px;
  padding: 9px 20px;
  color: var(--s-text);
  text-decoration: none;
  font-size: 15.5px;
  line-height: 1.45;
  transition: background .15s, color .15s, padding-left .18s;
}

.mlv-link:hover {
  background: var(--s-bg-soft);
  color: var(--s-red-hover);
  padding-left: 26px;
  text-decoration: none;
}

.mlv-cross {
  color: var(--s-red);
  font-size: 10.5px;
  opacity: .5;
  flex-shrink: 0;
  margin-top: 2px;
  transition: opacity .15s;
  line-height: 1;
}

.mlv-link:hover .mlv-cross {
  opacity: 1;
}

/* ══════════════════════════════════════
   НЕ ЗНАЙДЕНО
══════════════════════════════════════ */
.mlv-no-results {
  display: none;
  text-align: center;
  padding: 44px 20px;
  color: var(--s-text-muted);
  font-size: 17px;
  font-style: italic;
  background: var(--s-bg);
  border: 1px solid var(--s-border);
  border-radius: var(--s-radius);
}

/* ══════════════════════════════════════
   АДАПТИВНІСТЬ
══════════════════════════════════════ */
@media (max-width: 680px) {
  .mlv-list         { columns: 1; }
  .mlv-sec-title    { font-size: 15.5px; }
  .mlv-link         { font-size: 15px; padding: 9px 16px; }
  .mlv-tab          { font-size: 13.5px; padding: 5px 13px; }
}

@media (max-width: 440px) {
  .mlv-tabs         { gap: 5px; }
  .mlv-tab          { padding: 5px 10px; font-size: 12.5px; }
  .mlv-sec-head     { padding: 12px 14px; gap: 9px; }
  .mlv-sec-title    { font-size: 14.5px; }
  .mlv-link         { font-size: 14.5px; padding: 8px 14px; }
}


/* ═══════════════════════════════════════════════
   DARK MODE (читабельність на blagovist.info)
   Підхоплює популярні switcher-и:
   - html[data-theme="dark"]
   - body.dark-mode / body.dark
   - .dark-mode / .dark
═══════════════════════════════════════ */
html[data-theme="dark"],
html.dark,
body.dark,
body.dark-mode,
.dark-mode,
.dark {
  /* Фони */
  --s-bg:         #121212;
  --s-bg-soft:    #181818;
  --s-bg-warm:    #1e1e1e;

  /* Текст */
  --s-text:       #f5f5f5;
  --s-text-mid:   #e6e6e6;
  --s-text-muted: #b5b5b5;

  /* Межі/тіні */
  --s-border:     rgba(255,255,255,.08);
  --s-border-mid: rgba(255,255,255,.15);
  --s-border-tab: rgba(255,255,255,.18);
  --s-shadow:     rgba(0,0,0,.60);
  --s-shadow-md:  rgba(0,0,0,.80);

  /* Акценти */
  --s-brown:      #2c1a10;
  --s-brown2:     #3a2214;
  --s-brown3:     #4a2a18;

  --s-red:        #ff6b6b;
  --s-red-hover:  #ff8c8c;

  --s-gold:       #d4af37;
  --s-gold-lt:    #f0c96a;

  --s-hover-bg:  rgba(255,255,255,.06);
}

/* Тема WP часто перебиває колір посилань — фіксуємо для списків */
html[data-theme="dark"] .mlv-wrap a.mlv-link,
html.dark .mlv-wrap a.mlv-link,
body.dark-mode .mlv-wrap a.mlv-link,
body.dark .mlv-wrap a.mlv-link,
.dark-mode .mlv-wrap a.mlv-link,
.dark .mlv-wrap a.mlv-link {
  color: var(--s-text) !important;
}

html[data-theme="dark"] .mlv-wrap a.mlv-link:hover,
html.dark .mlv-wrap a.mlv-link:hover,
body.dark-mode .mlv-wrap a.mlv-link:hover,
body.dark .mlv-wrap a.mlv-link:hover,
.dark-mode .mlv-wrap a.mlv-link:hover,
.dark .mlv-wrap a.mlv-link:hover {
  color: var(--s-gold-lt) !important;
}

/* Таби/фільтри — щоб не були “брудно-сірі” */
html[data-theme="dark"] .mlv-tab,
html.dark .mlv-tab,
body.dark-mode .mlv-tab,
body.dark .mlv-tab,
.dark-mode .mlv-tab,
.dark .mlv-tab {
  background: rgba(255,255,255,.06);
  color: var(--s-text);
  border-color: rgba(255,255,255,.14);
}

html[data-theme="dark"] .mlv-tab.active,
html.dark .mlv-tab.active,
body.dark-mode .mlv-tab.active,
body.dark .mlv-tab.active,
.dark-mode .mlv-tab.active,
.dark .mlv-tab.active {
  background: linear-gradient(180deg, var(--s-brown2), var(--s-brown));
  color: #fff;
  border-color: rgba(240,201,106,.28);
}


/* =====================================================
   Molytvoslov dark theme (synced)
   JS adds .mlv-dark to .mlv-wrap when site is in dark mode
===================================================== */
.mlv-wrap.mlv-dark{
  --s-bg:         #121212;
  --s-bg-soft:    #171717;
  --s-bg-warm:    #1d1d1d;

  --s-text:       #f2ede6;
  --s-text-mid:   #e7d6c2;
  --s-text-muted: #bca489;

  --s-border:     rgba(255,255,255,.10);
  --s-border-mid: rgba(255,255,255,.16);
  --s-border-tab: rgba(255,255,255,.20);

  --s-shadow:     rgba(0,0,0,.55);
  --s-shadow-md:  rgba(0,0,0,.80);

  --s-brown:      #2a1508;
  --s-brown2:     #3a1f0b;
  --s-brown3:     #4a2a12;

  --s-red:        #ff7a7a;
  --s-red-hover:  #ff9a9a;

  --s-gold:       #d4aa55;
  --s-gold-lt:    #f0c96a;
}

/* Links inside the list: readable in dark mode */
.mlv-wrap.mlv-dark .mlv-link{
  color: var(--s-text) !important;
}
.mlv-wrap.mlv-dark .mlv-link:hover{
  color: var(--s-gold-lt) !important;
}

/* Search placeholder visibility */
.mlv-wrap.mlv-dark .mlv-search::placeholder{
  color: var(--s-text-muted);
  opacity: .85;
}

/* Tabs in dark mode */
.mlv-wrap.mlv-dark .mlv-tab{
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.18);
  color: var(--s-text);
}
.mlv-wrap.mlv-dark .mlv-tab.active{
  background: rgba(212,170,85,.18);
  border-color: rgba(240,201,106,.35);
  color: var(--s-text);
}


/* ══════════════════════════════════════
   Молитва дня + Що читати сьогодні + Закладки
══════════════════════════════════════ */
.mlv-pod{
  background: linear-gradient(135deg, #c0392b 0%, #7a1a0d 100%);
  border-radius: var(--s-radius);
  margin: 6px 0 12px;
  padding: 14px 18px;
  box-shadow: 0 4px 14px rgba(158,42,26,.25);
}
.mlv-pod-inner{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.mlv-pod-label{
  color: rgba(255,255,255,.85);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  white-space: nowrap;
}
.mlv-pod-link{
  color:#fff;
  font-size:15px;
  font-weight:600;
  text-decoration:none;
  flex:1;
  min-width:0;
  border-bottom:1px solid rgba(255,255,255,.30);
  padding-bottom:1px;
}
.mlv-pod-link:hover{ border-color:#fff; }
.mlv-pod-date{ color:rgba(255,255,255,.72); font-size:12px; white-space:nowrap; }

.mlv-topbar{ display:flex; gap:8px; margin: 0 0 14px; flex-wrap:wrap; }
.mlv-topbar-btn{
  display:inline-flex;
  align-items:center;
  gap:6px;
  background: var(--s-bg-soft);
  border: 1.5px solid var(--s-border-tab);
  border-radius: var(--s-radius-pill);
  padding: 7px 16px;
  font-size: 13.5px;
  color: var(--s-text-muted);
  cursor: pointer;
  font-family: inherit;
  transition: all .18s;
  font-weight: 600;
}
.mlv-topbar-btn:hover{
  background: rgba(139,28,28,.08);
  border-color: rgba(139,28,28,.25);
  color: var(--s-red);
}
.mlv-topbar-btn.is-active{
  background: var(--s-red);
  border-color: var(--s-red);
  color: #fff;
}
.mlv-bm-count{
  background: var(--s-red);
  color:#fff;
  font-size: 11px;
  font-weight: 700;
  border-radius: 10px;
  padding: 1px 6px;
  min-width: 18px;
  text-align:center;
}
.mlv-topbar-btn.is-active .mlv-bm-count{ background: rgba(255,255,255,.28); }

.mlv-panel{
  background: var(--s-bg);
  border: 1.5px solid rgba(139,28,28,.25);
  border-radius: var(--s-radius);
  margin-bottom: 14px;
  box-shadow: 0 4px 18px rgba(158,42,26,.10);
  overflow:hidden;
}
.mlv-panel-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding: 12px 18px;
  background: rgba(139,28,28,.08);
  border-bottom: 1px solid rgba(139,28,28,.18);
  font-size: 14px;
  font-weight: 700;
  color: var(--s-red);
}
.mlv-panel-close{
  background: none;
  border: none;
  cursor: pointer;
  color: rgba(139,28,28,.65);
  font-size: 16px;
  padding: 2px 6px;
  border-radius: 6px;
  line-height: 1;
}
.mlv-panel-close:hover{ color: var(--s-red); background: rgba(139,28,28,.08); }
.mlv-panel-body{ padding: 14px 18px; }

.mlv-today-block + .mlv-today-block{ margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--s-border); }
.mlv-today-ttl{ font-weight: 700; color: var(--s-text-mid); margin-bottom: 6px; }
.mlv-today-links{ list-style:none; padding:0; margin:0; }
.mlv-today-links li{ border-bottom: 1px solid var(--s-border); }
.mlv-today-links li:last-child{ border-bottom:none; }
.mlv-today-links a{
  display:block;
  padding: 8px 10px;
  color: var(--s-red);
  text-decoration:none;
  border-radius: 6px;
  transition: background-color .15s, color .15s;
}
.mlv-today-links a:hover{
  background: var(--s-hover-bg);
  color: var(--s-red-hover);
  text-decoration: underline;
}

/* ── Закладки: список ── */
.mlv-bm-empty{ color: var(--s-text-muted); font-size:14px; font-style:italic; text-align:center; padding:12px 0; }
.mlv-bm-list{ list-style:none; padding:0; margin:0; }
.mlv-bm-list li{
  display:flex;
  align-items:center;
  gap:8px;
  padding: 7px 0;
  border-bottom: 1px solid var(--s-border);
}
.mlv-bm-list li:last-child{ border-bottom:none; }
.mlv-bm-list li a{ flex:1; color: var(--s-red); text-decoration:none; font-size:14.5px; }
.mlv-bm-list li a:hover{ color: var(--s-red-hover); text-decoration:underline; }
.mlv-bm-remove{
  background:none;
  border:none;
  cursor:pointer;
  color:#bbb;
  font-size:16px;
  padding:2px 4px;
  border-radius:4px;
  line-height:1;
}
.mlv-bm-remove:hover{ color: var(--s-red); }

/* ── Кнопка закладки біля посилань ── */
.mlv-item{ display:flex; align-items:stretch; }
.mlv-link{ flex:1; }
.mlv-bm-add{
  background:none;
  border:none;
  cursor:pointer;
  font-size: 13px;
  padding: 0 10px;
  opacity: 0;
  transition: opacity .15s, transform .15s;
  border-radius: 6px;
  line-height: 1;
  color: rgba(139,28,28,.55);
}
.mlv-item:hover .mlv-bm-add,
.mlv-bm-add.is-saved{ opacity: 1; }
.mlv-bm-add.is-saved{ color: var(--s-red); }
.mlv-bm-add:hover{ opacity: 1; transform: scale(1.06); color: var(--s-red); }

@media (max-width: 640px){
  .mlv-pod{ padding: 12px 14px; }
  .mlv-pod-link{ font-size: 14px; }
  .mlv-topbar-btn{ font-size: 13px; padding: 6px 13px; }
  .mlv-panel-body{ padding: 14px 15px; }
  .mlv-bm-add{ opacity: 1; }
}


/* === v2: Header ("Молитва дня") contrast fix — LIGHT mode only === */
.mlv-wrap:not(.mlv-dark) .mlv-pod{
  background: #8B1E1E !important;
}
.mlv-wrap:not(.mlv-dark) .mlv-pod,
.mlv-wrap:not(.mlv-dark) .mlv-pod *{
  color: #FFFFFF !important;
}
.mlv-wrap:not(.mlv-dark) .mlv-pod-link{
  border-bottom-color: rgba(255,255,255,.35) !important;
}
.mlv-wrap:not(.mlv-dark) .mlv-pod-label{
  color: rgba(255,255,255,.92) !important;
}
.mlv-wrap:not(.mlv-dark) .mlv-pod-date{
  color: rgba(255,255,255,.78) !important;
}


/* =========================================================
   v5 — Top buttons (📅 Today / 🔖 Bookmarks) + panels restyle
   Goal: match brown section headers, avoid "too red" look
   ========================================================= */

/* Inactive buttons: soft beige + warm border — LIGHT mode only */
.mlv-wrap:not(.mlv-dark) .mlv-topbar-btn,
.mlv-wrap:not(.mlv-dark) #mlvTodayBtn,
.mlv-wrap:not(.mlv-dark) #mlvBmBtn{
  background: #F4ECE6 !important;
  color: #5A2D16 !important;
  border: 1.5px solid #E3D6CC !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05) !important;
}

/* Hover — LIGHT mode only */
.mlv-wrap:not(.mlv-dark) .mlv-topbar-btn:hover,
.mlv-wrap:not(.mlv-dark) #mlvTodayBtn:hover,
.mlv-wrap:not(.mlv-dark) #mlvBmBtn:hover{
  background: #EADDD2 !important;
  border-color: rgba(90,45,22,.35) !important;
  color: #5A2D16 !important;
}

/* Active buttons — LIGHT mode only */
.mlv-wrap:not(.mlv-dark) #mlvTodayBtn.is-active,
.mlv-wrap:not(.mlv-dark) #mlvBmBtn.is-active{
  background: linear-gradient(180deg, #6B341C, #4A2413) !important;
  border-color: rgba(240,201,106,.40) !important;
  color: #FFFFFF !important;
  box-shadow: 0 6px 18px rgba(0,0,0,0.14) !important;
}

/* Active hover — LIGHT mode only */
.mlv-wrap:not(.mlv-dark) #mlvTodayBtn.is-active:hover,
.mlv-wrap:not(.mlv-dark) #mlvBmBtn.is-active:hover{
  background: linear-gradient(180deg, #7A3E22, #5A2D16) !important;
}

/* Icons inside active buttons — LIGHT mode only */
.mlv-wrap:not(.mlv-dark) #mlvTodayBtn.is-active,
.mlv-wrap:not(.mlv-dark) #mlvBmBtn.is-active{
  text-shadow: 0 1px 0 rgba(0,0,0,.25) !important;
}

/* Bookmarks counter — LIGHT mode only */
.mlv-wrap:not(.mlv-dark) .mlv-bm-count{
  background: rgba(90,45,22,.16) !important;
  color: #5A2D16 !important;
  border: 1px solid rgba(90,45,22,.18) !important;
}
.mlv-wrap:not(.mlv-dark) #mlvBmBtn.is-active .mlv-bm-count{
  background: rgba(255,255,255,.26) !important;
  color: #FFFFFF !important;
  border-color: rgba(255,255,255,.28) !important;
}

/* Panels: warmer border + softer shadow — LIGHT mode only */
.mlv-wrap:not(.mlv-dark) .mlv-panel{
  border: 1.5px solid rgba(90,45,22,.25) !important;
  box-shadow: 0 6px 22px rgba(0,0,0,0.08) !important;
  background: #FFFFFF !important;
}

/* Panel head: brown gradient like sections — LIGHT mode only */
.mlv-wrap:not(.mlv-dark) #mlvTodayPanel .mlv-panel-head,
.mlv-wrap:not(.mlv-dark) #mlvBmPanel .mlv-panel-head{
  background: linear-gradient(180deg, #6B341C, #4A2413) !important;
  color: #FFFFFF !important;
  border-bottom: 1px solid rgba(240,201,106,.30) !important;
}

/* Close button in panel head — LIGHT mode only */
.mlv-wrap:not(.mlv-dark) #mlvTodayPanel .mlv-panel-close,
.mlv-wrap:not(.mlv-dark) #mlvBmPanel .mlv-panel-close{
  color: rgba(255,255,255,.92) !important;
  border: 1px solid rgba(255,255,255,.20) !important;
  background: rgba(255,255,255,.06) !important;
}
.mlv-wrap:not(.mlv-dark) #mlvTodayPanel .mlv-panel-close:hover,
.mlv-wrap:not(.mlv-dark) #mlvBmPanel .mlv-panel-close:hover{
  background: rgba(255,255,255,.14) !important;
  border-color: rgba(255,255,255,.32) !important;
  color: #FFFFFF !important;
}

/* Panel body: slightly warm — LIGHT mode only */
.mlv-wrap:not(.mlv-dark) #mlvTodayPanel .mlv-panel-body,
.mlv-wrap:not(.mlv-dark) #mlvBmPanel .mlv-panel-body{
  background: #FFFDFB !important;
}

/* Bookmarks empty state — LIGHT mode only */
.mlv-wrap:not(.mlv-dark) .mlv-bm-empty{
  color: #8C3B2A !important;
  opacity: .85 !important;
  font-style: italic !important;
}

/* Bookmarks list remove button — LIGHT mode only */
.mlv-wrap:not(.mlv-dark) .mlv-bm-remove:hover{
  color: #8C3B2A !important;
}



/* ══════════════════════════════════════
   DARK MODE — Молитва дня / Топбар / Панелі
══════════════════════════════════════ */

/* "Молитва дня" — темний фон, зберігаємо читабельність */
.mlv-wrap.mlv-dark .mlv-pod {
  background: #1e0a0a !important;
  box-shadow: 0 4px 18px rgba(0,0,0,.55) !important;
}
.mlv-wrap.mlv-dark .mlv-pod,
.mlv-wrap.mlv-dark .mlv-pod * {
  color: #f2d9c0 !important;
}
.mlv-wrap.mlv-dark .mlv-pod-link {
  color: #fbe8cc !important;
  border-bottom-color: rgba(242,217,192,.35) !important;
}
.mlv-wrap.mlv-dark .mlv-pod-link:hover {
  border-bottom-color: #fbe8cc !important;
}
.mlv-wrap.mlv-dark .mlv-pod-label {
  color: rgba(242,217,192,.85) !important;
}
.mlv-wrap.mlv-dark .mlv-pod-date {
  color: rgba(242,217,192,.65) !important;
}

/* Кнопки топбару — неактивні */
.mlv-wrap.mlv-dark .mlv-topbar-btn,
.mlv-wrap.mlv-dark #mlvTodayBtn,
.mlv-wrap.mlv-dark #mlvBmBtn {
  background: rgba(255,255,255,.07) !important;
  color: var(--s-text) !important;
  border: 1.5px solid rgba(255,255,255,.16) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.35) !important;
}
.mlv-wrap.mlv-dark .mlv-topbar-btn:hover,
.mlv-wrap.mlv-dark #mlvTodayBtn:hover,
.mlv-wrap.mlv-dark #mlvBmBtn:hover {
  background: rgba(255,255,255,.12) !important;
  border-color: rgba(212,170,85,.40) !important;
  color: var(--s-gold-lt) !important;
}

/* Кнопки топбару — активні */
.mlv-wrap.mlv-dark #mlvTodayBtn.is-active,
.mlv-wrap.mlv-dark #mlvBmBtn.is-active {
  background: linear-gradient(180deg, #3a1f0b, #2a1508) !important;
  border-color: rgba(212,170,85,.45) !important;
  color: #f0c96a !important;
  box-shadow: 0 4px 16px rgba(0,0,0,.55) !important;
}
.mlv-wrap.mlv-dark #mlvTodayBtn.is-active:hover,
.mlv-wrap.mlv-dark #mlvBmBtn.is-active:hover {
  background: linear-gradient(180deg, #4a2a12, #3a1f0b) !important;
}

/* Лічильник закладок */
.mlv-wrap.mlv-dark .mlv-bm-count {
  background: rgba(240,201,106,.15) !important;
  color: var(--s-gold-lt) !important;
  border: 1px solid rgba(240,201,106,.25) !important;
}
.mlv-wrap.mlv-dark #mlvBmBtn.is-active .mlv-bm-count {
  background: rgba(255,255,255,.18) !important;
  color: #fff !important;
  border-color: rgba(255,255,255,.28) !important;
}

/* Панелі (Today / Bookmarks) */
.mlv-wrap.mlv-dark .mlv-panel {
  background: #161616 !important;
  border: 1.5px solid rgba(212,170,85,.22) !important;
  box-shadow: 0 6px 28px rgba(0,0,0,.65) !important;
}
.mlv-wrap.mlv-dark #mlvTodayPanel .mlv-panel-head,
.mlv-wrap.mlv-dark #mlvBmPanel .mlv-panel-head {
  background: linear-gradient(180deg, #3a1f0b, #2a1508) !important;
  color: #f0c96a !important;
  border-bottom: 1px solid rgba(212,170,85,.30) !important;
}
.mlv-wrap.mlv-dark #mlvTodayPanel .mlv-panel-close,
.mlv-wrap.mlv-dark #mlvBmPanel .mlv-panel-close {
  color: rgba(240,201,106,.85) !important;
  border: 1px solid rgba(240,201,106,.22) !important;
  background: rgba(255,255,255,.05) !important;
}
.mlv-wrap.mlv-dark #mlvTodayPanel .mlv-panel-close:hover,
.mlv-wrap.mlv-dark #mlvBmPanel .mlv-panel-close:hover {
  background: rgba(255,255,255,.12) !important;
  border-color: rgba(240,201,106,.45) !important;
  color: #f0c96a !important;
}
.mlv-wrap.mlv-dark #mlvTodayPanel .mlv-panel-body,
.mlv-wrap.mlv-dark #mlvBmPanel .mlv-panel-body,
#mlvWrap.mlv-dark #mlvTodayPanel .mlv-panel-body,
#mlvWrap.mlv-dark #mlvBmPanel .mlv-panel-body {
  background: #161616 !important;
}

/* Блоки "сьогодні" всередині панелі */
.mlv-wrap.mlv-dark .mlv-today-ttl {
  color: var(--s-text) !important;
}
.mlv-wrap.mlv-dark .mlv-today-links a {
  color: var(--s-gold-lt) !important;
}
.mlv-wrap.mlv-dark .mlv-today-links a:hover {
  color: #fff !important;
  background: rgba(255,255,255,.06) !important;
}

/* Закладки */
.mlv-wrap.mlv-dark .mlv-bm-empty {
  color: var(--s-text-muted) !important;
  opacity: 1 !important;
}
.mlv-wrap.mlv-dark .mlv-bm-list li a {
  color: var(--s-gold-lt) !important;
}
.mlv-wrap.mlv-dark .mlv-bm-list li a:hover {
  color: #fff !important;
}
.mlv-wrap.mlv-dark .mlv-bm-remove {
  color: rgba(255,255,255,.35) !important;
}
.mlv-wrap.mlv-dark .mlv-bm-remove:hover {
  color: var(--s-red) !important;
}

/* Кнопка "додати закладку" біля рядків */
.mlv-wrap.mlv-dark .mlv-bm-add {
  color: rgba(240,201,106,.5) !important;
}
.mlv-wrap.mlv-dark .mlv-bm-add.is-saved,
.mlv-wrap.mlv-dark .mlv-bm-add:hover {
  color: var(--s-gold-lt) !important;
}

/* prefers-color-scheme dark removed — unreliable fallback */
}


/* ══════════════════════════════════════
   DARK MODE via site-level class/attr (no mlv-dark needed)
   Works even if JS hasn't run yet
══════════════════════════════════════ */

html[data-theme="dark"],
html.dark,
html.dark-mode,
html.darkmode,
html.night-mode,
html.wp-dark-mode-active,
body[data-theme="dark"],
body.dark,
body.dark-mode,
body.darkmode,
body.night-mode,
body.wp-dark-mode-active {
  /* Panel background */
}

html[data-theme="dark"] .mlv-wrap .mlv-panel,
html.dark .mlv-wrap .mlv-panel,
html.dark-mode .mlv-wrap .mlv-panel,
html.darkmode .mlv-wrap .mlv-panel,
html.night-mode .mlv-wrap .mlv-panel,
html.wp-dark-mode-active .mlv-wrap .mlv-panel,
body[data-theme="dark"] .mlv-wrap .mlv-panel,
body.dark .mlv-wrap .mlv-panel,
body.dark-mode .mlv-wrap .mlv-panel,
body.darkmode .mlv-wrap .mlv-panel,
body.night-mode .mlv-wrap .mlv-panel,
body.wp-dark-mode-active .mlv-wrap .mlv-panel {
  background: #161616 !important;
  border: 1.5px solid rgba(212,170,85,.22) !important;
  box-shadow: 0 6px 28px rgba(0,0,0,.65) !important;
}

html[data-theme="dark"] .mlv-wrap #mlvTodayPanel .mlv-panel-head,
html.dark .mlv-wrap #mlvTodayPanel .mlv-panel-head,
html.dark-mode .mlv-wrap #mlvTodayPanel .mlv-panel-head,
html.darkmode .mlv-wrap #mlvTodayPanel .mlv-panel-head,
html.night-mode .mlv-wrap #mlvTodayPanel .mlv-panel-head,
html.wp-dark-mode-active .mlv-wrap #mlvTodayPanel .mlv-panel-head,
body[data-theme="dark"] .mlv-wrap #mlvTodayPanel .mlv-panel-head,
body.dark .mlv-wrap #mlvTodayPanel .mlv-panel-head,
body.dark-mode .mlv-wrap #mlvTodayPanel .mlv-panel-head,
body.darkmode .mlv-wrap #mlvTodayPanel .mlv-panel-head,
body.night-mode .mlv-wrap #mlvTodayPanel .mlv-panel-head,
body.wp-dark-mode-active .mlv-wrap #mlvTodayPanel .mlv-panel-head,
html[data-theme="dark"] .mlv-wrap #mlvBmPanel .mlv-panel-head,
html.dark .mlv-wrap #mlvBmPanel .mlv-panel-head,
html.dark-mode .mlv-wrap #mlvBmPanel .mlv-panel-head,
html.darkmode .mlv-wrap #mlvBmPanel .mlv-panel-head,
html.night-mode .mlv-wrap #mlvBmPanel .mlv-panel-head,
html.wp-dark-mode-active .mlv-wrap #mlvBmPanel .mlv-panel-head,
body[data-theme="dark"] .mlv-wrap #mlvBmPanel .mlv-panel-head,
body.dark .mlv-wrap #mlvBmPanel .mlv-panel-head,
body.dark-mode .mlv-wrap #mlvBmPanel .mlv-panel-head,
body.darkmode .mlv-wrap #mlvBmPanel .mlv-panel-head,
body.night-mode .mlv-wrap #mlvBmPanel .mlv-panel-head,
body.wp-dark-mode-active .mlv-wrap #mlvBmPanel .mlv-panel-head {
  background: linear-gradient(180deg, #3a1f0b, #2a1508) !important;
  color: #f0c96a !important;
  border-bottom: 1px solid rgba(212,170,85,.30) !important;
}

html[data-theme="dark"] .mlv-wrap #mlvTodayPanel .mlv-panel-close,
html.dark .mlv-wrap #mlvTodayPanel .mlv-panel-close,
html.dark-mode .mlv-wrap #mlvTodayPanel .mlv-panel-close,
html.darkmode .mlv-wrap #mlvTodayPanel .mlv-panel-close,
html.night-mode .mlv-wrap #mlvTodayPanel .mlv-panel-close,
html.wp-dark-mode-active .mlv-wrap #mlvTodayPanel .mlv-panel-close,
body[data-theme="dark"] .mlv-wrap #mlvTodayPanel .mlv-panel-close,
body.dark .mlv-wrap #mlvTodayPanel .mlv-panel-close,
body.dark-mode .mlv-wrap #mlvTodayPanel .mlv-panel-close,
body.darkmode .mlv-wrap #mlvTodayPanel .mlv-panel-close,
body.night-mode .mlv-wrap #mlvTodayPanel .mlv-panel-close,
body.wp-dark-mode-active .mlv-wrap #mlvTodayPanel .mlv-panel-close,
html[data-theme="dark"] .mlv-wrap #mlvBmPanel .mlv-panel-close,
html.dark .mlv-wrap #mlvBmPanel .mlv-panel-close,
html.dark-mode .mlv-wrap #mlvBmPanel .mlv-panel-close,
html.darkmode .mlv-wrap #mlvBmPanel .mlv-panel-close,
html.night-mode .mlv-wrap #mlvBmPanel .mlv-panel-close,
html.wp-dark-mode-active .mlv-wrap #mlvBmPanel .mlv-panel-close,
body[data-theme="dark"] .mlv-wrap #mlvBmPanel .mlv-panel-close,
body.dark .mlv-wrap #mlvBmPanel .mlv-panel-close,
body.dark-mode .mlv-wrap #mlvBmPanel .mlv-panel-close,
body.darkmode .mlv-wrap #mlvBmPanel .mlv-panel-close,
body.night-mode .mlv-wrap #mlvBmPanel .mlv-panel-close,
body.wp-dark-mode-active .mlv-wrap #mlvBmPanel .mlv-panel-close {
  color: rgba(240,201,106,.85) !important;
  border: 1px solid rgba(240,201,106,.22) !important;
  background: rgba(255,255,255,.05) !important;
}

html[data-theme="dark"] .mlv-wrap #mlvTodayPanel .mlv-panel-body,
html.dark .mlv-wrap #mlvTodayPanel .mlv-panel-body,
html.dark-mode .mlv-wrap #mlvTodayPanel .mlv-panel-body,
html.darkmode .mlv-wrap #mlvTodayPanel .mlv-panel-body,
html.night-mode .mlv-wrap #mlvTodayPanel .mlv-panel-body,
html.wp-dark-mode-active .mlv-wrap #mlvTodayPanel .mlv-panel-body,
body[data-theme="dark"] .mlv-wrap #mlvTodayPanel .mlv-panel-body,
body.dark .mlv-wrap #mlvTodayPanel .mlv-panel-body,
body.dark-mode .mlv-wrap #mlvTodayPanel .mlv-panel-body,
body.darkmode .mlv-wrap #mlvTodayPanel .mlv-panel-body,
body.night-mode .mlv-wrap #mlvTodayPanel .mlv-panel-body,
body.wp-dark-mode-active .mlv-wrap #mlvTodayPanel .mlv-panel-body,
html[data-theme="dark"] .mlv-wrap #mlvBmPanel .mlv-panel-body,
html.dark .mlv-wrap #mlvBmPanel .mlv-panel-body,
html.dark-mode .mlv-wrap #mlvBmPanel .mlv-panel-body,
html.darkmode .mlv-wrap #mlvBmPanel .mlv-panel-body,
html.night-mode .mlv-wrap #mlvBmPanel .mlv-panel-body,
html.wp-dark-mode-active .mlv-wrap #mlvBmPanel .mlv-panel-body,
body[data-theme="dark"] .mlv-wrap #mlvBmPanel .mlv-panel-body,
body.dark .mlv-wrap #mlvBmPanel .mlv-panel-body,
body.dark-mode .mlv-wrap #mlvBmPanel .mlv-panel-body,
body.darkmode .mlv-wrap #mlvBmPanel .mlv-panel-body,
body.night-mode .mlv-wrap #mlvBmPanel .mlv-panel-body,
body.wp-dark-mode-active .mlv-wrap #mlvBmPanel .mlv-panel-body {
  background: #161616 !important;
}

html[data-theme="dark"] .mlv-wrap .mlv-bm-empty,
html.dark .mlv-wrap .mlv-bm-empty,
html.dark-mode .mlv-wrap .mlv-bm-empty,
html.darkmode .mlv-wrap .mlv-bm-empty,
html.night-mode .mlv-wrap .mlv-bm-empty,
html.wp-dark-mode-active .mlv-wrap .mlv-bm-empty,
body[data-theme="dark"] .mlv-wrap .mlv-bm-empty,
body.dark .mlv-wrap .mlv-bm-empty,
body.dark-mode .mlv-wrap .mlv-bm-empty,
body.darkmode .mlv-wrap .mlv-bm-empty,
body.night-mode .mlv-wrap .mlv-bm-empty,
body.wp-dark-mode-active .mlv-wrap .mlv-bm-empty {
  color: #bca489 !important;
  opacity: 1 !important;
}

html[data-theme="dark"] .mlv-wrap .mlv-bm-list li a,
html.dark .mlv-wrap .mlv-bm-list li a,
html.dark-mode .mlv-wrap .mlv-bm-list li a,
html.darkmode .mlv-wrap .mlv-bm-list li a,
html.night-mode .mlv-wrap .mlv-bm-list li a,
html.wp-dark-mode-active .mlv-wrap .mlv-bm-list li a,
body[data-theme="dark"] .mlv-wrap .mlv-bm-list li a,
body.dark .mlv-wrap .mlv-bm-list li a,
body.dark-mode .mlv-wrap .mlv-bm-list li a,
body.darkmode .mlv-wrap .mlv-bm-list li a,
body.night-mode .mlv-wrap .mlv-bm-list li a,
body.wp-dark-mode-active .mlv-wrap .mlv-bm-list li a {
  color: #f0c96a !important;
}

html[data-theme="dark"] .mlv-wrap .mlv-bm-list li a:hover,
html.dark .mlv-wrap .mlv-bm-list li a:hover,
html.dark-mode .mlv-wrap .mlv-bm-list li a:hover,
html.darkmode .mlv-wrap .mlv-bm-list li a:hover,
html.night-mode .mlv-wrap .mlv-bm-list li a:hover,
html.wp-dark-mode-active .mlv-wrap .mlv-bm-list li a:hover,
body[data-theme="dark"] .mlv-wrap .mlv-bm-list li a:hover,
body.dark .mlv-wrap .mlv-bm-list li a:hover,
body.dark-mode .mlv-wrap .mlv-bm-list li a:hover,
body.darkmode .mlv-wrap .mlv-bm-list li a:hover,
body.night-mode .mlv-wrap .mlv-bm-list li a:hover,
body.wp-dark-mode-active .mlv-wrap .mlv-bm-list li a:hover {
  color: #fff !important;
}

html[data-theme="dark"] .mlv-wrap .mlv-today-ttl,
html.dark .mlv-wrap .mlv-today-ttl,
html.dark-mode .mlv-wrap .mlv-today-ttl,
html.darkmode .mlv-wrap .mlv-today-ttl,
html.night-mode .mlv-wrap .mlv-today-ttl,
html.wp-dark-mode-active .mlv-wrap .mlv-today-ttl,
body[data-theme="dark"] .mlv-wrap .mlv-today-ttl,
body.dark .mlv-wrap .mlv-today-ttl,
body.dark-mode .mlv-wrap .mlv-today-ttl,
body.darkmode .mlv-wrap .mlv-today-ttl,
body.night-mode .mlv-wrap .mlv-today-ttl,
body.wp-dark-mode-active .mlv-wrap .mlv-today-ttl {
  color: #f2ede6 !important;
}

html[data-theme="dark"] .mlv-wrap .mlv-today-links a,
html.dark .mlv-wrap .mlv-today-links a,
html.dark-mode .mlv-wrap .mlv-today-links a,
html.darkmode .mlv-wrap .mlv-today-links a,
html.night-mode .mlv-wrap .mlv-today-links a,
html.wp-dark-mode-active .mlv-wrap .mlv-today-links a,
body[data-theme="dark"] .mlv-wrap .mlv-today-links a,
body.dark .mlv-wrap .mlv-today-links a,
body.dark-mode .mlv-wrap .mlv-today-links a,
body.darkmode .mlv-wrap .mlv-today-links a,
body.night-mode .mlv-wrap .mlv-today-links a,
body.wp-dark-mode-active .mlv-wrap .mlv-today-links a {
  color: #f0c96a !important;
}

html[data-theme="dark"] .mlv-wrap .mlv-topbar-btn,
html.dark .mlv-wrap .mlv-topbar-btn,
html.dark-mode .mlv-wrap .mlv-topbar-btn,
html.darkmode .mlv-wrap .mlv-topbar-btn,
html.night-mode .mlv-wrap .mlv-topbar-btn,
html.wp-dark-mode-active .mlv-wrap .mlv-topbar-btn,
body[data-theme="dark"] .mlv-wrap .mlv-topbar-btn,
body.dark .mlv-wrap .mlv-topbar-btn,
body.dark-mode .mlv-wrap .mlv-topbar-btn,
body.darkmode .mlv-wrap .mlv-topbar-btn,
body.night-mode .mlv-wrap .mlv-topbar-btn,
body.wp-dark-mode-active .mlv-wrap .mlv-topbar-btn,
html[data-theme="dark"] .mlv-wrap #mlvTodayBtn,
html.dark .mlv-wrap #mlvTodayBtn,
html.dark-mode .mlv-wrap #mlvTodayBtn,
html.darkmode .mlv-wrap #mlvTodayBtn,
html.night-mode .mlv-wrap #mlvTodayBtn,
html.wp-dark-mode-active .mlv-wrap #mlvTodayBtn,
body[data-theme="dark"] .mlv-wrap #mlvTodayBtn,
body.dark .mlv-wrap #mlvTodayBtn,
body.dark-mode .mlv-wrap #mlvTodayBtn,
body.darkmode .mlv-wrap #mlvTodayBtn,
body.night-mode .mlv-wrap #mlvTodayBtn,
body.wp-dark-mode-active .mlv-wrap #mlvTodayBtn,
html[data-theme="dark"] .mlv-wrap #mlvBmBtn,
html.dark .mlv-wrap #mlvBmBtn,
html.dark-mode .mlv-wrap #mlvBmBtn,
html.darkmode .mlv-wrap #mlvBmBtn,
html.night-mode .mlv-wrap #mlvBmBtn,
html.wp-dark-mode-active .mlv-wrap #mlvBmBtn,
body[data-theme="dark"] .mlv-wrap #mlvBmBtn,
body.dark .mlv-wrap #mlvBmBtn,
body.dark-mode .mlv-wrap #mlvBmBtn,
body.darkmode .mlv-wrap #mlvBmBtn,
body.night-mode .mlv-wrap #mlvBmBtn,
body.wp-dark-mode-active .mlv-wrap #mlvBmBtn {
  background: rgba(255,255,255,.07) !important;
  color: #f2ede6 !important;
  border: 1.5px solid rgba(255,255,255,.16) !important;
}

html[data-theme="dark"] .mlv-wrap #mlvTodayBtn.is-active,
html.dark .mlv-wrap #mlvTodayBtn.is-active,
html.dark-mode .mlv-wrap #mlvTodayBtn.is-active,
html.darkmode .mlv-wrap #mlvTodayBtn.is-active,
html.night-mode .mlv-wrap #mlvTodayBtn.is-active,
html.wp-dark-mode-active .mlv-wrap #mlvTodayBtn.is-active,
body[data-theme="dark"] .mlv-wrap #mlvTodayBtn.is-active,
body.dark .mlv-wrap #mlvTodayBtn.is-active,
body.dark-mode .mlv-wrap #mlvTodayBtn.is-active,
body.darkmode .mlv-wrap #mlvTodayBtn.is-active,
body.night-mode .mlv-wrap #mlvTodayBtn.is-active,
body.wp-dark-mode-active .mlv-wrap #mlvTodayBtn.is-active,
html[data-theme="dark"] .mlv-wrap #mlvBmBtn.is-active,
html.dark .mlv-wrap #mlvBmBtn.is-active,
html.dark-mode .mlv-wrap #mlvBmBtn.is-active,
html.darkmode .mlv-wrap #mlvBmBtn.is-active,
html.night-mode .mlv-wrap #mlvBmBtn.is-active,
html.wp-dark-mode-active .mlv-wrap #mlvBmBtn.is-active,
body[data-theme="dark"] .mlv-wrap #mlvBmBtn.is-active,
body.dark .mlv-wrap #mlvBmBtn.is-active,
body.dark-mode .mlv-wrap #mlvBmBtn.is-active,
body.darkmode .mlv-wrap #mlvBmBtn.is-active,
body.night-mode .mlv-wrap #mlvBmBtn.is-active,
body.wp-dark-mode-active .mlv-wrap #mlvBmBtn.is-active {
  background: linear-gradient(180deg, #3a1f0b, #2a1508) !important;
  border-color: rgba(212,170,85,.45) !important;
  color: #f0c96a !important;
}

html[data-theme="dark"] .mlv-wrap .mlv-pod,
html.dark .mlv-wrap .mlv-pod,
html.dark-mode .mlv-wrap .mlv-pod,
html.darkmode .mlv-wrap .mlv-pod,
html.night-mode .mlv-wrap .mlv-pod,
html.wp-dark-mode-active .mlv-wrap .mlv-pod,
body[data-theme="dark"] .mlv-wrap .mlv-pod,
body.dark .mlv-wrap .mlv-pod,
body.dark-mode .mlv-wrap .mlv-pod,
body.darkmode .mlv-wrap .mlv-pod,
body.night-mode .mlv-wrap .mlv-pod,
body.wp-dark-mode-active .mlv-wrap .mlv-pod {
  background: #1e0a0a !important;
}

html[data-theme="dark"] .mlv-wrap .mlv-pod *,
html.dark .mlv-wrap .mlv-pod *,
html.dark-mode .mlv-wrap .mlv-pod *,
html.darkmode .mlv-wrap .mlv-pod *,
html.night-mode .mlv-wrap .mlv-pod *,
html.wp-dark-mode-active .mlv-wrap .mlv-pod *,
body[data-theme="dark"] .mlv-wrap .mlv-pod *,
body.dark .mlv-wrap .mlv-pod *,
body.dark-mode .mlv-wrap .mlv-pod *,
body.darkmode .mlv-wrap .mlv-pod *,
body.night-mode .mlv-wrap .mlv-pod *,
body.wp-dark-mode-active .mlv-wrap .mlv-pod * {
  color: #f2d9c0 !important;
}


/* ══════════════════════════════════════
   ULTRA-SPECIFIC dark overrides via #mlvWrap ID
   Beats any external #mlvTodayPanel / #mlvBmPanel rules
══════════════════════════════════════ */

/* Panel body */
#mlvWrap.mlv-dark #mlvTodayPanel .mlv-panel-body,
#mlvWrap.mlv-dark #mlvBmPanel .mlv-panel-body {
  background: #161616 !important;
  color: #f2ede6 !important;
}

/* Panel wrapper */
#mlvWrap.mlv-dark #mlvTodayPanel,
#mlvWrap.mlv-dark #mlvBmPanel {
  background: #161616 !important;
  border-color: rgba(212,170,85,.22) !important;
  box-shadow: 0 6px 28px rgba(0,0,0,.65) !important;
}

/* Panel head */
#mlvWrap.mlv-dark #mlvTodayPanel .mlv-panel-head,
#mlvWrap.mlv-dark #mlvBmPanel .mlv-panel-head {
  background: linear-gradient(180deg, #3a1f0b, #2a1508) !important;
  color: #f0c96a !important;
  border-bottom-color: rgba(212,170,85,.30) !important;
}

/* Close button */
#mlvWrap.mlv-dark #mlvTodayPanel .mlv-panel-close,
#mlvWrap.mlv-dark #mlvBmPanel .mlv-panel-close {
  color: rgba(240,201,106,.85) !important;
  background: rgba(255,255,255,.05) !important;
}

/* Links in today panel */
#mlvWrap.mlv-dark .mlv-today-ttl { color: #f2ede6 !important; }
#mlvWrap.mlv-dark .mlv-today-links a { color: #f0c96a !important; }
#mlvWrap.mlv-dark .mlv-today-links a:hover { color: #fff !important; }

/* Bookmarks */
#mlvWrap.mlv-dark .mlv-bm-empty { color: #bca489 !important; opacity: 1 !important; }
#mlvWrap.mlv-dark .mlv-bm-list li a { color: #f0c96a !important; }
#mlvWrap.mlv-dark .mlv-bm-list li a:hover { color: #fff !important; }
#mlvWrap.mlv-dark .mlv-bm-remove { color: rgba(255,255,255,.35) !important; }
#mlvWrap.mlv-dark .mlv-bm-remove:hover { color: #ff7a7a !important; }

/* Topbar buttons */
#mlvWrap.mlv-dark #mlvTodayBtn,
#mlvWrap.mlv-dark #mlvBmBtn {
  background: rgba(255,255,255,.07) !important;
  color: #f2ede6 !important;
  border: 1.5px solid rgba(255,255,255,.16) !important;
}
#mlvWrap.mlv-dark #mlvTodayBtn.is-active,
#mlvWrap.mlv-dark #mlvBmBtn.is-active {
  background: linear-gradient(180deg, #3a1f0b, #2a1508) !important;
  border-color: rgba(212,170,85,.45) !important;
  color: #f0c96a !important;
}