/* ============================================================
   LYST TEMA — /boligvideo landing (body.bv-page.theme-light)
   Indlæses SIDST, så den vinder over style.css og bv-portal-demo.css.
   Mørk = standard (uændret). Lys aktiveres af theme.js via klasse.
   Palette: varm off-white + bronze-accent, ikke stål-hvid.
   ============================================================ */

body.bv-page.theme-light {
  color-scheme: light;

  --bg: #f7f5f0;
  --bg-2: #efece5;
  --surface: #ffffff;
  --surface-2: #f4f1ea;
  --border: #e2ddd3;
  --border-2: #cec8bc;

  /* Bronze-accent i stedet for hvid — passer til logoet og Fraunces-typografien */
  --accent: #2a2620;
  --accent-soft: rgba(42, 38, 32, 0.08);

  --text: #17140f;
  --text-2: #55504a;
  --text-3: #8a8378;
}

/* Base */
body.bv-page.theme-light { background: var(--bg); color: var(--text); }

/* Ambient-glød — subtil varm i stedet for hvid tåge */
body.bv-page.theme-light .ambient-top {
  background:
    radial-gradient(ellipse 70% 60% at 50% -20%, rgba(191, 138, 44, 0.10), transparent 65%),
    radial-gradient(ellipse 40% 35% at 72% 8%, rgba(191, 138, 44, 0.05), transparent 60%);
}

/* Scroll progress bar */
body.bv-page.theme-light .scroll-progress { background: rgba(23, 20, 15, 0.06); }

