/* ═══════════════════════════════════════════════════════════
   ShowUP Nordic — Light Theme System
   Link: <link rel="stylesheet" href="/static/showup_theme.css">
   JS:   <script src="/static/showup_nav.js"></script>
   ═══════════════════════════════════════════════════════════ */

/* ─── ROOT OVERRIDES ────────────────────────────────────── */
html.light {
  /* Landing palette */
  --copper:       #1A6B4A;
  --copper-light: #2A8F65;
  --copper-glow:  rgba(26,107,74,.35);
  --copper-dim:   #B8D4C8;
  --dark:         #FAFAFA;
  --dark-2:       #F2F2F2;
  --dark-3:       #E8E8E8;
  --dark-4:       #D4D4D4;
  --text:         #1A1A1A;
  --text-muted:   #5A5A5A;
  --text-dim:     #999;
  --green:        #1A6B4A;
  --green-light:  #2A8F65;
  --white:        #0F0F0F;

  /* App-side palette */
  --bg:           #FAFAFA;
  --bg2:          #F2F2F2;
  --panel:        rgba(255,255,255,.55);
  --panel2:       rgba(248,248,248,.98);
  --border:       #D4D4D4;
  --muted:        #6A6A6A;
  --accent:       #1A6B4A;
  --copper-soft:  rgba(26,107,74,.1);
  --glass-bg:     rgba(255,255,255,.40);
  --glass-border: rgba(26,107,74,.2);
  --success:      #1A6B4A;
  --danger:       #D32F2F;
  --warning:      #E8A817;

  /* Superadmin palette */
  --red:          #D32F2F;
  --red-bright:   #E53935;
  --red-soft:     rgba(211,47,47,.1);
  --red-glow:     rgba(211,47,47,.25);
  --amber:        #E8A817;
  --amber-soft:   rgba(232,168,23,.1);
  --dim:          #999;
}

/* ═══════════════════════════════════════════════════════════
   GLOBAL OVERRIDES (alle sider)
   ═══════════════════════════════════════════════════════════ */

html.light body {
  background: #FAFAFA !important;
  background-image: none !important;
  color: #1A1A1A;
}

/* ═══════════════════════════════════════════════════════════
   LANDING — Light Theme
   Bildet KUN i hero. Resten = solid sandstein. Ingen filter.
   ═══════════════════════════════════════════════════════════ */

/* Body: sandstein-farge (erstatter svart) */
html.light body.page-landing {
  background: #F5EDE0 !important;
  color: #1A1A1A !important;
}

/* Hero-bg: bytt gradient til bakgrunnsbilde */
html.light .page-landing .hero-bg {
  background: url('/static/bakgrunn_landing_bright.png') center center / cover no-repeat !important;
}

/* Gradient-slor: tekst leser mot bildet pa venstre side */
html.light .page-landing .hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    105deg,
    rgba(245,237,224,0.94) 0%,
    rgba(245,237,224,0.82) 38%,
    rgba(245,237,224,0.35) 62%,
    transparent 100%
  );
  z-index: 1;
  pointer-events: none;
}
html.light .page-landing .hero-content { position: relative; z-index: 2; }


/* Fjern grid-overlay i hero */
html.light .page-landing .hero-grid {
  display: none !important;
}

/* Alle seksjoner under hero: solid sandstein, ingen bilde */
html.light .page-landing .who-section,
html.light .page-landing .mode-section,
html.light .page-landing .how-section,
html.light .page-landing .pitch-section {
  background: #F5EDE0 !important;
}

/* Mode-kort */
html.light .page-landing .mode-card {
  background: rgba(255,255,255,.50) !important;
  border: 1px solid rgba(26,107,74,.12) !important;
  border-radius: 12px !important;
}

