/* ============================================================
   VIG1 – Sötét mód (1. kör: a naptáras felület)
   Bekapcsolás: a fejléc nyelvválasztója melletti kapcsoló
   (vig1_fm_render_theme_toggle(), vig1.php) a #vig1-fm-app elemre
   data-vig1-theme="dark" attribútumot tesz; a választás a böngésző
   munkamenetében (sessionStorage: vig1_theme) marad meg.

   Lefedi: fejléc / bejelentkezés sor, szűrők, teremszűrő, jelmagyarázat,
   FullCalendar (Foglalómotor, masszázs, Árkalkulátor naptár), lebegő
   nyilak. A popupok (foglalás, profil stb.) egyelőre világosak maradnak.

   A színek a meglévő CSS-változók sötét értékei (vig1-calendar-shell.css
   --vig-*, vig1-calendar-header.css --vig-h-*, FullCalendar --fc-*), és
   néhány beégetett szín felülírása.
   Lásd vig1fm: dokumentacio/update/2026-10-13/09_wp_sotet_mod_1_kor.md.
   ============================================================ */

/* ---------- Kapcsoló (világos és sötét módban is) ---------- */
#vig1-fm-app .vig1-theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px !important;
  height: 30px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 0 0 10px !important; /* + a .vig1-lang-selector 6px gap-je = 16px */
  padding: 0 !important;
  flex: 0 0 auto;
  border: 1px solid #bfdbfe;
  border-radius: 6px;
  background: #ffffff;
  color: #1e3a5f;
  cursor: pointer;
  line-height: 1;
  box-shadow: none;
  transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
#vig1-fm-app .vig1-theme-toggle:hover {
  border-color: #93c5fd;
  background: #eff6ff;
}
#vig1-fm-app .vig1-theme-toggle:focus-visible {
  outline: 2px solid #60a5fa;
  outline-offset: 1px;
}
#vig1-fm-app .vig1-theme-toggle svg {
  width: 16px;
  height: 16px;
  display: block;
}
#vig1-fm-app .vig1-theme-toggle .vig1-theme-icon-sun { display: none; }
#vig1-fm-app[data-vig1-theme="dark"] .vig1-theme-toggle .vig1-theme-icon-moon { display: none; }
#vig1-fm-app[data-vig1-theme="dark"] .vig1-theme-toggle .vig1-theme-icon-sun { display: block; }

/* ============================================================
   Sötét mód
   ============================================================ */
#vig1-fm-app[data-vig1-theme="dark"] {
  color-scheme: dark;
  background: #0b1120;
  color: #e2e8f0;
  border-radius: 14px;
  padding: 12px;
}

/* ---------- Shell (fejléc sor, szűrők) változói ---------- */
#vig1-fm-app[data-vig1-theme="dark"] #vig1-calendar-shell {
  --vig-bg: #111827;
  --vig-bg-muted: #1f2937;
  --vig-border: #334155;
  --vig-border-strong: #475569;
  --vig-text: #e2e8f0;
  --vig-text-muted: #cbd5e1;
  --vig-text-soft: #94a3b8;
  --vig-primary: #6366f1;
  --vig-primary-hover: #818cf8;
  --vig-danger-bg: #2a1215;
  --vig-danger-border: #7f1d1d;
  --vig-danger-text: #fca5a5;
  --vig-danger-text-soft: #f87171;
  --vig-info-bg: #161b33;
  --vig-info-border: #312e81;
  --vig-shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);
  --vig-shadow: 0 1px 3px rgba(0, 0, 0, .5);
}

/* Beégetett világos színek a shellben / az app-stílusban */
#vig1-fm-app[data-vig1-theme="dark"] .vig1-fm-auth-bar,
#vig1-fm-app[data-vig1-theme="dark"] .vig1-fm-controls,
#vig1-fm-app[data-vig1-theme="dark"] .vig1-filters {
  background: var(--vig-bg, #111827) !important;
  border-color: #334155 !important;
}
#vig1-fm-app[data-vig1-theme="dark"] .vig1-userbar {
  background: #161b33 !important;
  border-color: #312e81 !important;
}
#vig1-fm-app[data-vig1-theme="dark"] .vig1-fm-auth-text,
#vig1-fm-app[data-vig1-theme="dark"] .vig1-userbar-info,
#vig1-fm-app[data-vig1-theme="dark"] .vig1-own-bookings-filter-label,
#vig1-fm-app[data-vig1-theme="dark"] .vig1-field label,
#vig1-fm-app[data-vig1-theme="dark"] .vig1-filters label {
  color: #cbd5e1 !important;
}
#vig1-fm-app[data-vig1-theme="dark"] .vig1-userbar-info strong,
#vig1-fm-app[data-vig1-theme="dark"] .vig1-userbar-info b {
  color: #f1f5f9 !important;
}
#vig1-fm-app[data-vig1-theme="dark"] .vig1-lang-selector select,
#vig1-fm-app[data-vig1-theme="dark"] .vig1-lang-switch,
#vig1-fm-app[data-vig1-theme="dark"] .vig1-theme-toggle {
  background: #1f2937 !important;
  border-color: #475569 !important;
  color: #e2e8f0 !important;
}
#vig1-fm-app[data-vig1-theme="dark"] .vig1-theme-toggle:hover {
  background: #273449 !important;
  border-color: #64748b !important;
}
#vig1-fm-app[data-vig1-theme="dark"] .vig1-filters select,
#vig1-fm-app[data-vig1-theme="dark"] select.vig1-select {
  background-color: #1f2937 !important;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'><path d='M1 1.5L6 6.5L11 1.5' stroke='%2394a3b8' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/></svg>") !important;
  border-color: #475569 !important;
  color: #e2e8f0 !important;
}
#vig1-fm-app[data-vig1-theme="dark"] select option {
  background: #1f2937;
  color: #e2e8f0;
}
#vig1-fm-app[data-vig1-theme="dark"] .vig1-btn.vig1-btn-secondary,
#vig1-fm-app[data-vig1-theme="dark"] .vig1-btn-logout {
  background: #1f2937 !important;
  border-color: #475569 !important;
  color: #e2e8f0 !important;
}
#vig1-fm-app[data-vig1-theme="dark"] .vig1-own-bookings-filter-checkbox,
#vig1-fm-app[data-vig1-theme="dark"] input[type="checkbox"] {
  accent-color: #818cf8;
}
#vig1-fm-app[data-vig1-theme="dark"] .vig1-massage-notice,
#vig1-fm-app[data-vig1-theme="dark"] .vig1-fm-error {
  background: #1f2937 !important;
  border-color: #475569 !important;
  color: #e2e8f0 !important;
}

/* Masszázs felület: szerepkör jelölés a fejlécben. */
#vig1-fm-app[data-vig1-theme="dark"] .vig1-massage-role-badge {
  background: rgba(56, 189, 248, .16);
  color: #7dd3fc;
}
#vig1-fm-app[data-vig1-theme="dark"] .vig1-massage-role-badge.is-therapist {
  background: rgba(74, 222, 128, .16);
  color: #86efac;
}

/* ---------- Teremszűrő / jelmagyarázat ---------- */
#vig1-fm-app[data-vig1-theme="dark"] #vig1-room-legend {
  background: #111827 !important;
  border-color: #334155 !important;
  color: #e2e8f0 !important;
}
/* Teremválasztó (többválasztós legördülő, vig1-room-filter.css):
   gomb, lenyíló panel, sorok. */
#vig1-fm-app[data-vig1-theme="dark"] .vig1-room-filter__toggle,
#vig1-fm-app[data-vig1-theme="dark"] .vig1-room-filter button.vig1-room-filter__toggle {
  background-color: #1f2937 !important;
  border-color: #475569 !important;
  color: #e2e8f0 !important;
}
#vig1-fm-app[data-vig1-theme="dark"] .vig1-room-filter__toggle:hover,
#vig1-fm-app[data-vig1-theme="dark"] .vig1-room-filter button.vig1-room-filter__toggle:hover {
  background-color: #273449 !important;
  border-color: #64748b !important;
}
#vig1-fm-app[data-vig1-theme="dark"] .vig1-room-filter__toggle:focus,
#vig1-fm-app[data-vig1-theme="dark"] .vig1-room-filter button.vig1-room-filter__toggle:focus-visible {
  background-color: #1f2937 !important;
  border-color: #818cf8 !important;
  box-shadow: 0 0 0 3px rgba(129, 140, 248, .25) !important;
}
#vig1-fm-app[data-vig1-theme="dark"] .vig1-room-filter__panel {
  background: #1f2937 !important;
  border-color: #475569 !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .55) !important;
  color-scheme: dark;
}
#vig1-fm-app[data-vig1-theme="dark"] .vig1-room-filter__row {
  color: #e2e8f0 !important;
}
#vig1-fm-app[data-vig1-theme="dark"] .vig1-room-filter__row:hover {
  background: #273449 !important;
}
#vig1-fm-app[data-vig1-theme="dark"] .vig1-room-filter__row input[type="checkbox"] {
  accent-color: #818cf8;
}