/* Selection og scrollbar */
body.bv-page.theme-light ::selection { background: rgba(191, 138, 44, 0.25); color: var(--text); }
body.bv-page.theme-light ::-webkit-scrollbar-track { background: var(--bg); }
body.bv-page.theme-light ::-webkit-scrollbar-thumb { background: #d0cbc0; }
body.bv-page.theme-light ::-webkit-scrollbar-thumb:hover { background: #b8b2a6; }

/* ---------- NAV ---------- */
body.bv-page.theme-light .nav { border-bottom-color: transparent; }
body.bv-page.theme-light .nav.scrolled {
  background: rgba(247, 245, 240, 0.86);
  backdrop-filter: blur(14px);
  border-bottom-color: var(--border);
}
body.bv-page.theme-light .nav-links a { color: var(--text-2); }
body.bv-page.theme-light .nav-links a:hover,
body.bv-page.theme-light .nav-links a.active {
  color: var(--text);
  background: rgba(23, 20, 15, 0.06);
}
body.bv-page.theme-light .nav-login { color: var(--text-2); }
body.bv-page.theme-light .nav-login:hover { color: var(--text); background: rgba(23, 20, 15, 0.06); }
body.bv-page.theme-light .logo-mark { background: var(--accent); color: #fff; }
body.bv-page.theme-light .logo:hover .logo-mark { background: #0f0c07; color: #fff; }
body.bv-page.theme-light .logo em { color: var(--text-2); }
body.bv-page.theme-light .nav-burger {
  color: var(--text);
  border-color: var(--border-2);
  background: rgba(255, 255, 255, 0.6);
}
body.bv-page.theme-light .mobile-nav {
  background: rgba(247, 245, 240, 0.98);
  border-top-color: var(--border);
}
body.bv-page.theme-light .mobile-nav a { color: var(--text); border-bottom-color: var(--border); }

/* ---------- KNAPPER ---------- */
body.bv-page.theme-light .btn-primary { background: var(--accent); color: #fff; }
body.bv-page.theme-light .btn-primary:hover { background: #0f0c07; color: #fff; }
body.bv-page.theme-light .btn-secondary {
  background: #fff;
  color: var(--text-2);
  border-color: var(--border-2);
}
body.bv-page.theme-light .btn-secondary:hover { color: var(--text); border-color: var(--text-3); background: #fff; }

/* ---------- HERO ---------- */
body.bv-page.theme-light .hero h1 .accent { color: var(--accent); }
body.bv-page.theme-light .hero-label { color: var(--text-3); }
body.bv-page.theme-light .hero-label::before { background: var(--border-2); }
body.bv-page.theme-light .hero-sub { color: var(--text-2); }
body.bv-page.theme-light .hero-glow,
body.bv-page.theme-light .bv-page .hero-glow {
  background:
    radial-gradient(50% 55% at 72% 38%, rgba(191, 138, 44, 0.10), transparent 62%),
    radial-gradient(38% 42% at 18% 18%, rgba(42, 38, 32, 0.05), transparent 60%),
    radial-gradient(28% 32% at 88% 78%, rgba(120, 100, 60, 0.06), transparent 62%);
}
body.bv-page.theme-light .live-status { color: var(--text-2); }

/* ---------- STATS STRIP ---------- */
body.bv-page.theme-light .stats-strip { border-top-color: var(--border); }
body.bv-page.theme-light .stats-strip .num .accent { color: var(--accent); }
body.bv-page.theme-light .stats-strip .lbl { color: var(--text-3); }

/* ---------- SECTIONS ---------- */
body.bv-page.theme-light .section-alt {
  background: var(--bg-2);
  border-top-color: var(--border);
  border-bottom-color: var(--border);
}
body.bv-page.theme-light .section-head p { color: var(--text-2); }
body.bv-page.theme-light .section-head h2 .accent { color: var(--accent); }
body.bv-page.theme-light .eyebrow { color: var(--text-3); }
body.bv-page.theme-light .eyebrow::before { background: var(--border-2); }

/* ---------- KORT (feature, case, plan, svc, offer) ---------- */
body.bv-page.theme-light .feature-item,
body.bv-page.theme-light .case-card,
body.bv-page.theme-light .pitch-item,
body.bv-page.theme-light .compare-card,
body.bv-page.theme-light .plan-card,
body.bv-page.theme-light .svc-card,
body.bv-page.theme-light .bv-offer-card,
body.bv-page.theme-light .tp-card,
body.bv-page.theme-light .wcb-card,
body.bv-page.theme-light .hscroll-panel,
body.bv-page.theme-light .task-item.active {
  background: var(--surface);
  border-color: var(--border);
  box-shadow: 0 14px 34px -26px rgba(23, 20, 15, 0.22);
}
body.bv-page.theme-light .feature-item:hover,
body.bv-page.theme-light .case-card:hover,
body.bv-page.theme-light .pitch-item:hover,
body.bv-page.theme-light .compare-card:hover,
body.bv-page.theme-light .plan-card:hover,
body.bv-page.theme-light .svc-card:hover,
body.bv-page.theme-light .bv-offer-card:hover {
  border-color: var(--border-2);
  background: var(--surface);
  box-shadow: 0 20px 44px -22px rgba(23, 20, 15, 0.28);
}
body.bv-page.theme-light .feature-icon {
  background: var(--accent-soft);
  border-color: rgba(42, 38, 32, 0.22);
  color: var(--accent);
}
body.bv-page.theme-light .task-item { border-color: transparent; }
body.bv-page.theme-light .task-item:hover { background: var(--surface); }
body.bv-page.theme-light .task-num { color: var(--text-3); }
body.bv-page.theme-light .task-item.active .task-num { color: var(--accent); }
body.bv-page.theme-light .task-name { color: var(--text-2); }
body.bv-page.theme-light .task-arrow { color: var(--text-3); }
body.bv-page.theme-light .task-item.active .task-arrow { color: var(--accent); }

/* Populær-plan — bronze i stedet for hvid glød */
body.bv-page.theme-light .plan-card.popular {
  border-color: var(--accent);
  background:
    linear-gradient(170deg, rgba(191, 138, 44, 0.08), transparent 45%),
    var(--surface);
}
body.bv-page.theme-light .bv-page .plan-card.popular {
  animation: bvCardGlowLight 3.8s ease-in-out infinite;
}
@keyframes bvCardGlowLight {
  0%, 100% { box-shadow: 0 0 0 1px rgba(42, 38, 32, 0.14), 0 18px 50px -28px rgba(42, 38, 32, 0.22); }
  50%      { box-shadow: 0 0 0 1px rgba(42, 38, 32, 0.28), 0 28px 64px -22px rgba(42, 38, 32, 0.32); }
}
body.bv-page.theme-light .plan-tag { background: var(--accent); color: #fff; }
body.bv-page.theme-light .plan-name { color: var(--text-3); }
body.bv-page.theme-light .plan-price small { color: var(--text-3); }
body.bv-page.theme-light .plan-desc { color: var(--text-2); }
body.bv-page.theme-light .plan-feats li { color: var(--text-2); border-bottom-color: var(--border); }
body.bv-page.theme-light .plan-feats li .chk { color: var(--accent); }
body.bv-page.theme-light .plan-meta { color: var(--text-2); border-bottom-color: var(--border); }
body.bv-page.theme-light .plan-meta strong { color: var(--text); }

/* ---------- PROCES — den animerede linje mellem steps ---------- */
body.bv-page.theme-light .process-grid--3::before { background: var(--border-2); }
body.bv-page.theme-light .process-grid--3::after { background: var(--accent); opacity: 0.6; }

/* ---------- SHOWREEL / VIDEO thumbnails ---------- */
body.bv-page.theme-light .svc-card { background: var(--surface); border-color: var(--border); }
body.bv-page.theme-light .bv-svc-shot { background: #17140f; }
body.bv-page.theme-light .svc-title { color: var(--text); }
body.bv-page.theme-light .svc-desc { color: var(--text-2); }
body.bv-page.theme-light .svc-tag {
  background: var(--accent-soft);
  color: var(--accent);
  border: 1px solid rgba(42, 38, 32, 0.2);
}

/* ---------- TILBUD ---------- */
body.bv-page.theme-light .bv-offer-card h3 { color: var(--text); }
body.bv-page.theme-light .bv-offer-card p { color: var(--text-2); }
body.bv-page.theme-light .bv-callout::before { background: linear-gradient(180deg, rgba(191, 138, 44, 0.4), transparent); }

/* ---------- HERO telefon-mocks — holdes mørke, ellers bliver rammerne hvide firkanter ---------- */
body.bv-page.theme-light .bv-phone,
body.bv-page.theme-light .bv-phone-screen { background: #0b0b0b; border-color: rgba(255, 255, 255, 0.14); }
body.bv-page.theme-light .bv-phones::before { opacity: 0.18; }

/* ---------- FAQ ---------- */
body.bv-page.theme-light .faq-item {
  background: var(--surface);
  border-color: var(--border);
}
body.bv-page.theme-light .faq-item[open] { border-color: var(--border-2); }
body.bv-page.theme-light .faq-q { color: var(--text); }
body.bv-page.theme-light .faq-a { color: var(--text-2); }
body.bv-page.theme-light .faq-item summary::-webkit-details-marker { display: none; }
body.bv-page.theme-light .faq-plus { color: var(--text-3); }

/* ---------- FORM (prøvesag) ---------- */
body.bv-page.theme-light input,
body.bv-page.theme-light textarea,
body.bv-page.theme-light select {
  background: #ffffff;
  color: var(--text);
  border-color: var(--border-2);
}
body.bv-page.theme-light input::placeholder,
body.bv-page.theme-light textarea::placeholder { color: var(--text-3); }
body.bv-page.theme-light input:focus,
body.bv-page.theme-light textarea:focus,
body.bv-page.theme-light select:focus { border-color: var(--accent); outline: none; box-shadow: 0 0 0 3px rgba(42, 38, 32, 0.08); }
body.bv-page.theme-light label { color: var(--text-2); }
body.bv-page.theme-light .form-note { color: var(--text-3); }

/* ---------- FOOTER ---------- */
body.bv-page.theme-light footer,
body.bv-page.theme-light .site-footer,
body.bv-page.theme-light .footer {
  background: var(--bg-2);
  color: var(--text-2);
  border-top-color: var(--border);
}
body.bv-page.theme-light footer a { color: var(--text-2); }
body.bv-page.theme-light footer a:hover { color: var(--text); }

/* ---------- Live-dot og system-map — behold grøn puls (den signalerer live) ---------- */
/* .ls-dot bevares som den er */

/* ---------- Video baggrunde altid mørke så videoerne ikke ser vaskede ud ---------- */
body.bv-page.theme-light video,
body.bv-page.theme-light .video-frame,
body.bv-page.theme-light .bv-svc-shot { background: #0a0a0a; }

/* ---------- Reveal-effekter — samme opførsel, bare på lys ---------- */
body.bv-page.theme-light .reveal { }

/* ============================================================
   TEMA-KNAP (samme som portal-theme.css, men også synlig her)
   ============================================================ */
.theme-toggle {
  display: inline-flex; align-items: center; gap: 7px;
  height: 34px; padding: 0 12px 0 10px;
  border: 1px solid var(--border-2); border-radius: 999px;
  background: transparent; color: var(--text-2);
  font-family: var(--font-sans); font-size: 12.5px; font-weight: 500;
  cursor: pointer; white-space: nowrap;
  transition: color var(--t), border-color var(--t), background var(--t);
}
.theme-toggle:hover { color: var(--text); border-color: var(--text-3); }
.theme-toggle svg { width: 15px; height: 15px; flex: none; }
.theme-toggle .tt-moon { display: none; }
body.theme-light .theme-toggle .tt-moon { display: block; }
body.theme-light .theme-toggle .tt-sun { display: none; }
body.bv-page.theme-light .theme-toggle { background: #ffffff; }

@media (max-width: 760px) {
  .theme-toggle { padding: 0 10px; }
  .theme-toggle .tt-label { display: none; }
}

/* ============================================================
   RETTELSER — elementer der ellers stod mørke på lys baggrund
   (fundet ved tema-audit: hårdkodede farver uden var())
   ============================================================ */

/* Sticky bundbar — varm hvid på lys baggrund, bronze-kant og prik */
body.bv-page.theme-light .bv-sticky {
  background: rgba(255, 255, 255, 0.94);
  border-color: rgba(23, 20, 15, 0.14);
  box-shadow: 0 18px 50px -22px rgba(23, 20, 15, 0.3);
}
body.bv-page.theme-light .bv-sticky-msg { color: rgba(23, 20, 15, 0.72); }
body.bv-page.theme-light .bv-sticky-msg strong { color: #17140f; }
body.bv-page.theme-light .bv-sticky .btn-primary { background: #17140f; color: #ffffff; }
body.bv-page.theme-light .bv-sticky .btn-primary:hover { background: #b8862f; color: #ffffff; }

/* Footer-links hover var #fff → usynlig på lys baggrund */
body.bv-page.theme-light .footer-links a:hover { color: var(--text); }

/* Grønne noter — #7ee2a8 på lys baggrund var ulæselig */
body.bv-page.theme-light .form-success,
body.bv-page.theme-light .bv-plan-note {
  color: #14603c;
  background: rgba(20, 96, 60, 0.08);
  border-color: rgba(20, 96, 60, 0.22);
}

/* Prøvesag — fokus-ring */
body.bv-page.theme-light .bv-trial:focus-within {
  box-shadow: 0 0 0 1px rgba(23, 20, 15, 0.14), 0 24px 60px -36px rgba(23, 20, 15, 0.3);
}

/* Portal-demo ramme — blødere skygge på lys baggrund */
body.bv-page.theme-light .bv-portal-frame {
  box-shadow: 0 30px 80px -46px rgba(23, 20, 15, 0.45);
}

/* Film-sektionen på lys baggrund */
body.bv-page.theme-light .bv-film-frame {
  box-shadow: 0 34px 80px -40px rgba(23, 20, 15, 0.4), 0 0 0 1px rgba(23, 20, 15, 0.06);
}
body.bv-page.theme-light .bv-film-frame::after { box-shadow: inset 0 0 0 1px rgba(23, 20, 15, 0.08); }
body.bv-page.theme-light .bv-film-frame:hover::after { box-shadow: inset 0 0 0 2px rgba(23, 20, 15, 0.18); }
body.bv-page.theme-light .bv-film-play {
  background: #ffffff; color: #17140f;
  box-shadow: 0 20px 60px -22px rgba(23, 20, 15, 0.5);
  animation-name: bvFilmPulseLight;
}
@keyframes bvFilmPulseLight {
  0%, 100% { box-shadow: 0 20px 60px -22px rgba(23, 20, 15, 0.5), 0 0 0 0 rgba(23, 20, 15, 0.18); }
  55%      { box-shadow: 0 20px 60px -22px rgba(23, 20, 15, 0.5), 0 0 0 16px rgba(23, 20, 15, 0); }
}