/* Daylight beta theme (2026-10). The Worker adds this stylesheet to public
   pages for visitors who have not bought yet (see vvThemeFor in _worker.js);
   customers never load it and keep the classic look. Colours only: white
   pages, navy text, trust blue accents, green buy buttons, no orange or gold.
   Remove this file and the Worker hook to end the beta. */
:root {
  --dl-ink: #13243A;
  --dl-muted: #4A5868;
  --dl-blue: #1F5FBF;
  --dl-blue-soft: rgba(31, 95, 191, .1);
  --dl-green: #12804F;
  --dl-green-hover: #0E6B42;
  --dl-mist: #F5F7FA;
  --dl-sky: #E9F1FB;
  --dl-line: #DCE3EC;

  /* vv.css tokens */
  --accent: var(--dl-blue) !important;
  --gold: var(--dl-blue) !important;
  /* index.html tokens (the homepage is dark by default) */
  --bg: #FFFFFF !important;
  --surface: var(--dl-mist) !important;
  --raised: #EEF2F7 !important;
  --border: var(--dl-line) !important;
  --text: var(--dl-ink) !important;
  --muted: var(--dl-muted) !important;
  --heading: var(--dl-ink) !important;
  --dim: #CBD2DA !important;
  --verm: var(--dl-green) !important;
  --verm-light: var(--dl-blue) !important;
  --orange-glow: var(--dl-blue) !important;
  --gold-lift: var(--dl-blue) !important;
  color-scheme: light;
}