/* ---------- FullCalendar (Foglalómotor, masszázs, Árkalkulátor) ---------- */
#vig1-fm-app[data-vig1-theme="dark"] #vig1-calendar,
#vig1-fm-app[data-vig1-theme="dark"] #vig1-pricing-calendar {
  --fc-border-color: #2b3648;
  --fc-page-bg-color: #0f172a;
  --fc-neutral-bg-color: #1e293b;
  --fc-neutral-text-color: #94a3b8;
  --fc-today-bg-color: rgba(251, 191, 36, .10);
  /* Mai nap oszlop (vig1-calendar.css): sötét alapon a tiszta sárga szürkés-olajzöld lenne,
     ezért meleg borostyán árnyalat, halványan. */
  --vig1-today-tint: rgba(251, 191, 36, .10);
  --vig1-today-base: #0f172a;
  --fc-now-indicator-color: #f87171;
  --fc-highlight-color: rgba(129, 140, 248, .25);
  --fc-non-business-color: rgba(15, 23, 42, .5);
  --fc-list-event-hover-bg-color: #1e293b;
  --vig1-own-mark-bg: #0f172a;
  /* Az esemény háttere a terem / masszőr színe a sötét háttérrel keverve
     (világosban fehérrel - lásd vig1-calendar.css). */
  --vig1-event-mix-base: #0f172a;
  --vig1-event-mix-pct: 30%;
  --vig1-event-mix-pct-hover: 40%;
  --vig1-event-text: #f1f5f9;
  /* Az időpont: a terem színe világosítva (világosban sötétítve). */
  --vig1-event-time-base: #ffffff;
  --vig1-event-time-pct: 55%;
  color: #e2e8f0;
  background: #0f172a;
}
#vig1-fm-app[data-vig1-theme="dark"] #vig1-calendar .fc-header-toolbar.fc-toolbar,
#vig1-fm-app[data-vig1-theme="dark"] #vig1-pricing-calendar .fc-header-toolbar.fc-toolbar {
  --vig-h-bg: #111827;
  --vig-h-border: #334155;
  --vig-h-text: #e2e8f0;
  --vig-h-muted: #94a3b8;
  --vig-h-hover-bg: #1f2937;
  --vig-h-active-bg: #6366f1;
  --vig-h-active-text: #ffffff;
  --vig-h-shadow: 0 1px 2px rgba(0, 0, 0, .4);
}
#vig1-fm-app[data-vig1-theme="dark"] #vig1-calendar .fc-button.fc-button-primary,
#vig1-fm-app[data-vig1-theme="dark"] #vig1-pricing-calendar .fc-button.fc-button-primary,
#vig1-fm-app[data-vig1-theme="dark"] #vig1-calendar .fc-button-group,
#vig1-fm-app[data-vig1-theme="dark"] #vig1-pricing-calendar .fc-button-group {
  background: #1f2937 !important;
}
#vig1-fm-app[data-vig1-theme="dark"] #vig1-calendar .fc-button.fc-button-primary.fc-button-active,
#vig1-fm-app[data-vig1-theme="dark"] #vig1-pricing-calendar .fc-button.fc-button-primary.fc-button-active {
  background: #6366f1 !important;
}
#vig1-fm-app[data-vig1-theme="dark"] #vig1-calendar .fc-col-header-cell,
#vig1-fm-app[data-vig1-theme="dark"] #vig1-pricing-calendar .fc-col-header-cell,
#vig1-fm-app[data-vig1-theme="dark"] #vig1-calendar .fc-scrollgrid,
#vig1-fm-app[data-vig1-theme="dark"] #vig1-pricing-calendar .fc-scrollgrid,
#vig1-fm-app[data-vig1-theme="dark"] #vig1-calendar .fc-timegrid-axis,
#vig1-fm-app[data-vig1-theme="dark"] #vig1-pricing-calendar .fc-timegrid-axis,
#vig1-fm-app[data-vig1-theme="dark"] #vig1-calendar .fc-timegrid-slot-label,
#vig1-fm-app[data-vig1-theme="dark"] #vig1-pricing-calendar .fc-timegrid-slot-label {
  background: #0f172a;
}
#vig1-fm-app[data-vig1-theme="dark"] #vig1-calendar .fc-col-header-cell-cushion,
#vig1-fm-app[data-vig1-theme="dark"] #vig1-pricing-calendar .fc-col-header-cell-cushion,
#vig1-fm-app[data-vig1-theme="dark"] #vig1-calendar .fc-timegrid-slot-label-cushion,
#vig1-fm-app[data-vig1-theme="dark"] #vig1-pricing-calendar .fc-timegrid-slot-label-cushion,
#vig1-fm-app[data-vig1-theme="dark"] #vig1-calendar .fc-list-day-text,
#vig1-fm-app[data-vig1-theme="dark"] #vig1-calendar .fc-list-day-side-text {
  color: #cbd5e1 !important;
}
#vig1-fm-app[data-vig1-theme="dark"] #vig1-calendar .fc-timegrid-col,
#vig1-fm-app[data-vig1-theme="dark"] #vig1-pricing-calendar .fc-timegrid-col {
  background: #0f172a;
}
#vig1-fm-app[data-vig1-theme="dark"] #vig1-calendar td.fc-day-today,
#vig1-fm-app[data-vig1-theme="dark"] #vig1-pricing-calendar td.fc-day-today {
  background: linear-gradient(var(--vig1-today-tint), var(--vig1-today-tint)), var(--vig1-today-base);
}
/* A cellák alap-háttere (világosban #f8fafc - vig1-calendar.css). */
#vig1-fm-app[data-vig1-theme="dark"] #vig1-calendar td,
#vig1-fm-app[data-vig1-theme="dark"] #vig1-pricing-calendar td {
  background: #0f172a;
}
/* Oszlopelválasztók (világosban slate-400 40%). */
#vig1-fm-app[data-vig1-theme="dark"] #vig1-calendar .fc-timegrid-col:not(.fc-timegrid-axis):not(:last-child)::after,
#vig1-fm-app[data-vig1-theme="dark"] #vig1-calendar .fc-col-header-cell:not(:last-child)::after,
#vig1-fm-app[data-vig1-theme="dark"] #vig1-calendar .fc-daygrid-day:not(:last-child)::after {
  background: rgba(100, 116, 139, .45);
}
/* Függő foglalás jelvény sötét háttéren. */
#vig1-fm-app[data-vig1-theme="dark"] #vig1-calendar {
  --vig1-pending-mark-bg: #422006;
  --vig1-pending-mark-fg: #fcd34d;
  --vig1-own-mark-fg: #e2e8f0;
}
/* Nyitvatartás háttér: világosban halványkék, sötétben halvány kékes sáv. */
#vig1-fm-app[data-vig1-theme="dark"] #vig1-calendar .fc-bg-event,
#vig1-fm-app[data-vig1-theme="dark"] #vig1-pricing-calendar .fc-bg-event {
  opacity: .16 !important;
}
/* Árkalkulátor: az árak szövege. */
#vig1-fm-app[data-vig1-theme="dark"] #vig1-pricing-calendar .vig1-price-event,
#vig1-fm-app[data-vig1-theme="dark"] #vig1-pricing-calendar .fc-v-event .fc-event-main {
  color: #e2e8f0 !important;
}
#vig1-fm-app[data-vig1-theme="dark"] #vig1-pricing-calendar .vig1-booked-event {
  background: #334155 !important;
  border-color: #475569 !important;
  color: #94a3b8 !important;
}
/* Görgetősáv a naptárban. */
#vig1-fm-app[data-vig1-theme="dark"] #vig1-calendar .fc-scroller,
#vig1-fm-app[data-vig1-theme="dark"] #vig1-pricing-calendar .fc-scroller {
  scrollbar-color: #475569 #0f172a;
}

/* ---------- Lebegő ‹ › nyilak ---------- */
#vig1-fm-app[data-vig1-theme="dark"] .vig1-cal-nav {
  background: rgba(30, 41, 59, .94) !important;
  color: #a5b4fc !important;
  border-color: #475569 !important;
  box-shadow: 0 6px 18px -6px rgba(0, 0, 0, .7) !important;
}
#vig1-fm-app[data-vig1-theme="dark"] .vig1-cal-nav:hover,
#vig1-fm-app[data-vig1-theme="dark"] .vig1-cal-nav:focus-visible {
  background: #6366f1 !important;
  border-color: #6366f1 !important;
  color: #ffffff !important;
}

/* ---------- Árkalkulátor popup (a naptára sötét, ezért a keret is) ---------- */
#vig1-fm-app[data-vig1-theme="dark"] #vig1-pricing-modal {
  background: #111827;
  border-color: #334155;
  color: #e2e8f0;
}
#vig1-fm-app[data-vig1-theme="dark"] .vig1-pricing-header h3 {
  color: #a5b4fc;
}
#vig1-fm-app[data-vig1-theme="dark"] .vig1-pricing-close-btn {
  color: #94a3b8;
}
#vig1-fm-app[data-vig1-theme="dark"] .vig1-pricing-control label {
  color: #cbd5e1;
}
#vig1-fm-app[data-vig1-theme="dark"] .vig1-pricing-control select {
  background: #1f2937;
  border-color: #475569;
  color: #e2e8f0;
}
#vig1-fm-app[data-vig1-theme="dark"] #vig1-pricing-placeholder {
  background: #0f172a;
  border-color: #334155;
  color: #94a3b8;
}
#vig1-fm-app[data-vig1-theme="dark"] #vig1-pricing-loading {
  background: rgba(15, 23, 42, .7);
}