/* Tekst — mørk på sandstein */
html.light .page-landing h1,
html.light .page-landing h2,
html.light .page-landing h3,
html.light .page-landing .hero-title,
html.light .page-landing .section-title {
  color: #1A1A1A !important;
}
html.light .page-landing p,
html.light .page-landing li,
html.light .page-landing .hero-sub,
html.light .page-landing .step-text,
html.light .page-landing .mode-desc {
  color: #3A3A3A !important;
}
html.light .page-landing .step-num {
  background: rgba(255,255,255,.5) !important;
  border-color: var(--copper) !important;
}
html.light .page-landing .code-block,
html.light .page-landing .mode-example {
  background: rgba(255,255,255,.45) !important;
}

/* Dashboard lys bakgrunn (identifiseres via sidebar, men IKKE superadmin) */
html.light body:has(.sidebar):not(.sa-page) {
  background: #FAFAFA url('/static/dash_bkgrnd_lys.png') center center / cover fixed !important;
}

/* ── SUPERADMIN — mørkt tema bakgrunn ── */
body.sa-page {
  background-image: none !important;
}
body.sa-page::after {
  background-image: url('/static/img/backgrounds/showup_superadmin.png') !important;
  opacity: 0.13 !important;
}

/* ── SUPERADMIN — lyst tema bakgrunn ── */
html.light body.sa-page {
  background: #f0e8d8 !important;
}
html.light body.sa-page::after {
  background-image: url('/static/img/backgrounds/showup_superadmin_lys.png') !important;
  opacity: 0.55 !important;
  content: '' !important;
  position: fixed !important;
  inset: 0 !important;
  background-size: cover !important;
  background-position: center !important;
  background-attachment: fixed !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

/* Terms & GDPR lys bakgrunn */
html.light body.page-terms {
  background: #FAF6F0 url('/static/img/backgrounds/vilkaar_lys.png') center top / cover fixed !important;
}
html.light body.page-terms::after {
  background: rgba(245,237,224,0.55) !important;
}

/* Terms — mørkt tema bakgrunn */
html:not(.light) body.page-terms {
  background: #0e0905 url('/static/img/backgrounds/vilkaar.png') center top / cover fixed !important;
}
html:not(.light) body.page-terms::after {
  background: rgba(8,5,2,0.72) !important;
  opacity: 1 !important;
}
html.light body.page-gdpr {
  background: #FAF6F0 url('/static/img/backgrounds/gdpr_lys.png') center top / cover fixed !important;
}
html.light body.page-gdpr::after {
  background: rgba(245,237,224,0.55) !important;
}
/* GDPR — mørkt tema bakgrunn */
html:not(.light) body.page-gdpr {
  background: #0e0905 url('/static/img/backgrounds/gdpr.png') center top / cover fixed !important;
}
html:not(.light) body.page-gdpr::after {
  background: rgba(8,5,2,0.78) !important;
  opacity: 1 !important;
}


html.light body::before {
  display: none !important;
}

/* ─── Inputs / forms ────────────────────────────────────── */
html.light input,
html.light select,
html.light textarea {
  background: #F8F8F8 !important;
  border-color: #D4D4D4 !important;
  color: #1A1A1A !important;
}
html.light input::placeholder,
html.light textarea::placeholder { color: #999 !important; }
html.light select option { background: #FAFAFA !important; color: #1A1A1A !important; }

/* ─── Buttons ───────────────────────────────────────────── */
html.light .btn-primary,
html.light .btn-save {
  background: var(--copper) !important;
  color: #fff !important;
  box-shadow: 0 4px 16px rgba(26,107,74,.25) !important;
}
html.light .btn-google {
  background: #fff !important;
  color: #333 !important;
  border: 1px solid #D4D4D4 !important;
}

/* ─── Links ─────────────────────────────────────────────── */
html.light a { color: var(--copper); }
html.light .nav-signin { color: #5A5A5A !important; border-color: #D4D4D4 !important; }
html.light .nav-signin:hover { color: var(--copper) !important; border-color: var(--copper) !important; }

/* ─── Scrollbar ─────────────────────────────────────────── */
html.light ::-webkit-scrollbar-track { background: #F2F2F2; }
html.light ::-webkit-scrollbar-thumb { background: #C4C4C4; }
html.light ::-webkit-scrollbar-thumb:hover { background: #AAA; }

/* ─── Cards & panels (generisk) ─────────────────────────── */
html.light .card,
html.light .step-card,
html.light .login-card,
html.light .panel,
html.light .stat-card,
html.light .booking-card,
html.light .calendar-panel,
html.light .settings-panel,
html.light .section-card {
  background: rgba(255,255,255,.60) !important;
  border-color: #D4D4D4 !important;
  color: #1A1A1A;
}

/* ═══════════════════════════════════════════════════════════
   LANDING PAGE
   ═══════════════════════════════════════════════════════════ */

/* Nav */
html.light nav {
  background: rgba(250,250,250,.92) !important;
  border-bottom-color: rgba(26,107,74,.15) !important;
}
html.light .nav-cta { color: #fff !important; }
html.light .nav-logo { color: var(--copper); }

/* Samisk banner */
html.light .sami-greeting { background: rgba(250,250,250,.95); }
html.light .sami-bord, html.light .sami-bord-mid, html.light .sami-bord-bottom { opacity: 0.5; }
html.light .sami-strip { background: rgba(26,107,74,.03); border-bottom-color: rgba(26,107,74,.1); }

/* Språkvelger */
html.light .lang-btn { border-color: #D4D4D4; color: #5A5A5A; }
html.light .lang-btn.active, html.light .lang-btn:hover { border-color: var(--copper); color: var(--copper); }

/* Hero — bakgrunn og grid håndteres av .page-landing-reglene øverst */
html.light .hero-calendar { mix-blend-mode: multiply; animation: calFadeLight 2s .4s ease-out forwards !important; }
@keyframes calFadeLight { to { opacity: .12; } }
html.light .hero-clock-overlay { animation: clkFadeLight 2s 1.2s ease-out forwards !important; }
@keyframes clkFadeLight { to { opacity: .3; } }
html.light .hero-title .outline {
  -webkit-text-stroke-color: rgba(26,107,74,.35) !important;
  color: transparent;
}
html.light .hero-deco-ring { border-color: rgba(26,107,74,.12); }
html.light .hero-deco-ring:nth-child(2) { border-color: rgba(26,107,74,.08); }
html.light .hero-deco-ring:nth-child(3) { border-color: rgba(26,107,74,.15); }

/* Trust bar */
html.light .trust-bar { background: #F2F2F2; border-color: rgba(26,107,74,.1); }
html.light .trust-item { color: #3A3A3A; }

/* Who */
html.light .who-grid { background: #D4D4D4; border-color: #D4D4D4; }
html.light .who-card { background: #FAFAFA; }
html.light .who-card:hover { background: #F2F2F2; }

/* Mode */
html.light .mode-card.free, html.light .mode-card.paid {
  background: linear-gradient(135deg, #F2F2F2 0%, rgba(26,107,74,.04) 100%);
  border-color: rgba(26,107,74,.2);
}
html.light .mode-card.free .mode-badge { background: rgba(26,107,74,.1); }
html.light .mode-card.paid .mode-badge { background: rgba(26,107,74,.1); color: var(--green); }
html.light .mode-card.free .mode-example,
html.light .mode-card.paid .mode-example { background: rgba(26,107,74,.05); color: #3A3A3A; }

/* How */
html.light .step-num { background: #FAFAFA; }
html.light .steps::before { background: linear-gradient(90deg, transparent, #B8D4C8, #B8D4C8, transparent); }

/* Pitch */
html.light .pitch-grid { background: #D4D4D4; border-color: #D4D4D4; }
html.light .pitch-card { background: #F2F2F2; }
html.light .pitch-num { color: rgba(26,107,74,.08); }

/* CTA */
html.light .cta-section::before { background: radial-gradient(ellipse 60% 60% at 50% 50%, rgba(26,107,74,.05) 0%, transparent 70%); }

/* Footer */
html.light footer { background: #F2F2F2 !important; border-top-color: rgba(26,107,74,.1) !important; }
html.light .footer-brand span, html.light .footer-copy, html.light .footer-links a { color: #5A5A5A; }
html.light .footer-links a:hover { color: var(--copper); }

/* Cursor — skjul i lyst tema */
html.light .cursor, html.light .cursor-ring { display: none; }


/* ═══════════════════════════════════════════════════════════
   APP-SIDER: topnav, sidebar, tabs, booking kalender
   ═══════════════════════════════════════════════════════════ */

/* Topnav (login, register, admin, forgot, reset, booking, terms) */
html.light .topnav {
  background: rgba(250,250,250,.95) !important;
  border-bottom-color: #D4D4D4 !important;
}
html.light .topnav .wordmark { color: #1A1A1A; }
html.light .nav-tag { border-color: #D4D4D4 !important; color: #6A6A6A !important; }

/* Sidebar (dashboard) */
html.light .sidebar {
  background: #F2F2F2 !important;
  border-right-color: #D4D4D4 !important;
}
html.light .sidebar-brand { border-bottom-color: #D4D4D4 !important; }
html.light .sidebar-user { border-bottom-color: #D4D4D4 !important; }
html.light .user-avatar { background: var(--copper) !important; color: #fff !important; }

/* Dashboard bakgrunn — skjul mørk bakgrunn i lyst tema */
html.light .topbar {
  background: rgba(255,255,255,.55) !important;
  border-bottom-color: #D4D4D4 !important;
}
html.light .sidebar a,
html.light .sidebar .nav-item { color: #5A5A5A; }
html.light .sidebar a:hover,
html.light .sidebar .nav-item:hover { color: var(--copper); }
html.light .sidebar a.active,
html.light .sidebar .nav-item.active { color: var(--copper); background: rgba(26,107,74,.08); }

/* Tabs (admin) */
html.light .tab { color: #5A5A5A; border-color: #D4D4D4; }
html.light .tab.active { background: var(--copper) !important; color: #fff !important; }
html.light .tab:hover { color: var(--copper); }

/* ─── GLASS/CARD OVERRIDES (dette er kjernen!) ──────────── */
/* Register: .step.active */
html.light .step.active {
  background: rgba(255,255,255,.55) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border-color: rgba(26,107,74,.15) !important;
  box-shadow: 0 8px 32px rgba(0,0,0,.08) !important;
  color: #1A1A1A;
}
html.light .step h1 { color: #1A1A1A; }
html.light .step .sub { color: #5A5A5A; }
html.light .field label { color: #5A5A5A !important; }

/* Login: bakgrunn + kort */
html.light body.page-login {
  background: #F5EDE0 url('/static/login_bg_lys.png') center center / cover no-repeat fixed !important;
}
html.light .page-login .vignette {
  display: none !important;
}
html.light .login-card {
  background: rgba(255,255,255,.55) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border-color: rgba(26,107,74,.15) !important;
  box-shadow: 0 8px 32px rgba(0,0,0,.08) !important;
  color: #1A1A1A;
}
html.light .login-card::before { display: none !important; }
html.light .login-card h1,
html.light .login-card .brand-block h1 { color: var(--copper) !important; text-shadow: none !important; }

/* Forgot & Reset: .card (generisk glass-kort) */
html.light .forgot-card,
html.light .reset-card {
  background: rgba(255,255,255,.55) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border-color: #D4D4D4 !important;
  box-shadow: 0 8px 32px rgba(0,0,0,.08) !important;
  color: #1A1A1A;
}
html.light .brand-block h1 { color: var(--copper) !important; text-shadow: none !important; }
html.light .brand-block .tagline { color: #5A5A5A !important; }

/* Admin: .card */
html.light .card {
  background: rgba(255,255,255,.60) !important;
  border-color: #D4D4D4 !important;
  box-shadow: 0 8px 32px rgba(0,0,0,.08) !important;
  color: #1A1A1A;
}
html.light .card-eyebrow { color: var(--copper) !important; }

/* Dashboard: topbar, panels, cards */
html.light .topbar {
  background: rgba(250,250,250,.92) !important;
  border-bottom-color: #D4D4D4 !important;
}
html.light .content-panel,
html.light .content-card,
html.light .tab-content,
html.light .section-panel {
  background: rgba(255,255,255,.60) !important;
  border-color: #D4D4D4 !important;
  color: #1A1A1A;
}

/* Booking: header, glass panels */
html.light .booking-top,
html.light .booking-nav {
  background: rgba(250,250,250,.92) !important;
  border-color: #D4D4D4 !important;
}

/* Body background-image — fjern i lyst tema */
html.light body {
  background-image: none !important;
  background: #FAFAFA !important;
}
html.light body::before {
  background: none !important;
  opacity: 0 !important;
}

/* Captcha / misc boxes */
html.light .captcha-box {
  background: #F2F2F2 !important;
  border-color: #D4D4D4 !important;
}

/* Dividers */
html.light .divider { color: #999; }
html.light .divider::before,
html.light .divider::after { background: #D4D4D4 !important; }

/* Text shadows — fjern i lyst tema */
html.light h1, html.light h2, html.light h3 { text-shadow: none !important; }

/* btn-ghost */
html.light .btn-ghost {
  color: #5A5A5A !important;
  border-color: #D4D4D4 !important;
}
html.light .btn-ghost:hover {
  color: var(--copper) !important;
  border-color: var(--copper) !important;
}

/* Booking link box */
html.light .booking-link-box {
  background: rgba(26,107,74,.06) !important;
  border-color: rgba(26,107,74,.2) !important;
  color: #1A1A1A;
}

/* Nav register btn (login page) */
html.light .nav-register {
  background: rgba(26,107,74,.08) !important;
  border-color: rgba(26,107,74,.2) !important;
  color: var(--copper) !important;
}

/* Progress bar (register) */
html.light .progress-bar { background: #D4D4D4 !important; }
html.light .progress-fill { background: linear-gradient(90deg, var(--copper), #34A876) !important; }
html.light .plan-badge { background: var(--copper) !important; color: #fff !important; }

/* Register: bakgrunnsbytte */
html.light body.page-register {
  background: #F5EDE0 url('/static/register_bg_lys.png') center center / cover no-repeat fixed !important;
}

/* ═══════════════════════════════════════════════════════════
   GDPR & TERMS — Light Theme (fullstendig)
   ═══════════════════════════════════════════════════════════ */

/* Fjern mørke bakgrunnsbilder og overlays */
html.light body::after {
  background: none !important;
  opacity: 0 !important;
}

/* ─── Terms-side ─────────────────────────────────────────── */
html.light .topnav {
  background: rgba(255,255,255,.60) !important;
  border-bottom-color: #D4D4D4 !important;
  backdrop-filter: blur(14px) !important;
}
html.light .showup-wordmark { color: #1A1A1A !important; }
html.light .showup-wordmark span { color: var(--copper) !important; }
html.light .nordic-tag { color: var(--copper) !important; }

/* Løftet innholdspanel — Terms */
html.light .terms-hero,
html.light .terms-toc,
html.light .terms-content {
  background: rgba(255,255,255,.50) !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 32px rgba(0,0,0,.06), 0 1px 4px rgba(0,0,0,.04) !important;
  border: 1px solid rgba(26,107,74,.1) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  backdrop-filter: blur(8px) !important;
  color: #1A1A1A !important;
}
html.light .terms-hero {
  margin-top: 2rem !important;
  border-bottom: none !important;
  border-radius: 16px 16px 0 0 !important;
  padding-bottom: 2rem !important;
}
html.light .terms-toc {
  border-radius: 0 !important;
  border-top: 1px solid rgba(26,107,74,.08) !important;
  border-bottom: 1px solid rgba(26,107,74,.08) !important;
  box-shadow: none !important;
}
html.light .terms-content {
  border-radius: 0 0 16px 16px !important;
  box-shadow: 0 8px 40px rgba(0,0,0,.06) !important;
  border-top: none !important;
  margin-bottom: 2rem !important;
}

html.light .terms-hero h1 { color: #1A1A1A !important; }
html.light .terms-hero h1 em { color: var(--copper) !important; }
html.light .terms-eyebrow { color: var(--copper) !important; }
html.light .terms-intro { color: #5A5A5A !important; }
html.light .meta-badge { color: #5A5A5A !important; }
html.light .meta-badge .dot { background: var(--copper) !important; }

html.light .toc-title { color: var(--copper) !important; }
html.light .toc-list a { color: #5A5A5A !important; }
html.light .toc-list a:hover { color: var(--copper) !important; }
html.light .toc-num { color: var(--copper) !important; }

html.light .terms-section {
  border-bottom-color: rgba(26,107,74,.08) !important;
}
html.light .terms-section .section-label { color: var(--copper) !important; }
html.light .terms-section h2 { color: #1A1A1A !important; }
html.light .terms-section p { color: #4A4A4A !important; }
html.light .terms-section p strong { color: #1A1A1A !important; }
html.light .terms-list li { color: #4A4A4A !important; }
html.light .terms-list li::before { color: var(--copper) !important; }
html.light .highlight-box {
  background: rgba(26,107,74,.05) !important;
  border-left-color: var(--copper) !important;
  border-radius: 0 8px 8px 0 !important;
}
html.light .highlight-box p { color: #1A1A1A !important; }

html.light .contact-card {
  background: rgba(26,107,74,.04) !important;
  border-color: rgba(26,107,74,.12) !important;
  border-radius: 12px !important;
}
html.light .contact-avatar {
  background: rgba(26,107,74,.08) !important;
  border-color: rgba(26,107,74,.2) !important;
}
html.light .contact-info strong { color: #1A1A1A !important; }
html.light .contact-info span { color: var(--copper) !important; }

html.light .terms-footer {
  border-top-color: #D4D4D4 !important;
  color: #5A5A5A !important;
}
html.light .terms-footer a { color: var(--copper) !important; }

html.light .lang-btn {
  border-color: #D4D4D4 !important;
  color: #5A5A5A !important;
  background: transparent !important;
}
html.light .lang-btn:hover,
html.light .lang-btn.active {
  border-color: var(--copper) !important;
  color: var(--copper) !important;
  background: rgba(26,107,74,.06) !important;
}

/* ─── GDPR-side — løftet panel ───────────────────────────── */
html.light .wrap {
  background: rgba(255,255,255,.50) !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 32px rgba(0,0,0,.06), 0 1px 4px rgba(0,0,0,.04) !important;
  border: 1px solid rgba(26,107,74,.1) !important;
  backdrop-filter: blur(8px) !important;
  color: #1A1A1A !important;
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}
html.light .back { color: var(--copper) !important; }

html.light .om-eyebrow { color: var(--copper) !important; }
html.light .om-title { color: #1A1A1A !important; }
html.light .om-title span { color: var(--copper) !important; }
html.light .om-sub { color: #5A5A5A !important; }
html.light .om-divider { background: linear-gradient(90deg, var(--copper), transparent) !important; }
html.light .om-section-label { color: var(--copper) !important; }
html.light .om-body { color: #4A4A4A !important; }
html.light .om-body em {
  color: #1A1A1A !important;
  border-bottom-color: rgba(26,107,74,.3) !important;
}
html.light .om-body a { color: var(--copper) !important; }

html.light .rights-grid {
  background: rgba(26,107,74,.1) !important;
  border-color: rgba(26,107,74,.15) !important;
}
html.light .right-card {
  background: rgba(255,255,255,.60) !important;
}
html.light .right-title { color: var(--copper) !important; }
html.light .right-body { color: #4A4A4A !important; }

html.light .processors th {
  color: var(--copper) !important;
  border-bottom-color: rgba(26,107,74,.2) !important;
}
html.light .processors td {
  color: #4A4A4A !important;
  border-bottom-color: rgba(0,0,0,.06) !important;
}
html.light .processors tr:hover td {
  background: rgba(26,107,74,.04) !important;
}
html.light .processors a { color: var(--copper) !important; }

html.light .om-cta {
  border-left-color: var(--copper) !important;
  background: rgba(26,107,74,.04) !important;
}
html.light .om-cta p { color: #4A4A4A !important; }
html.light .cta-btn {
  border-color: var(--copper) !important;
  color: var(--copper) !important;
}
html.light .cta-btn:hover {
  background: var(--copper) !important;
  color: #fff !important;
}
html.light .om-footer {
  border-top-color: rgba(26,107,74,.15) !important;
  color: #999 !important;
}
html.light .grain { display: none !important; }

/* Booking page (public) */
html.light .booking-hero,
html.light .booking-header { background: #F2F2F2 !important; }
html.light .time-slot {
  background: #F8F8F8 !important;
  border-color: #D4D4D4 !important;
  color: #1A1A1A !important;
}
html.light .time-slot:hover,
html.light .time-slot.selected {
  border-color: var(--copper) !important;
  background: rgba(26,107,74,.08) !important;
}
html.light .calendar-day.available { color: #1A1A1A; }
html.light .calendar-day.selected { background: var(--copper) !important; color: #fff !important; }
html.light .calendar-day.today { border-color: var(--copper) !important; }

/* Superadmin badges */
html.light .badge.active { background: rgba(26,107,74,.1) !important; border-color: rgba(26,107,74,.3) !important; color: #1A6B4A !important; }
html.light .badge.resolved { background: rgba(26,107,74,.1) !important; border-color: rgba(26,107,74,.3) !important; color: #1A6B4A !important; }


/* ═══════════════════════════════════════════════════════════
   TEMA-KNAPP (inline i nav)
   ═══════════════════════════════════════════════════════════ */
.theme-toggle {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.35rem 0.9rem;
  border: 1px solid var(--copper, #b87333);
  border-radius: 4px;
  background: transparent;
  color: var(--copper, #b87333);
  font-family: 'DM Mono', 'IBM Plex Mono', 'JetBrains Mono', monospace;
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  cursor: pointer;
  transition: all 0.25s;
  white-space: nowrap;
}
.theme-toggle:hover {
  background: var(--copper, #b87333);
  color: #fff;
  transform: translateY(-1px);
}

/* Fallback for sider uten .nav-links (injisert av showup_nav.js) */
.theme-toggle.floating {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  z-index: 200;
  padding: 0.5rem 1.1rem;
  border-radius: 8px;
  background: var(--panel, rgba(255,255,255,.60));
  box-shadow: 0 4px 20px rgba(0,0,0,.15);
  font-size: 0.8rem;
}


/* ═══════════════════════════════════════════════════════════
   SMOOTH TRANSITIONS
   ═══════════════════════════════════════════════════════════ */
html, body, nav, .topnav, footer, .sidebar,
.trust-bar, .who-card, .pitch-card, .mode-card,
.step-num, .theme-toggle, .card, .panel,
input, select, textarea, .tab, .stat-card,
.booking-card, .time-slot, .calendar-day {
  transition: background 0.4s ease, color 0.4s ease, border-color 0.4s ease;
}