/* ---------- Sitewide: orange and gold accents become blue ---------- */
.text-\[\#C1440E\], .text-\[\#9C7A3C\],
.hover\:text-\[\#C1440E\]:hover,
.group:hover .group-hover\:text-\[\#C1440E\],
.group[open] .group-open\:text-\[\#C1440E\],
.nav-active, .article-body a, .feature-check, .toc-link:hover, .toc-link.active,
.policy-nav a:hover, .policy-nav a.active, .vv-reviews-btn:hover { color: var(--dl-blue); }

.border-\[\#C1440E\], .border-\[\#9C7A3C\],
.hover\:border-\[\#C1440E\]:hover, .focus\:border-\[\#C1440E\]:focus, .focus\:border-\[\#9C7A3C\]:focus,
.pricing-card.popular, .quiz-opt:hover, .vv-reviews-btn:hover { border-color: var(--dl-blue); }
.border-\[\#C1440E\]\/20 { border-color: rgba(31, 95, 191, .2); }
.hover\:border-\[\#C1440E\]\/50:hover { border-color: rgba(31, 95, 191, .5); }
.policy-nav a.active { border-left-color: var(--dl-blue); }

.bg-\[\#C1440E\]\/10, .bg-\[\#9C7A3C\]\/15, .bg-\[\#9C7A3C\]\/20 { background-color: var(--dl-blue-soft); }
.from-\[\#C1440E\], .from-\[\#9C7A3C\] { --tw-gradient-from: var(--dl-blue); }
.from-\[\#C1440E\]\/10 { --tw-gradient-from: var(--dl-blue-soft); }
.to-\[\#C1440E\] { --tw-gradient-to: var(--dl-blue); }
.shadow-\[\#C1440E\]\/20 { --tw-shadow-color: rgba(18, 128, 79, .2); box-shadow: 0 10px 15px -3px rgba(18, 128, 79, .2), 0 4px 6px -4px rgba(18, 128, 79, .2); }
.focus\:ring-2:focus, .focus\:ring-\[\#C1440E\]\/20:focus { box-shadow: 0 0 0 3px rgba(31, 95, 191, .2); }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible,
.vv-reviews-carousel:focus-visible, .vv-yt-facade__button:focus-visible, .skip-link:focus { outline-color: var(--dl-blue); }

/* Filled orange or gold = an action. Green is the buy colour. */
.bg-\[\#C1440E\], .bg-\[\#9C7A3C\],
.hover\:bg-\[\#C1440E\]:hover, .hover\:bg-\[\#9C7A3C\]:hover,
.group:hover .group-hover\:bg-\[\#C1440E\],
.btn-complete, .video-slot .play-btn:hover { background-color: var(--dl-green); }
.lesson-item.done .check, .vv-reviews-dot.is-active, #progress-bar { background: var(--dl-blue); border-color: var(--dl-blue); }
.lesson-item.active { background: var(--dl-blue-soft); border-left-color: var(--dl-blue); }

/* Inline style="color:#C1440E" (about 500 spots in page markup) */
[style*="background:#C1440E" i], [style*="background: #C1440E" i],
[style*="background-color:#C1440E" i], [style*="background-color: #C1440E" i] { background: var(--dl-green) !important; color: #fff !important; }
[style*="color:#C1440E" i]:not([style*="background-color:#C1440E" i]),
[style*="color: #C1440E" i]:not([style*="background-color: #C1440E" i]),
[style*="color:#9C7A3C" i], [style*="color: #9C7A3C" i] { color: var(--dl-blue) !important; }
[style*="border-color:#C1440E" i], [style*="border-color: #C1440E" i] { border-color: var(--dl-blue) !important; }

/* Logo wordmark: "Vitez" is drawn in orange inside the lockup SVG */
img[src*="vv-logo-knight-h.svg"], img[src*="vv-logo-knight-h-white"] { content: url("../images/vv-logo-knight-h-daylight.svg"); }
/* The Vitez AI chat (#vv-chat-root) keeps its classic palette; vv-daylight.js skips it too. */

/* ---------- Homepage (index.html is dark by default) ---------- */
body::after, .glow { display: none !important; }
.hero, .hero *, nav, nav * { text-shadow: none !important; }
nav::before { display: none !important; }
body > nav, .over nav, nav.scrolled { background: #fff !important; box-shadow: 0 1px 0 var(--dl-line) !important; }

/* Hero: the shield video gives way to a small-business owner in her shop.
   Zoomed so she sits right of centre, clear of the left-hand panel. */
.hero-media { background: #fff url("../images/home-client-florist.webp") 20% 40% / 160% auto no-repeat; }
@media (min-width: 1024px) {
  .hero-content { margin-left: max(24px, 5vw) !important; margin-right: auto !important; max-width: 760px !important; }
}
@media (max-width: 1023px) {
  .hero-media { background-size: cover; background-position: 50% 40%; }
}
.hero-media video, .hero-media img { display: none !important; }
.hero-media::after { background: rgba(255,255,255,.12) !important; }

.btn:not(.ghost), a.btn:not(.ghost), button.btn:not(.ghost), .mobile-cta {
  background: var(--dl-green) !important; background-image: none !important; color: #fff !important; border-color: var(--dl-green) !important;
}
.btn:not(.ghost):hover, .mobile-cta:hover { background: var(--dl-green-hover) !important; }
.btn.ghost { color: var(--dl-ink) !important; border-color: var(--dl-ink) !important; background: transparent !important; }

.chip { background: #fff !important; border-color: var(--dl-line) !important; color: var(--dl-ink) !important; backdrop-filter: none !important; }
.chip.cta { color: var(--dl-blue) !important; border-color: var(--dl-blue) !important; }
.ch-full .chip b { color: var(--dl-blue) !important; }

/* Hero pieces with hard-coded dark or orange colours */
.hero h1 .accent { background: none !important; color: var(--dl-blue) !important; -webkit-text-fill-color: var(--dl-blue); }
.hero p, .hero-quote { color: var(--dl-ink) !important; }
.hero-content { background: rgba(255,255,255,.9); border-radius: 18px; padding: 28px 24px 22px; box-shadow: 0 10px 40px rgba(19,36,58,.12); }
.hero-pick li a { background: #fff !important; border-color: var(--dl-line) !important; }
.hero-pick li a:hover, .hero-pick li a:focus-visible { border-color: var(--dl-green) !important; }
.hero-form input { background: #fff !important; color: var(--dl-ink) !important; border-color: #CBD2DA !important; }
.hero-form input:focus { border-color: var(--dl-blue) !important; }
.hero-legal { background: rgba(255,255,255,.9) !important; color: var(--dl-muted) !important; }

/* Section videos keep their motion, shifted from orange to blue */
main video:not(#heroVideo) { filter: hue-rotate(185deg); }