/* ============================================================
   2. kör: popupok – Foglalómotor (foglalási űrlap, összesítő,
   foglalás szerkesztés, teremválasztó, módosított ár) és alertify.
   A popupok egy része a <body>-ban van, ezért a html elem
   data-vig1-theme attribútumára épül (a kapcsoló mindkettőt állítja).
   Színcsaládok (világos → sötét):
     info     #eff6ff / #bfdbfe / #1e40af  → kékes áttetsző / #bfdbfe szöveg
     warning  #fffbeb / #fde68a / #78350f  → borostyán áttetsző / #fde68a
     error    #fee2e2 / #fca5a5 / #991b1b  → piros áttetsző / #fecaca
     success  #dcfce7 / #166534            → zöld áttetsző / #bbf7d0
     neutral  #f8fafc / #e2e8f0 / #1f2937  → #1f2937 / #334155 / #e2e8f0
   ============================================================ */
html[data-vig1-theme="dark"] {
  --vig1-d-surface: #111827;
  --vig1-d-surface-2: #1f2937;
  --vig1-d-border: #334155;
  --vig1-d-border-strong: #475569;
  --vig1-d-text: #e2e8f0;
  --vig1-d-text-muted: #cbd5e1;
  --vig1-d-text-soft: #94a3b8;
  --vig1-d-heading: #c7d2fe;
  --vig1-d-info-bg: rgba(59, 130, 246, .13);
  --vig1-d-info-border: rgba(96, 165, 250, .38);
  --vig1-d-info-text: #bfdbfe;
  --vig1-d-info-accent: #60a5fa;
  --vig1-d-warn-bg: rgba(245, 158, 11, .12);
  --vig1-d-warn-border: rgba(251, 191, 36, .38);
  --vig1-d-warn-text: #fde68a;
  --vig1-d-err-bg: rgba(239, 68, 68, .14);
  --vig1-d-err-border: rgba(248, 113, 113, .42);
  --vig1-d-err-text: #fecaca;
  --vig1-d-ok-bg: rgba(34, 197, 94, .14);
  --vig1-d-ok-border: rgba(74, 222, 128, .38);
  --vig1-d-ok-text: #bbf7d0;
  --vig1-d-soft-bg: rgba(99, 102, 241, .16);
  --vig1-d-soft-bg-hover: rgba(99, 102, 241, .3);
  --vig1-d-soft-border: rgba(129, 140, 248, .42);
  --vig1-d-soft-text: #c7d2fe;
}

/* ---------- Doboz, cím, alap szöveg ---------- */
html[data-vig1-theme="dark"] #vig1-booking-form,
html[data-vig1-theme="dark"] #vig1-summary-modal,
html[data-vig1-theme="dark"] #vig1-booking-edit-modal,
html[data-vig1-theme="dark"] #vig1-room-chooser-modal,
html[data-vig1-theme="dark"] #vig1-adjusted-price-modal {
  background: var(--vig1-d-surface) !important;
  border-color: var(--vig1-d-border) !important;
  color: var(--vig1-d-text) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, .55), 0 8px 16px rgba(0, 0, 0, .35) !important;
  color-scheme: dark;
}
html[data-vig1-theme="dark"] #vig1-booking-form h3,
html[data-vig1-theme="dark"] #vig1-booking-form h3 span,
html[data-vig1-theme="dark"] #vig1-summary-modal h3,
html[data-vig1-theme="dark"] #vig1-booking-edit-modal h3,
html[data-vig1-theme="dark"] #vig1-room-chooser-modal h3,
html[data-vig1-theme="dark"] #vig1-adjusted-price-modal h3 {
  color: var(--vig1-d-heading) !important;
}
html[data-vig1-theme="dark"] #vig1-booking-form .vig1-popup-sticky-header {
  background: var(--vig1-d-surface) !important;
}
html[data-vig1-theme="dark"] #vig1-booking-form label,
html[data-vig1-theme="dark"] #vig1-booking-inputs label,
html[data-vig1-theme="dark"] #vig1-booking-edit-modal label,
html[data-vig1-theme="dark"] #vig1-adjusted-price-text,
html[data-vig1-theme="dark"] .vig1-room-move-slot,
html[data-vig1-theme="dark"] .vig1-room-move-name {
  color: var(--vig1-d-text-muted) !important;
}
html[data-vig1-theme="dark"] #vig1-booking-form p,
html[data-vig1-theme="dark"] #vig1-summary-modal p,
html[data-vig1-theme="dark"] #vig1-booking-edit-modal p,
html[data-vig1-theme="dark"] #vig1-room-chooser-modal p,
html[data-vig1-theme="dark"] #vig1-adjusted-price-modal p {
  color: inherit;
}
html[data-vig1-theme="dark"] #vig1-fm-app a {
  color: #a5b4fc;
}

/* ---------- Beviteli mezők ---------- */
html[data-vig1-theme="dark"] #vig1-booking-form :is(input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]), select, textarea),
html[data-vig1-theme="dark"] #vig1-booking-edit-modal :is(input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]), select, textarea),
html[data-vig1-theme="dark"] #vig1-summary-modal :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea),
html[data-vig1-theme="dark"] #vig1-room-chooser-modal select,
html[data-vig1-theme="dark"] #vig1-adjusted-price-modal :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
  background-color: var(--vig1-d-surface-2) !important;
  border-color: var(--vig1-d-border-strong) !important;
  color: var(--vig1-d-text) !important;
}
html[data-vig1-theme="dark"] #vig1-fm-app :is(input, select, textarea)::placeholder {
  color: var(--vig1-d-text-soft);
}
html[data-vig1-theme="dark"] #vig1-fm-app :is(input, select, textarea):focus {
  border-color: #818cf8 !important;
  box-shadow: 0 0 0 3px rgba(129, 140, 248, .25) !important;
}
html[data-vig1-theme="dark"] #vig1-fm-app input[type="checkbox"],
html[data-vig1-theme="dark"] #vig1-fm-app input[type="radio"] {
  accent-color: #818cf8;
}

/* ---------- Info (halványkék) dobozok ---------- */
html[data-vig1-theme="dark"] #vig1-selected-slot,
html[data-vig1-theme="dark"] #vig1-slot-display,
html[data-vig1-theme="dark"] #vig1-price-info,
html[data-vig1-theme="dark"] #vig1-recurrence-regular-info,
html[data-vig1-theme="dark"] #vig1-login-required,
html[data-vig1-theme="dark"] #vig1-room-chooser-slot,
html[data-vig1-theme="dark"] #vig1-adjusted-price-box,
html[data-vig1-theme="dark"] #vig1-edit-booking-slot,
html[data-vig1-theme="dark"] #vig1-fm-app .vig1-edit-only-note,
html[data-vig1-theme="dark"] #vig1-fm-app .vig1-summary-total,
html[data-vig1-theme="dark"] .vig1-room-move-item-free {
  background: var(--vig1-d-info-bg) !important;
  border-color: var(--vig1-d-info-border) !important;
  color: var(--vig1-d-info-text) !important;
}
html[data-vig1-theme="dark"] #vig1-selected-slot,
html[data-vig1-theme="dark"] #vig1-price-info,
html[data-vig1-theme="dark"] #vig1-recurrence-regular-info,
html[data-vig1-theme="dark"] #vig1-room-chooser-slot,
html[data-vig1-theme="dark"] #vig1-edit-booking-slot {
  border-left-color: var(--vig1-d-info-accent) !important;
}
html[data-vig1-theme="dark"] #vig1-login-required p:first-child {
  color: var(--vig1-d-info-text) !important;
}

/* ---------- Figyelmeztetés (halványsárga) ---------- */
html[data-vig1-theme="dark"] #vig1-room-note-section,
html[data-vig1-theme="dark"] #vig1-edit-booking-lock-hint {
  background: var(--vig1-d-warn-bg) !important;
  border-color: var(--vig1-d-warn-border) !important;
  color: var(--vig1-d-warn-text) !important;
}

/* ---------- Hiba / siker üzenetek, jelvények ---------- */
html[data-vig1-theme="dark"] #vig1-message.error,
html[data-vig1-theme="dark"] #vig1-summary-message.error,
html[data-vig1-theme="dark"] #vig1-edit-booking-message.error,
html[data-vig1-theme="dark"] #vig1-pricing-message.error,
html[data-vig1-theme="dark"] #vig1-booking-edit-modal .vig1-edit-info-badge,
html[data-vig1-theme="dark"] .vig1-room-move-item-busy,
html[data-vig1-theme="dark"] #vig1-debt-bar {
  background: var(--vig1-d-err-bg) !important;
  border-color: var(--vig1-d-err-border) !important;
  color: var(--vig1-d-err-text) !important;
}
html[data-vig1-theme="dark"] #vig1-message.success,
html[data-vig1-theme="dark"] #vig1-summary-message.success,
html[data-vig1-theme="dark"] #vig1-edit-booking-message.success,
html[data-vig1-theme="dark"] #vig1-pricing-message.success {
  background: var(--vig1-d-info-bg) !important;
  border-color: var(--vig1-d-info-border) !important;
  color: var(--vig1-d-info-text) !important;
}
html[data-vig1-theme="dark"] #vig1-booking-edit-modal .vig1-edit-info-badge.is-settled {
  background: var(--vig1-d-ok-bg) !important;
  color: var(--vig1-d-ok-text) !important;
}
html[data-vig1-theme="dark"] .vig1-room-move-status-free {
  color: #6ee7b7 !important;
}

/* ---------- Semleges kártyák (összesítő tételek, információk) ---------- */
html[data-vig1-theme="dark"] #vig1-fm-app .vig1-summary-item,
html[data-vig1-theme="dark"] #vig1-booking-edit-modal .vig1-edit-info-card,
html[data-vig1-theme="dark"] .vig1-room-move-empty {
  background: var(--vig1-d-surface-2) !important;
  border-color: var(--vig1-d-border) !important;
  color: var(--vig1-d-text) !important;
}
html[data-vig1-theme="dark"] #vig1-fm-app .vig1-summary-item strong,
html[data-vig1-theme="dark"] #vig1-booking-edit-modal .vig1-edit-info-label {
  color: var(--vig1-d-text-soft) !important;
}
html[data-vig1-theme="dark"] #vig1-fm-app .vig1-summary-item span,
html[data-vig1-theme="dark"] #vig1-booking-edit-modal .vig1-edit-info-value {
  color: var(--vig1-d-text) !important;
}
html[data-vig1-theme="dark"] #vig1-booking-edit-modal .vig1-edit-info-equipment-list li {
  border-top-color: var(--vig1-d-border) !important;
}
html[data-vig1-theme="dark"] #vig1-booking-edit-modal .vig1-edit-info-equipment-empty,
html[data-vig1-theme="dark"] #vig1-booking-edit-modal .vig1-edit-details-hint,
html[data-vig1-theme="dark"] #vig1-booking-edit-modal .vig1-edit-details-note {
  color: var(--vig1-d-text-soft) !important;
}
/* Esemény jellege + Létszám: letiltott (zárolt / nem módosítható) állapot */
html[data-vig1-theme="dark"] #vig1-booking-edit-modal .vig1-edit-details-row select:disabled {
  background-color: var(--vig1-d-surface) !important;
  border-color: var(--vig1-d-border) !important;
  color: var(--vig1-d-text-soft) !important;
  opacity: 1;
}
html[data-vig1-theme="dark"] #vig1-adjusted-price-table-wrapper {
  border-color: var(--vig1-d-border) !important;
}
html[data-vig1-theme="dark"] #vig1-adjusted-price-table-wrapper thead {
  background: var(--vig1-d-surface-2) !important;
}
html[data-vig1-theme="dark"] #vig1-adjusted-price-table-wrapper :is(th, td) {
  border-bottom-color: var(--vig1-d-border) !important;
  color: var(--vig1-d-text-muted) !important;
}

/* ---------- Lapfülek (foglalás szerkesztés) ---------- */
html[data-vig1-theme="dark"] #vig1-booking-edit-modal .vig1-edit-tabs {
  background: var(--vig1-d-surface-2) !important;
  border-color: var(--vig1-d-border) !important;
}
html[data-vig1-theme="dark"] #vig1-booking-edit-modal .vig1-edit-tab {
  color: var(--vig1-d-soft-text) !important;
}
html[data-vig1-theme="dark"] #vig1-booking-edit-modal .vig1-edit-tab:hover {
  background: var(--vig1-d-soft-bg) !important;
}
html[data-vig1-theme="dark"] #vig1-booking-edit-modal .vig1-edit-tab.is-active {
  background: #6366f1 !important;
  color: #ffffff !important;
}

/* ---------- Halvány ("soft") gombok: Tovább, Mégse, Elfogadom, Módosítom ---------- */
html[data-vig1-theme="dark"] #vig1-submit,
html[data-vig1-theme="dark"] #vig1-close-modal,
html[data-vig1-theme="dark"] #vig1-summary-edit,
html[data-vig1-theme="dark"] #vig1-summary-accept,
html[data-vig1-theme="dark"] #vig1-room-chooser-confirm,
html[data-vig1-theme="dark"] #vig1-room-chooser-cancel,
html[data-vig1-theme="dark"] #vig1-adjusted-price-cancel,
html[data-vig1-theme="dark"] #vig1-adjusted-price-confirm,
html[data-vig1-theme="dark"] #vig1-fm-app .vig1-btn-soft,
html[data-vig1-theme="dark"] #vig1-slot-editor-btn {
  background: var(--vig1-d-soft-bg) !important;
  border-color: var(--vig1-d-soft-border) !important;
  color: var(--vig1-d-soft-text) !important;
}
html[data-vig1-theme="dark"] #vig1-submit:hover,
html[data-vig1-theme="dark"] #vig1-close-modal:hover,
html[data-vig1-theme="dark"] #vig1-summary-edit:hover,
html[data-vig1-theme="dark"] #vig1-summary-accept:hover,
html[data-vig1-theme="dark"] #vig1-room-chooser-confirm:hover,
html[data-vig1-theme="dark"] #vig1-room-chooser-cancel:hover,
html[data-vig1-theme="dark"] #vig1-adjusted-price-cancel:hover,
html[data-vig1-theme="dark"] #vig1-adjusted-price-confirm:hover,
html[data-vig1-theme="dark"] #vig1-fm-app .vig1-btn-soft:hover,
html[data-vig1-theme="dark"] #vig1-slot-editor-btn:hover {
  background: var(--vig1-d-soft-bg-hover) !important;
}
html[data-vig1-theme="dark"] #vig1-submit:disabled,
html[data-vig1-theme="dark"] #vig1-edit-booking-save:disabled {
  background: var(--vig1-d-surface-2) !important;
  border-color: var(--vig1-d-border) !important;
  color: var(--vig1-d-text-soft) !important;
}

/* ---------- Átlátszó háttér (overlay) kicsit sötétebb ---------- */
html[data-vig1-theme="dark"] #vig1-modal-overlay,
html[data-vig1-theme="dark"] #vig1-summary-overlay,
html[data-vig1-theme="dark"] #vig1-room-chooser-overlay,
html[data-vig1-theme="dark"] #vig1-adjusted-price-overlay,
html[data-vig1-theme="dark"] #vig1-booking-edit-overlay,
html[data-vig1-theme="dark"] .vig1-jsmodal-overlay {
  background: rgba(2, 6, 23, .78) !important;
}

/* ---------- Alertify (figyelmeztetés / megerősítés ablakok) ---------- */
html[data-vig1-theme="dark"] .alertify .ajs-dialog {
  background: var(--vig1-d-surface) !important;
  color: var(--vig1-d-text) !important;
  border: 1px solid var(--vig1-d-border) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, .55) !important;
}
html[data-vig1-theme="dark"] .alertify .ajs-header {
  background: var(--vig1-d-surface) !important;
  color: var(--vig1-d-heading) !important;
  border-bottom-color: var(--vig1-d-border) !important;
}
html[data-vig1-theme="dark"] .alertify .ajs-body,
html[data-vig1-theme="dark"] .alertify .ajs-content {
  color: var(--vig1-d-text) !important;
}
html[data-vig1-theme="dark"] .alertify .ajs-footer {
  background: var(--vig1-d-surface-2) !important;
  border-top-color: var(--vig1-d-border) !important;
}
html[data-vig1-theme="dark"] .alertify .ajs-footer .ajs-button {
  background: var(--vig1-d-soft-bg) !important;
  border: 1px solid var(--vig1-d-soft-border) !important;
  color: var(--vig1-d-soft-text) !important;
}
html[data-vig1-theme="dark"] .alertify .ajs-footer .ajs-button:hover {
  background: var(--vig1-d-soft-bg-hover) !important;
}
html[data-vig1-theme="dark"] .alertify .ajs-dimmer {
  background-color: rgba(2, 6, 23, .78) !important;
}
html[data-vig1-theme="dark"] .alertify .ajs-close {
  filter: invert(1);
}

/* ---------- Bérelhető eszközök, JS megerősítő ablak (vig1-jsmodal) ---------- */
html[data-vig1-theme="dark"] #vig1-equipment-section {
  background: var(--vig1-d-surface-2) !important;
  border-color: var(--vig1-d-border) !important;
}
html[data-vig1-theme="dark"] #vig1-fm-app .vig1-equipment-item {
  background: var(--vig1-d-surface) !important;
  border-color: var(--vig1-d-border) !important;
  color: var(--vig1-d-text) !important;
}
html[data-vig1-theme="dark"] #vig1-fm-app .vig1-equipment-item-remove {
  color: #f87171 !important;
}
html[data-vig1-theme="dark"] #vig1-equipment-total {
  color: var(--vig1-d-text-muted) !important;
}
html[data-vig1-theme="dark"] .vig1-jsmodal-box {
  background: var(--vig1-d-surface) !important;
  border: 1px solid var(--vig1-d-border);
  color: var(--vig1-d-text);
  color-scheme: dark;
}
html[data-vig1-theme="dark"] .vig1-jsmodal-title {
  color: var(--vig1-d-heading) !important;
}
html[data-vig1-theme="dark"] :is(.vig1-jsmodal-info, .vig1-jsmodal-label) {
  color: var(--vig1-d-text-muted) !important;
}
html[data-vig1-theme="dark"] .vig1-jsmodal-select {
  background: var(--vig1-d-surface-2) !important;
  border-color: var(--vig1-d-border-strong) !important;
  color: var(--vig1-d-text) !important;
}
html[data-vig1-theme="dark"] .vig1-jsmodal-btn-cancel {
  background: var(--vig1-d-soft-bg) !important;
  color: var(--vig1-d-soft-text) !important;
}

/* ============================================================
   Profil popup (Foglalómotor és masszázs: #vig1-profile-popup)
   ============================================================ */
html[data-vig1-theme="dark"] #vig1-profile-overlay { background: rgba(2, 6, 23, .78) !important; }
html[data-vig1-theme="dark"] #vig1-profile-popup {
  background: var(--vig1-d-surface) !important;
  color: var(--vig1-d-text) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, .55) !important;
  color-scheme: dark;
}
html[data-vig1-theme="dark"] #vig1-profile-popup-header {
  background: var(--vig1-d-surface-2) !important;
  border-bottom-color: var(--vig1-d-border) !important;
}
html[data-vig1-theme="dark"] #vig1-profile-popup-email,
html[data-vig1-theme="dark"] #vig1-profile-popup-close { color: var(--vig1-d-text-soft) !important; }
html[data-vig1-theme="dark"] #vig1-profile-popup-close:hover { background: var(--vig1-d-err-bg) !important; color: #fca5a5 !important; }
html[data-vig1-theme="dark"] #vig1-profile-popup-nav {
  background: #0f172a !important;
  border-right-color: var(--vig1-d-border) !important;
}
html[data-vig1-theme="dark"] #vig1-profile-nav-toggle { border-top-color: var(--vig1-d-border) !important; color: var(--vig1-d-text-muted) !important; }
html[data-vig1-theme="dark"] #vig1-profile-nav-toggle:hover { background: var(--vig1-d-surface-2) !important; color: var(--vig1-d-text) !important; }
html[data-vig1-theme="dark"] #vig1-profile-popup .vig1-profile-nav-item { color: var(--vig1-d-text-muted) !important; }
html[data-vig1-theme="dark"] #vig1-profile-popup .vig1-profile-nav-item:hover { background: var(--vig1-d-surface-2) !important; color: var(--vig1-d-text) !important; }
html[data-vig1-theme="dark"] #vig1-profile-popup .vig1-profile-nav-item.active {
  background: var(--vig1-d-soft-bg) !important;
  color: var(--vig1-d-soft-text) !important;
  border-left-color: #818cf8 !important;
}
html[data-vig1-theme="dark"] #vig1-profile-popup .vig1-profile-section-title {
  color: var(--vig1-d-text) !important;
  border-bottom-color: var(--vig1-d-border) !important;
}
html[data-vig1-theme="dark"] #vig1-profile-popup :is(.vig1-profile-placeholder, .vig1-profile-loading, .vig1-profile-bookings-subtitle, .vig1-profile-address-card-details) {
  color: var(--vig1-d-text-soft) !important;
}
html[data-vig1-theme="dark"] #vig1-profile-popup :is(.vig1-profile-form-group label, .vig1-profile-credit-name) { color: var(--vig1-d-text-muted) !important; }
html[data-vig1-theme="dark"] #vig1-profile-popup :is(.vig1-profile-input, input:not([type="checkbox"]):not([type="radio"]):not([type="color"]), select, textarea) {
  background: var(--vig1-d-surface-2) !important;
  border-color: var(--vig1-d-border-strong) !important;
  color: var(--vig1-d-text) !important;
}
html[data-vig1-theme="dark"] #vig1-profile-popup :is(input, select, textarea):focus {
  border-color: #818cf8 !important;
  box-shadow: 0 0 0 3px rgba(129, 140, 248, .25) !important;
}
html[data-vig1-theme="dark"] #vig1-profile-popup input[type="checkbox"],
html[data-vig1-theme="dark"] #vig1-profile-popup input[type="radio"] { accent-color: #818cf8; }
html[data-vig1-theme="dark"] #vig1-profile-popup .vig1-profile-btn-primary { background: #6366f1 !important; color: #fff !important; }
html[data-vig1-theme="dark"] #vig1-profile-popup .vig1-profile-btn-primary:hover:not(:disabled) { background: #818cf8 !important; }
html[data-vig1-theme="dark"] #vig1-profile-popup .vig1-profile-btn-secondary,
html[data-vig1-theme="dark"] #vig1-profile-popup .vig1-profile-show-more-btn {
  background: var(--vig1-d-surface-2) !important;
  border-color: var(--vig1-d-border-strong) !important;
  color: var(--vig1-d-text) !important;
}
html[data-vig1-theme="dark"] #vig1-profile-popup .vig1-profile-btn-secondary:hover:not(:disabled),
html[data-vig1-theme="dark"] #vig1-profile-popup .vig1-profile-show-more-btn:hover { background: #273449 !important; }
html[data-vig1-theme="dark"] #vig1-profile-popup .vig1-profile-btn-ghost { color: #a5b4fc !important; border-color: #818cf8 !important; background: transparent !important; }
html[data-vig1-theme="dark"] #vig1-profile-popup .vig1-profile-btn-ghost:hover:not(:disabled) { background: var(--vig1-d-soft-bg) !important; }
html[data-vig1-theme="dark"] #vig1-profile-popup .vig1-profile-alert-success {
  background: var(--vig1-d-ok-bg) !important; border-color: var(--vig1-d-ok-border) !important; color: var(--vig1-d-ok-text) !important;
}
html[data-vig1-theme="dark"] #vig1-profile-popup .vig1-profile-alert-error {
  background: var(--vig1-d-err-bg) !important; border-color: var(--vig1-d-err-border) !important; color: var(--vig1-d-err-text) !important;
}
html[data-vig1-theme="dark"] #vig1-profile-popup .vig1-profile-address-card,
html[data-vig1-theme="dark"] #vig1-profile-billing-form-section {
  background: var(--vig1-d-surface-2) !important;
  border-color: var(--vig1-d-border) !important;
}
html[data-vig1-theme="dark"] #vig1-profile-popup .vig1-profile-address-card.is-default {
  background: var(--vig1-d-soft-bg) !important;
  border-color: #818cf8 !important;
}
html[data-vig1-theme="dark"] #vig1-profile-popup :is(.vig1-profile-address-card-name, .vig1-profile-billing-form-title) { color: var(--vig1-d-text) !important; }
html[data-vig1-theme="dark"] #vig1-profile-popup .vig1-profile-address-default-badge { background: #6366f1 !important; color: #fff !important; }
/* A profil táblázatai (Foglalásaim, Számláim, Fizetés): a WP téma sor-csíkozása
   (tr / td háttér) fehér sorokat adna - átlátszóra állítjuk; a fejléc, a korábbi
   foglalások sora és a hover kiemelés az alábbi szabályokból jön. */
html[data-vig1-theme="dark"] #vig1-profile-popup table :is(thead, tbody, tfoot, tr, td) {
  background: transparent !important;
  background-color: transparent !important;
}
html[data-vig1-theme="dark"] #vig1-profile-popup table td {
  color: var(--vig1-d-text-muted);
}
html[data-vig1-theme="dark"] #vig1-profile-popup .vig1-profile-bookings-table th {
  background: var(--vig1-d-surface-2) !important;
  border-bottom-color: var(--vig1-d-border) !important;
  color: var(--vig1-d-text-muted) !important;
}
html[data-vig1-theme="dark"] #vig1-profile-popup .vig1-profile-bookings-table td {
  border-bottom-color: var(--vig1-d-border) !important;
  color: var(--vig1-d-text-muted) !important;
}
html[data-vig1-theme="dark"] #vig1-profile-popup .vig1-profile-bookings-table tr:hover td { background: var(--vig1-d-surface-2) !important; }
html[data-vig1-theme="dark"] #vig1-profile-popup .vig1-profile-row-past td { background: rgba(245, 158, 11, .08) !important; }
html[data-vig1-theme="dark"] #vig1-profile-popup .vig1-profile-bookings-table tr.vig1-profile-row-past:hover td { background: rgba(245, 158, 11, .14) !important; }
html[data-vig1-theme="dark"] #vig1-profile-popup .vig1-profile-status-badge { background: var(--vig1-d-surface-2) !important; color: var(--vig1-d-text-muted) !important; }
html[data-vig1-theme="dark"] #vig1-profile-popup .vig1-profile-status-ok { background: var(--vig1-d-ok-bg) !important; color: var(--vig1-d-ok-text) !important; }
html[data-vig1-theme="dark"] #vig1-profile-popup .vig1-profile-status-pending { background: var(--vig1-d-info-bg) !important; color: var(--vig1-d-info-text) !important; }
html[data-vig1-theme="dark"] #vig1-profile-popup .vig1-profile-credit-row { border-bottom-color: var(--vig1-d-border) !important; }
html[data-vig1-theme="dark"] #vig1-profile-popup .vig1-profile-credit-balance { color: #34d399 !important; }
html[data-vig1-theme="dark"] #vig1-profile-popup .vig1-profile-settle-box {
  background: var(--vig1-d-surface-2) !important; border-color: var(--vig1-d-border) !important;
}
html[data-vig1-theme="dark"] #vig1-profile-popup .vig1-profile-hint { color: var(--vig1-d-text-muted) !important; }
html[data-vig1-theme="dark"] #vig1-profile-popup .vig1-profile-spinner { border-color: var(--vig1-d-border-strong) !important; border-top-color: #818cf8 !important; }
html[data-vig1-theme="dark"] #vig1-profile-popup .vig1-profile-invoice-btn {
  background: var(--vig1-d-surface-2) !important; border-color: var(--vig1-d-border) !important; color: #a5b4fc !important;
}
html[data-vig1-theme="dark"] #vig1-profile-popup .vig1-profile-invoice-btn:hover,
html[data-vig1-theme="dark"] #vig1-profile-popup .vig1-profile-invoice-btn:focus-visible { background: #6366f1 !important; border-color: #6366f1 !important; color: #fff !important; }

/* ============================================================
   Masszázs popupok: új foglalás, részletek / elfogadás / elutasítás,
   saját foglalás (vig1-mbook-*, vig1-macc-*), masszőr profil kártyák
   (vig1-mtp-*).
   ============================================================ */
html[data-vig1-theme="dark"] :is(.vig1-mbook-overlay, .vig1-macc-backdrop, #vig1-mauth-popup-overlay) { background: rgba(2, 6, 23, .78) !important; }
html[data-vig1-theme="dark"] .vig1-mbook-modal {
  background: var(--vig1-d-surface) !important;
  color: var(--vig1-d-text) !important;
  border: 1px solid var(--vig1-d-border);
  box-shadow: 0 20px 40px rgba(0, 0, 0, .55) !important;
  color-scheme: dark;
}
html[data-vig1-theme="dark"] .vig1-mbook-modal :is(.vig1-mbook-header, .vig1-mbook-footer) { border-color: var(--vig1-d-border) !important; }
html[data-vig1-theme="dark"] .vig1-mbook-modal .vig1-mbook-header h3 { color: var(--vig1-d-heading) !important; }
html[data-vig1-theme="dark"] .vig1-mbook-modal .vig1-mbook-close { color: var(--vig1-d-text-soft) !important; }
html[data-vig1-theme="dark"] .vig1-mbook-modal .vig1-mbook-close:hover { color: var(--vig1-d-text) !important; }
html[data-vig1-theme="dark"] .vig1-mbook-modal :is(.vig1-mbook-slot, .vig1-mbook-login, .vig1-macc-price, .vig1-macc-summary-total) {
  background: var(--vig1-d-info-bg) !important;
  border-color: var(--vig1-d-info-border) !important;
  color: var(--vig1-d-info-text) !important;
}
html[data-vig1-theme="dark"] .vig1-mbook-modal .vig1-mbook-slot { border-left-color: var(--vig1-d-info-accent) !important; }
html[data-vig1-theme="dark"] .vig1-mbook-modal :is(.vig1-mbook-slot p, .vig1-mbook-login p) { color: var(--vig1-d-info-text) !important; }
html[data-vig1-theme="dark"] .vig1-mbook-modal .vig1-mbook-notice {
  background: var(--vig1-d-warn-bg) !important;
  border-color: var(--vig1-d-warn-border) !important;
  color: var(--vig1-d-warn-text) !important;
}
html[data-vig1-theme="dark"] .vig1-mbook-modal .vig1-mbook-errors {
  background: var(--vig1-d-err-bg) !important;
  border-color: var(--vig1-d-err-border) !important;
  color: var(--vig1-d-err-text) !important;
}
html[data-vig1-theme="dark"] .vig1-mbook-modal :is(.vig1-mbook-field label, .vig1-macc-reject-text, .vig1-macc-consent) { color: var(--vig1-d-text-muted) !important; }
html[data-vig1-theme="dark"] .vig1-mbook-modal :is(.vig1-mbook-hint, .vig1-macc-subtitle, .vig1-macc-label, .vig1-macc-slot-sub) { color: var(--vig1-d-text-soft) !important; }
html[data-vig1-theme="dark"] .vig1-mbook-modal .vig1-mbook-req { color: #f87171 !important; }
html[data-vig1-theme="dark"] .vig1-mbook-modal :is(.vig1-mbook-field input, .vig1-mbook-field select, .vig1-mbook-field textarea) {
  background: var(--vig1-d-surface-2) !important;
  border-color: var(--vig1-d-border-strong) !important;
  color: var(--vig1-d-text) !important;
}
html[data-vig1-theme="dark"] .vig1-mbook-modal :is(.vig1-mbook-field input[readonly], .vig1-mbook-field input:disabled, .vig1-mbook-field select:disabled, .vig1-mbook-field textarea:disabled) {
  background: #0f172a !important;
  color: var(--vig1-d-text-soft) !important;
}
html[data-vig1-theme="dark"] .vig1-mbook-modal :is(input, select, textarea):focus {
  border-color: #818cf8 !important;
  box-shadow: 0 0 0 3px rgba(129, 140, 248, .25) !important;
}
html[data-vig1-theme="dark"] .vig1-mbook-modal input[type="checkbox"] { accent-color: #818cf8; }
html[data-vig1-theme="dark"] .vig1-mbook-modal .vig1-mbook-btn-primary { background: #6366f1 !important; color: #fff !important; }
html[data-vig1-theme="dark"] .vig1-mbook-modal .vig1-mbook-btn-primary:hover:not(:disabled) { background: #818cf8 !important; }
html[data-vig1-theme="dark"] .vig1-mbook-modal .vig1-mbook-btn-secondary {
  background: var(--vig1-d-soft-bg) !important;
  border-color: var(--vig1-d-soft-border) !important;
  color: var(--vig1-d-soft-text) !important;
}
html[data-vig1-theme="dark"] .vig1-mbook-modal .vig1-mbook-btn-secondary:hover:not(:disabled) { background: var(--vig1-d-soft-bg-hover) !important; }
html[data-vig1-theme="dark"] .vig1-mbook-modal :is(.vig1-macc-rows, .vig1-macc-summary-grid) { border-color: var(--vig1-d-border) !important; }
html[data-vig1-theme="dark"] .vig1-mbook-modal :is(.vig1-macc-row, .vig1-macc-summary-item) { border-bottom-color: var(--vig1-d-border) !important; }
html[data-vig1-theme="dark"] .vig1-mbook-modal :is(.vig1-macc-value, .vig1-macc-summary-item span) { color: var(--vig1-d-text) !important; }
html[data-vig1-theme="dark"] .vig1-mbook-modal .vig1-macc-summary-item strong { color: var(--vig1-d-text-soft) !important; }
html[data-vig1-theme="dark"] .vig1-mbook-modal :is(.vig1-macc-value a, .vig1-macc-consent a) { color: #a5b4fc !important; }
html[data-vig1-theme="dark"] .vig1-mbook-modal .vig1-macc-info {
  background: var(--vig1-d-surface-2) !important;
  border-left-color: var(--vig1-d-info-accent) !important;
  color: var(--vig1-d-text) !important;
}
html[data-vig1-theme="dark"] .vig1-mbook-modal .vig1-macc-status.is-pending { background: var(--vig1-d-info-bg) !important; color: var(--vig1-d-info-text) !important; }
html[data-vig1-theme="dark"] .vig1-mbook-modal .vig1-macc-status.is-created { background: var(--vig1-d-ok-bg) !important; color: var(--vig1-d-ok-text) !important; }
html[data-vig1-theme="dark"] .vig1-mbook-modal .vig1-macc-status.is-cancelled { background: var(--vig1-d-err-bg) !important; color: var(--vig1-d-err-text) !important; }
html[data-vig1-theme="dark"] .vig1-mbook-modal .vig1-macc-balance { color: #a5b4fc !important; }
html[data-vig1-theme="dark"] .vig1-mbook-modal :is(.vig1-macc-field-error, .vig1-macc-msg.is-error, .vig1-macc-consent-error) { color: #fca5a5 !important; }
html[data-vig1-theme="dark"] .vig1-mbook-modal .vig1-macc-msg.is-success { color: #86efac !important; }

/* ---------- Masszázs profil kártyák (vig1-mtp-*) ---------- */
html[data-vig1-theme="dark"] .vig1-massage-profile :is(.vig1-mtp-card, .vig1-mtp-item, .vig1-mtp-day.is-off) {
  background: var(--vig1-d-surface-2) !important;
  border-color: var(--vig1-d-border) !important;
}
html[data-vig1-theme="dark"] .vig1-massage-profile :is(.vig1-mtp-card-muted, .vig1-mtp-item.is-past) { background: #0f172a !important; }
html[data-vig1-theme="dark"] .vig1-massage-profile .vig1-mtp-day { background: var(--vig1-d-info-bg) !important; border-color: var(--vig1-d-info-border) !important; }
html[data-vig1-theme="dark"] .vig1-massage-profile .vig1-mtp-day.is-invalid { background: var(--vig1-d-err-bg) !important; border-color: var(--vig1-d-err-border) !important; }
html[data-vig1-theme="dark"] .vig1-massage-profile .vig1-mtp-item.is-editing { background: var(--vig1-d-info-bg) !important; border-left-color: #60a5fa !important; }
html[data-vig1-theme="dark"] .vig1-massage-profile :is(.vig1-mtp-card-title, .vig1-mtp-list-title, .vig1-mtp-day-name, .vig1-mtp-item-date, .vig1-mtp-item-time) { color: var(--vig1-d-text) !important; }
html[data-vig1-theme="dark"] .vig1-massage-profile :is(.vig1-mtp-inline, .vig1-mtp-place, .vig1-mtp-week-summary, .vig1-mtp-item-final strong) { color: var(--vig1-d-text-muted) !important; }
html[data-vig1-theme="dark"] .vig1-massage-profile :is(.vig1-mtp-hint, .vig1-mtp-color-hex, .vig1-mtp-day-state, .vig1-mtp-dash, .vig1-mtp-item-weekday, .vig1-mtp-item-final, .vig1-mtp-check-sub, .vig1-mtp-room-place-name) { color: var(--vig1-d-text-soft) !important; }
html[data-vig1-theme="dark"] .vig1-massage-profile .vig1-mtp-notice { background: var(--vig1-d-warn-bg) !important; border-color: var(--vig1-d-warn-border) !important; color: var(--vig1-d-warn-text) !important; }
html[data-vig1-theme="dark"] .vig1-massage-profile .vig1-mtp-week-summary-row { border-bottom-color: var(--vig1-d-border) !important; }
html[data-vig1-theme="dark"] .vig1-massage-profile .vig1-mtp-seg { background: #0f172a !important; }
html[data-vig1-theme="dark"] .vig1-massage-profile .vig1-mtp-seg-btn { color: var(--vig1-d-text-soft) !important; }
html[data-vig1-theme="dark"] .vig1-massage-profile .vig1-mtp-seg-btn.is-active { background: var(--vig1-d-surface-2) !important; }
html[data-vig1-theme="dark"] .vig1-massage-profile .vig1-mtp-seg-btn.is-open.is-active { color: #4ade80 !important; }
html[data-vig1-theme="dark"] .vig1-massage-profile .vig1-mtp-seg-btn.is-closed.is-active { color: #f87171 !important; }
html[data-vig1-theme="dark"] .vig1-massage-profile .vig1-mtp-badge-open { background: var(--vig1-d-ok-bg) !important; color: var(--vig1-d-ok-text) !important; }
html[data-vig1-theme="dark"] .vig1-massage-profile .vig1-mtp-badge-closed { background: var(--vig1-d-err-bg) !important; color: var(--vig1-d-err-text) !important; }
html[data-vig1-theme="dark"] .vig1-massage-profile :is(.vig1-mtp-btn-danger-ghost, .vig1-mtp-confirm-text) { color: #f87171 !important; border-color: rgba(248, 113, 113, .5) !important; }
html[data-vig1-theme="dark"] .vig1-massage-profile .vig1-mtp-btn-danger-ghost:hover:not(:disabled) { background: var(--vig1-d-err-bg) !important; }
html[data-vig1-theme="dark"] .vig1-massage-profile .vig1-mtp-clear:hover,
html[data-vig1-theme="dark"] .vig1-massage-profile .vig1-mtp-clear:focus-visible { background: var(--vig1-d-err-bg) !important; border-color: var(--vig1-d-err-border) !important; color: #f87171 !important; }
html[data-vig1-theme="dark"] .vig1-massage-profile input.vig1-mtp-color { background: var(--vig1-d-surface-2) !important; border-color: var(--vig1-d-border-strong) !important; }
html[data-vig1-theme="dark"] .vig1-massage-profile .vig1-mtp-check {
  background: #0f172a !important;
  border-color: var(--vig1-d-border) !important;
  color: var(--vig1-d-text) !important;
}
html[data-vig1-theme="dark"] .vig1-massage-profile .vig1-mtp-check:hover { border-color: #6366f1 !important; }
html[data-vig1-theme="dark"] .vig1-massage-profile .vig1-mtp-check:has(input:checked) { background: var(--vig1-d-soft-bg) !important; border-color: #818cf8 !important; }
html[data-vig1-theme="dark"] .vig1-massage-profile .vig1-massage-profile-role { color: var(--vig1-d-text) !important; }
html[data-vig1-theme="dark"] .vig1-massage-profile-empty { color: var(--vig1-d-text-soft) !important; }

/* ============================================================
   Bejelentkezés / regisztráció / elfelejtett jelszó popup
   (vig1-auth-popup.css – Foglalómotor és masszázs belépés)
   ============================================================ */
html[data-vig1-theme="dark"] #vig1-auth-popup-overlay { background: rgba(2, 6, 23, .78) !important; }
html[data-vig1-theme="dark"] .vig1-auth-popup-container {
  background: var(--vig1-d-surface) !important;
  color: var(--vig1-d-text) !important;
  border: 1px solid var(--vig1-d-border);
  box-shadow: 0 20px 40px rgba(0, 0, 0, .55) !important;
  color-scheme: dark;
}
html[data-vig1-theme="dark"] .vig1-auth-popup-title { color: var(--vig1-d-heading) !important; }
html[data-vig1-theme="dark"] .vig1-auth-popup-close { color: var(--vig1-d-text-soft) !important; }
html[data-vig1-theme="dark"] .vig1-auth-popup-close:hover { background: var(--vig1-d-err-bg) !important; color: #fca5a5 !important; }
html[data-vig1-theme="dark"] :is(.vig1-auth-form-group label, .vig1-mauth-checkbox) { color: var(--vig1-d-text-muted) !important; }
html[data-vig1-theme="dark"] :is(.vig1-auth-forgot-info, .vig1-mauth-hint, .vig1-mauth-optional) { color: var(--vig1-d-text-soft) !important; }
html[data-vig1-theme="dark"] .vig1-auth-popup-container :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
  background: var(--vig1-d-surface-2) !important;
  border-color: var(--vig1-d-border-strong) !important;
  color: var(--vig1-d-text) !important;
}
html[data-vig1-theme="dark"] .vig1-auth-popup-container :is(input, select, textarea):focus {
  border-color: #818cf8 !important;
  box-shadow: 0 0 0 3px rgba(129, 140, 248, .25) !important;
}
html[data-vig1-theme="dark"] .vig1-auth-popup-container input[type="checkbox"] { accent-color: #818cf8; }
html[data-vig1-theme="dark"] .vig1-auth-submit-btn { background: #6366f1 !important; color: #fff !important; }
html[data-vig1-theme="dark"] .vig1-auth-submit-btn:hover:not(:disabled) { background: #818cf8 !important; }
html[data-vig1-theme="dark"] .vig1-auth-submit-btn--outline {
  background: transparent !important;
  color: #a5b4fc !important;
  border-color: #818cf8 !important;
}
html[data-vig1-theme="dark"] .vig1-auth-submit-btn--outline:hover:not(:disabled) { background: var(--vig1-d-soft-bg) !important; }
html[data-vig1-theme="dark"] :is(.vig1-auth-link-btn) { color: #a5b4fc !important; }
html[data-vig1-theme="dark"] .vig1-auth-link-btn:hover { color: #c7d2fe !important; }
html[data-vig1-theme="dark"] .vig1-auth-form-error {
  background: var(--vig1-d-err-bg) !important;
  border-color: var(--vig1-d-err-border) !important;
  color: var(--vig1-d-err-text) !important;
}
html[data-vig1-theme="dark"] .vig1-auth-not-activated {
  background: var(--vig1-d-warn-bg) !important;
  border-color: var(--vig1-d-warn-border) !important;
  color: var(--vig1-d-warn-text) !important;
}
html[data-vig1-theme="dark"] .vig1-auth-success-msg p {
  background: var(--vig1-d-ok-bg) !important;
  border-color: var(--vig1-d-ok-border) !important;
  color: var(--vig1-d-ok-text) !important;
}

/* ============================================================
   Terem és időpont választó / módosító ablak (Foglalómotor:
   vig1-slot-editor.js, masszázs: vig1-massage-booking.js) - a
   stílus JS-ben, beágyazva van, ezért !important.
   Lásd vig1fm: dokumentacio/update/2026-10-14/01_wp_masszazs_foglalas_gomb_es_idopontvalaszto_sotet.md.
   ============================================================ */
html[data-vig1-theme="dark"] .vig1-slotpick { background: rgba(2, 6, 23, .78) !important; }
html[data-vig1-theme="dark"] .vig1-slotpick-box {
  background: var(--vig1-d-surface) !important;
  border-color: var(--vig1-d-border) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, .55) !important;
  color: var(--vig1-d-text) !important;
  color-scheme: dark;
}
html[data-vig1-theme="dark"] .vig1-slotpick-title { color: var(--vig1-d-heading) !important; }
html[data-vig1-theme="dark"] .vig1-slotpick-label { color: var(--vig1-d-text-muted) !important; }
html[data-vig1-theme="dark"] .vig1-slotpick-input {
  background: var(--vig1-d-surface-2) !important;
  border-color: var(--vig1-d-border-strong) !important;
  color: var(--vig1-d-text) !important;
}
html[data-vig1-theme="dark"] .vig1-slotpick-input:focus {
  border-color: #818cf8 !important;
  box-shadow: 0 0 0 3px rgba(129, 140, 248, .25) !important;
  outline: none !important;
}
html[data-vig1-theme="dark"] .vig1-slotpick-error { color: #fca5a5 !important; }
html[data-vig1-theme="dark"] .vig1-slotpick-info { color: var(--vig1-d-warn-text) !important; }
html[data-vig1-theme="dark"] .vig1-slotpick-ok { background: #6366f1 !important; color: #ffffff !important; }
html[data-vig1-theme="dark"] .vig1-slotpick-ok:hover:not(:disabled) { background: #818cf8 !important; }
html[data-vig1-theme="dark"] .vig1-slotpick-ok:disabled { background: var(--vig1-d-surface-2) !important; color: var(--vig1-d-text-soft) !important; }
html[data-vig1-theme="dark"] .vig1-slotpick-cancel {
  background: var(--vig1-d-soft-bg) !important;
  border-color: var(--vig1-d-soft-border) !important;
  color: var(--vig1-d-soft-text) !important;
}
html[data-vig1-theme="dark"] .vig1-slotpick-cancel:hover { background: var(--vig1-d-soft-bg-hover) !important; }

/* ============================================================
   Virtuális kredit vásárlás (termék kiválasztása, megrendelés
   összesítő, kreditek) és a számlázási adatok ablak (minden
   foglalásnál és kreditvásárlásnál, a masszázs modulban is):
   .vig1-vp-modal (vig1-purchase-flow.css, vig1-purchase-flow.js,
   vig1-invoice-modal.js). A gombokra a WP téma is ráhúz, ezért
   !important. Lásd vig1fm:
   dokumentacio/update/2026-10-14/02_wp_sotet_mod_kreditvasarlas_szamlazas.md.
   ============================================================ */
html[data-vig1-theme="dark"] .vig1-vp-overlay { background-color: rgba(2, 6, 23, .78) !important; }
html[data-vig1-theme="dark"] .vig1-vp-modal {
  background: var(--vig1-d-surface) !important;
  border-color: var(--vig1-d-border) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, .55), 0 8px 16px rgba(0, 0, 0, .35) !important;
  color: var(--vig1-d-text) !important;
  color-scheme: dark;
}
html[data-vig1-theme="dark"] .vig1-vp-modal-content h2 {
  color: var(--vig1-d-heading) !important;
  border-bottom-color: var(--vig1-d-border) !important;
}
html[data-vig1-theme="dark"] .vig1-vp-modal-content h3,
html[data-vig1-theme="dark"] .vig1-vp-booking-hours h3 {
  color: #a5b4fc !important;
}
html[data-vig1-theme="dark"] .vig1-vp-modal :is(label, .vig1-vp-hours-label, .vig1-vp-consent-label, .vig1-vp-amount-label, .vig1-vp-wallet-name) {
  color: var(--vig1-d-text-muted) !important;
}
html[data-vig1-theme="dark"] .vig1-vp-modal :is(.vig1-vp-empty, .vig1-vp-products-loading) {
  color: var(--vig1-d-text-soft) !important;
}
html[data-vig1-theme="dark"] .vig1-vp-modal a { color: #a5b4fc !important; }

/* Mezők (a számlázási ablak mentett cím selectje JS-ben, beágyazva stílusozott) */
html[data-vig1-theme="dark"] .vig1-vp-modal :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
  background: var(--vig1-d-surface-2) !important;
  border-color: var(--vig1-d-border-strong) !important;
  color: var(--vig1-d-text) !important;
}
html[data-vig1-theme="dark"] .vig1-vp-modal :is(input, select, textarea):focus {
  border-color: #818cf8 !important;
  box-shadow: 0 0 0 3px rgba(129, 140, 248, .25) !important;
  outline: none !important;
}
html[data-vig1-theme="dark"] .vig1-vp-modal :is(input[type="checkbox"], input[type="radio"]) { accent-color: #818cf8; }

/* Info (halványkék) dobozok */
html[data-vig1-theme="dark"] .vig1-vp-modal :is(.vig1-vp-profile-info, .vig1-vp-booking-hours, .vig1-vp-review-total, .vig1-vp-products-loading) {
  background: var(--vig1-d-info-bg) !important;
  border-color: var(--vig1-d-info-border) !important;
  color: var(--vig1-d-info-text) !important;
}
html[data-vig1-theme="dark"] .vig1-vp-modal .vig1-vp-hours-row { border-bottom-color: var(--vig1-d-info-border) !important; }
html[data-vig1-theme="dark"] .vig1-vp-modal .vig1-vp-hours-value { color: var(--vig1-d-info-text) !important; }

/* Zöld (termék / kedvezmény / pénztárca) dobozok */
html[data-vig1-theme="dark"] .vig1-vp-modal :is(.vig1-vp-product-desc, .vig1-vp-product-single, .vig1-vp-wallet, .vig1-vp-discount-summary) {
  background: var(--vig1-d-ok-bg) !important;
  border-color: var(--vig1-d-ok-border) !important;
  color: var(--vig1-d-ok-text) !important;
}
html[data-vig1-theme="dark"] .vig1-vp-modal .vig1-vp-wallet-row { border-bottom-color: var(--vig1-d-ok-border) !important; }
html[data-vig1-theme="dark"] .vig1-vp-modal .vig1-vp-wallet-balance { color: #a5b4fc !important; }
html[data-vig1-theme="dark"] .vig1-vp-modal :is(.vig1-vp-cart-bonus, .vig1-vp-review-bonus) { color: #4ade80 !important; }

/* Kosár / összesítő tételek */
html[data-vig1-theme="dark"] .vig1-vp-modal :is(.vig1-vp-cart-preview, .vig1-vp-review-items) {
  background: #0f172a !important;
  border-color: var(--vig1-d-border) !important;
}
html[data-vig1-theme="dark"] .vig1-vp-modal :is(.vig1-vp-cart-item, .vig1-vp-review-item) {
  background: var(--vig1-d-surface-2) !important;
  border-left-color: #818cf8 !important;
  color: var(--vig1-d-text) !important;
}
html[data-vig1-theme="dark"] .vig1-vp-modal :is(.vig1-vp-cart-item, .vig1-vp-review-item) * {
  color: inherit;
}
html[data-vig1-theme="dark"] .vig1-vp-modal .vig1-vp-cart-preview :is(h3, h4, .vig1-vp-cart-title) { color: #a5b4fc !important; }

/* Hibák */
html[data-vig1-theme="dark"] .vig1-vp-modal :is(.vig1-vp-consent-error, .vig1-vp-shop-error) { color: #fca5a5 !important; }

/* ---------- Gombok ---------- */
html[data-vig1-theme="dark"] .vig1-vp-modal :is(.vig1-vp-btn-primary, .vig1-vp-btn-secondary) {
  background: var(--vig1-d-soft-bg) !important;
  border: 1px solid var(--vig1-d-soft-border) !important;
  color: var(--vig1-d-soft-text) !important;
  box-shadow: none !important;
}
html[data-vig1-theme="dark"] .vig1-vp-modal :is(.vig1-vp-btn-primary, .vig1-vp-btn-secondary):hover:not(:disabled) {
  background: var(--vig1-d-soft-bg-hover) !important;
}
/* Fő művelet (Befejezés / Tovább a számlázási adatokból) */
html[data-vig1-theme="dark"] .vig1-vp-modal .vig1-vp-btn-invoice-submit {
  background: #6366f1 !important;
  border-color: #6366f1 !important;
  color: #ffffff !important;
}
html[data-vig1-theme="dark"] .vig1-vp-modal .vig1-vp-btn-invoice-submit:hover:not(:disabled) { background: #818cf8 !important; border-color: #818cf8 !important; }
html[data-vig1-theme="dark"] .vig1-vp-modal .vig1-vp-btn-ghost {
  background: transparent !important;
  border: 1px solid var(--vig1-d-border-strong) !important;
  color: var(--vig1-d-text-muted) !important;
}
html[data-vig1-theme="dark"] .vig1-vp-modal .vig1-vp-btn-ghost:hover { background: var(--vig1-d-surface-2) !important; color: var(--vig1-d-text) !important; }
/* "Mégse" (vig1-vp-btn-danger): világosban a WP téma gombszínét kapja, ezért
   sötétben is a többi gombhoz igazodik; a tétel törlése (✕) halvány piros. */
html[data-vig1-theme="dark"] .vig1-vp-modal .vig1-vp-btn-danger {
  background: var(--vig1-d-soft-bg) !important;
  border: 1px solid var(--vig1-d-soft-border) !important;
  color: var(--vig1-d-soft-text) !important;
}
html[data-vig1-theme="dark"] .vig1-vp-modal .vig1-vp-btn-danger:hover { background: var(--vig1-d-soft-bg-hover) !important; }
html[data-vig1-theme="dark"] .vig1-vp-modal .vig1-vp-btn-remove {
  background: var(--vig1-d-err-bg) !important;
  border: 1px solid var(--vig1-d-err-border) !important;
  color: #fca5a5 !important;
}
html[data-vig1-theme="dark"] .vig1-vp-modal .vig1-vp-btn-remove:hover { background: rgba(239, 68, 68, .3) !important; }
/* Összeg gombok (1000 Ft, 2000 Ft ...) */
html[data-vig1-theme="dark"] .vig1-vp-modal .vig1-vp-amount-btn {
  background: var(--vig1-d-soft-bg) !important;
  border: 2px solid var(--vig1-d-soft-border) !important;
  color: var(--vig1-d-soft-text) !important;
  box-shadow: none !important;
}
html[data-vig1-theme="dark"] .vig1-vp-modal .vig1-vp-amount-btn:hover:not(:disabled),
html[data-vig1-theme="dark"] .vig1-vp-modal .vig1-vp-amount-btn.is-selected,
html[data-vig1-theme="dark"] .vig1-vp-modal .vig1-vp-amount-btn.active {
  background: #6366f1 !important;
  border-color: #6366f1 !important;
  color: #ffffff !important;
}
/* Letiltott gombok (pl. Összesítő üres kosárral, összeg fizetési mód nélkül) */
html[data-vig1-theme="dark"] .vig1-vp-modal button:disabled {
  background: var(--vig1-d-surface-2) !important;
  border-color: var(--vig1-d-border) !important;
  color: var(--vig1-d-text-soft) !important;
  opacity: .75;
}
/* Info jelvény + tooltip */
html[data-vig1-theme="dark"] .vig1-info-badge { background: #6366f1 !important; }
html[data-vig1-theme="dark"] .vig1-info-badge-tooltip { background: #1e293b !important; border: 1px solid var(--vig1-d-border); }

/* Barion kártyalogós csík: világos háttérre készült, sötétben fehér sávon. */
html[data-vig1-theme="dark"] :is(.vig1-vp-barion-banner, .vig1-barion-banner) img {
  background: #ffffff;
  border-radius: 6px;
  padding: 4px 10px;
}