/**
 * VibeCart Meridian — sitewide shopper daylight skin.
 * Turns the old gold-night / purple void into porcelain + mineral teal marketplace.
 * Scoped to shopper bodies (not admin).
 */
body.shops-lane-page,
body.vc-page-home,
body.vc-book-hub,
body.vc-global-stores-page,
body.vc-buyer-hub-page,
body.vc-hot-picks-page,
body.vc-shop-now-page,
body.vc-sell-start-page,
body.vc-voyage-page,
body.live-market-shops-page,
body.account-hub-page,
body.vc-passport-page,
body.vc-dash-stage,
body.vc-my-business-dashboard,
body.vc-runner-directory-only,
body.start-selling-page,
body.vc-book-page,
body.vc-buyer-orders-page,
body.vc-lane-premium-page {
  --bg: #f3f8f6;
  --bg-deep: #e8f0ed;
  --panel: #ffffff;
  --panel-2: #eef5f2;
  --text: #0f1a22;
  --muted: rgba(15, 26, 34, 0.68);
  --accent: #0d7377;
  --accent-2: #1f8a5b;
  --accent-warm: #c45c26;
  --ochre: #0d7377;
  --terracotta: #c45c26;
  --savanna: #1f8a5b;
  --kente-stripe: rgba(13, 115, 119, 0.12);
  --shadow: 0 16px 36px rgba(15, 26, 34, 0.1);
  --vc-orbit-ink: #0f1a22;
  --vc-orbit-gold: #0d7377;
  --vc-orbit-ember: #c45c26;
  --vc-orbit-leaf: #1f8a5b;
  --vc-orbit-sand: #f3f8f6;
  --vc-font-display: "Syne", "Avenir Next", "Segoe UI", sans-serif;
  --vc-font-text: "DM Sans", "Avenir Next", "Segoe UI", sans-serif;
  color-scheme: light !important;
  color: #0f1a22 !important;
  background:
    radial-gradient(90% 55% at 100% 0%, rgba(13, 115, 119, 0.12), transparent 55%),
    radial-gradient(70% 45% at 0% 100%, rgba(196, 92, 38, 0.08), transparent 50%),
    linear-gradient(180deg, #f3f8f6 0%, #e8f0ed 100%) !important;
  font-family: "DM Sans", "Avenir Next", "Segoe UI", sans-serif;
}

/* Kill dark gold shops-lane canvas */
body.shops-lane-page {
  background:
    radial-gradient(100% 68% at 10% 0%, rgba(13, 115, 119, 0.12), transparent 60%),
    radial-gradient(110% 74% at 90% 26%, rgba(31, 138, 91, 0.1), transparent 62%),
    linear-gradient(165deg, #f3f8f6 0%, #e8f0ed 42%, #eef5f2 100%) !important;
}

body.shops-lane-page .shops-lane-topbar,
body.vc-lane-premium-page .shops-lane-topbar,
body.vc-dash-stage .shops-lane-topbar,
body.vc-my-business-dashboard .shops-lane-topbar,
body.vc-seller-dashboard .shops-lane-topbar,
body.vc-buyer-orders-page .shops-lane-topbar,
body.start-selling-page .shops-lane-topbar,
body.vc-book-page .shops-lane-topbar {
  background: linear-gradient(180deg, rgba(243, 248, 246, 0.96), rgba(243, 248, 246, 0.88)) !important;
  border-bottom: 1px solid rgba(15, 26, 34, 0.1) !important;
  color: #0f1a22 !important;
  backdrop-filter: blur(12px);
  box-shadow: none !important;
}

body.shops-lane-page .shops-lane-topbar a,
body.shops-lane-page .shops-lane-brand,
body.shops-lane-page .shops-lane-title,
body.vc-dash-stage .shops-lane-title,
body.vc-my-business-dashboard .shops-lane-title,
body.vc-seller-dashboard .shops-lane-title {
  color: #0f1a22 !important;
  background: none !important;
  -webkit-text-fill-color: #0f1a22 !important;
}

body.shops-lane-page .btn.btn-primary,
body.vc-lane-premium-page .btn.btn-primary,
body.vc-dash-stage .btn.btn-primary,
body.vc-shop-now-page .btn.btn-primary,
body.vc-hot-picks-page .btn.btn-primary,
body.vc-sell-start-page .btn.btn-primary,
body.live-market-shops-page .btn.btn-primary {
  background: #0d7377 !important;
  color: #f3f8f6 !important;
  border: none !important;
  border-radius: 10px !important;
  box-shadow: 0 12px 24px rgba(13, 115, 119, 0.22);
}

body.shops-lane-page .btn.btn-secondary,
body.vc-lane-premium-page .btn.btn-secondary,
body.vc-dash-stage .btn.btn-secondary {
  background: rgba(255, 255, 255, 0.92) !important;
  color: #0f1a22 !important;
  border: 1px solid rgba(15, 26, 34, 0.14) !important;
  border-radius: 10px !important;
}

body.shops-lane-page .section,
body.shops-lane-page .section.alt,
body.shops-lane-page .panel,
body.shops-lane-page .card,
body.shops-lane-page .shops-lane-main {
  color: #0f1a22;
}

body.shops-lane-page .note,
body.shops-lane-page .muted {
  color: rgba(15, 26, 34, 0.68) !important;
}

/* Lane cinema: stop forcing dark glass panels */
body.vc-lane-cinema main.shops-lane-main > section:not(.vc-lp-splash),
body.vc-lane-cinema main.shops-lane-main > .vc-lp-panel,
body.vc-lane-cinema main.shops-lane-main > ul,
body.vc-lane-cinema main.shops-lane-main > .vc-sell-mode-grid {
  background: rgba(255, 255, 255, 0.92) !important;
  border: 1px solid rgba(15, 26, 34, 0.08);
  color: #0f1a22 !important;
}

body.vc-lane-cinema .vc-lp-bg-wordmark,
body.vc-lane-cinema .vc-lp-float-glyphs,
body.vc-lane-cinema .vc-lp-float-glyphs span {
  opacity: 0.08 !important;
  color: #0d7377 !important;
}

/* Dashboard stage → Meridian daylight */
body.vc-dash-stage,
body.vc-my-business-dashboard,
body.vc-seller-dashboard,
body.vc-runner-storefront-body,
body.vc-runner-directory-only,
body.start-selling-page,
body.vc-book-page,
body.vc-buyer-orders-page {
  --vc-dash-ink: #0f1a22;
  --vc-dash-mute: rgba(15, 26, 34, 0.68);
  --vc-dash-deep: #f3f8f6;
  --vc-dash-panel: rgba(255, 255, 255, 0.92);
  --vc-dash-line: rgba(15, 26, 34, 0.12);
  --vc-dash-gold: #0d7377;
  --vc-dash-teal: #1f8a5b;
  background-color: #f3f8f6 !important;
  color: #0f1a22 !important;
}

body.vc-dash-stage .shops-lane-title,
body.vc-my-business-dashboard .shops-lane-title,
body.vc-seller-dashboard .shops-lane-title,
body.vc-buyer-orders-page .shops-lane-title,
body.start-selling-page .shops-lane-title,
body.vc-book-page .shops-lane-title,
body.vc-runner-directory-only .shops-lane-title {
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  color: #0f1a22 !important;
  -webkit-text-fill-color: #0f1a22 !important;
  font-family: "Syne", "Avenir Next", sans-serif;
}

/* Premium lane pages that were purple/gold night */
body.vc-lane-premium--account,
body.vc-lane-premium--sell,
body.vc-lane-premium--buy,
body.vc-passport-page {
  background:
    radial-gradient(90% 55% at 80% 0%, rgba(13, 115, 119, 0.12), transparent 55%),
    linear-gradient(165deg, #f3f8f6, #e8f0ed 55%, #eef5f2) !important;
  color: #0f1a22 !important;
}

body.vc-shop-now-page,
body.vc-hot-picks-page {
  background:
    radial-gradient(90% 55% at 80% 0%, rgba(13, 115, 119, 0.12), transparent 55%),
    linear-gradient(165deg, #f3f8f6, #e8f0ed) !important;
  color: #0f1a22 !important;
}

/* Global market / buyer hub */
body.vc-global-stores-page,
body.vc-buyer-hub-page {
  background:
    radial-gradient(90% 55% at 100% 0%, rgba(13, 115, 119, 0.12), transparent 55%),
    linear-gradient(180deg, #f3f8f6, #e8f0ed) !important;
  color: #0f1a22 !important;
}

/* Beat premium dark glass (styles.css uses body.vc-lane-premium-page.shops-lane-page … !important). */
body.vc-lane-premium-page.shops-lane-page.vc-lane-cinema main.shops-lane-main > section:not(.vc-lp-splash),
body.vc-lane-premium-page.shops-lane-page.vc-lane-cinema main.shops-lane-main > .vc-lp-panel,
body.vc-lane-premium-page.shops-lane-page.vc-lane-cinema main.shops-lane-main > .vc-lp-hero,
body.vc-lane-premium-page.shops-lane-page.vc-lane-cinema main.shops-lane-main > .vc-sell-mode-grid,
body.vc-lane-premium-page.shops-lane-page.vc-lane-cinema main.shops-lane-main > .vc-edge-lane,
body.vc-lane-premium-page.shops-lane-page.vc-lane-cinema main.shops-lane-main > details,
body.account-hub-page.vc-lane-cinema main.shops-lane-main > section:not(.vc-lp-splash),
body.vc-passport-page.vc-lane-cinema main.shops-lane-main > section:not(.vc-lp-splash) {
  background: rgba(255, 255, 255, 0.94) !important;
  background-image: none !important;
  border: 1px solid rgba(15, 26, 34, 0.08) !important;
  color: #0f1a22 !important;
  box-shadow: 0 10px 24px rgba(15, 26, 34, 0.06);
}

/* Edge spine cards: Meridian daylight — never night glass + white CTA voids. */
body.account-hub-page .vc-edge-lane,
body.vc-passport-page .vc-edge-lane,
body.shops-lane-page .vc-edge-lane {
  color: #0f1a22 !important;
}
body.account-hub-page .vc-edge-lane h2,
body.account-hub-page .vc-edge-lead,
body.vc-passport-page .vc-edge-lane h2,
body.vc-passport-page .vc-edge-lead,
body.shops-lane-page .vc-edge-lane h2,
body.shops-lane-page .vc-edge-lead {
  color: #0f1a22 !important;
}
body.account-hub-page .vc-edge-card,
body.vc-passport-page .vc-edge-card,
body.shops-lane-page .vc-edge-card {
  background: linear-gradient(165deg, #ffffff, #eef5f2) !important;
  border: 1px solid rgba(15, 26, 34, 0.1) !important;
  box-shadow: 0 10px 24px rgba(15, 26, 34, 0.08) !important;
  color: #0f1a22 !important;
}
body.account-hub-page .vc-edge-card h3,
body.vc-passport-page .vc-edge-card h3,
body.shops-lane-page .vc-edge-card h3 {
  color: #0f1a22 !important;
}
body.account-hub-page .vc-edge-pain,
body.vc-passport-page .vc-edge-pain,
body.shops-lane-page .vc-edge-pain {
  color: rgba(15, 26, 34, 0.68) !important;
}
body.account-hub-page .vc-edge-card .btn.btn-secondary,
body.vc-passport-page .vc-edge-card .btn.btn-secondary,
body.shops-lane-page .vc-edge-card .btn.btn-secondary,
body.account-hub-page .vc-account-session .btn.btn-secondary {
  background: #0d7377 !important;
  border-color: #0d7377 !important;
  color: #f3f8f6 !important;
  box-shadow: none !important;
}
body.account-hub-page .vc-account-session {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin: 0.75rem 0 0;
  padding: 0.85rem 1rem;
  border-radius: 14px;
  background: linear-gradient(90deg, rgba(13, 115, 119, 0.12), rgba(31, 138, 91, 0.08));
  border: 1px solid rgba(15, 26, 34, 0.1);
  color: #0f1a22;
}
body.account-hub-page .vc-account-session[hidden] {
  display: none !important;
}
body.account-hub-page .vc-account-session__meta {
  margin: 0;
  font-size: 0.92rem;
  line-height: 1.35;
}
body.account-hub-page .vc-account-session__meta strong {
  display: block;
  font-size: 1.02rem;
}

/* Shop tiles: never dark-on-dark under Meridian daylight text. */
body.shops-lane-page .shop-bubble-grid .shop,
body.shops-lane-page .shop,
body.account-hub-page .shop-bubble-grid .shop,
body.live-market-shops-page .shop-bubble-grid .shop {
  background: linear-gradient(165deg, #ffffff, #eef5f2) !important;
  border: 1px solid rgba(15, 26, 34, 0.1) !important;
  color: #0f1a22 !important;
  box-shadow: 0 10px 24px rgba(15, 26, 34, 0.08);
}

body.shops-lane-page .shop-bubble-grid .shop h3,
body.shops-lane-page .shop-bubble-grid .shop p,
body.account-hub-page .shop-bubble-grid .shop h3,
body.account-hub-page .shop-bubble-grid .shop p,
body.live-market-shops-page .shop-bubble-grid .shop h3,
body.live-market-shops-page .shop-bubble-grid .shop p {
  color: #0f1a22 !important;
}

body.shops-lane-page .shop-bubble-grid .shop p,
body.account-hub-page .shop-bubble-grid .shop p,
body.live-market-shops-page .shop-bubble-grid .shop p {
  color: rgba(15, 26, 34, 0.68) !important;
}

body.account-hub-page .vc-lp-hero--account,
body.vc-passport-page .vc-lp-hero--account,
body.vc-lane-premium--account .vc-lp-hero {
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(238, 245, 242, 0.94)) !important;
  border-color: rgba(13, 115, 119, 0.22) !important;
  color: #0f1a22 !important;
  box-shadow: 0 12px 28px rgba(15, 26, 34, 0.08) !important;
}

/* Passport: signed-in strip and guest forms must never stack (seller-unlock may still show login while session exists). */
body.vc-passport-page #vcAuthLoggedIn:not(.hidden) ~ #vcAuthLoggedOut,
body.vc-passport-page #vcAuthLoggedIn:not(.hidden) ~ #vcAuthStatus {
  display: none !important;
}

body.vc-passport-page #vcAuthLoggedIn:not(.hidden) {
  display: flex !important;
}

body.vc-passport-page #vcAuthLoggedIn.hidden,
body.vc-passport-page #vcAuthLoggedOut.hidden,
body.vc-passport-page .vc-passport-strip.hidden {
  display: none !important;
}

body.vc-passport-page .vc-passport-strip {
  background: linear-gradient(90deg, rgba(13, 115, 119, 0.12), rgba(31, 138, 91, 0.08)) !important;
  border: 1px solid rgba(15, 26, 34, 0.1) !important;
  color: #0f1a22 !important;
}

body.vc-passport-page .vc-passport-strip-label,
body.vc-passport-page .vc-passport-strip-meta,
body.vc-passport-page .vc-auth-status {
  color: rgba(15, 26, 34, 0.68) !important;
}

/* Kill streak / stay / luxe chrome on shopper lanes (was glitching over Meridian). */
body.shops-lane-page .vc-engage-streak-pill,
body.shops-lane-page .vc-engage-pulse-toast,
body.shops-lane-page .vc-engage-passport-ribbon,
body.shops-lane-page #vcStayOnVibeCart,
body.shops-lane-page .vc-stay-next,
body.shops-lane-page .vc-luxe-score,
body.live-market-shops-page .vc-engage-streak-pill,
body.live-market-shops-page .vc-engage-pulse-toast,
body.live-market-shops-page #vcStayOnVibeCart,
body.live-market-shops-page .vc-stay-next,
body.live-market-shops-page .vc-luxe-score,
body.account-hub-page .vc-engage-streak-pill,
body.account-hub-page .vc-engage-pulse-toast,
body.account-hub-page #vcStayOnVibeCart,
body.account-hub-page .vc-luxe-score,
body.vc-passport-page .vc-engage-streak-pill,
body.vc-passport-page .vc-engage-pulse-toast,
body.vc-passport-page #vcStayOnVibeCart,
body.vc-passport-page .vc-luxe-score,
body.vc-page-home .vc-engage-streak-pill,
body.vc-page-home .vc-engage-pulse-toast,
body.vc-page-home .vc-engage-passport-ribbon,
body.vc-page-home #vcStayOnVibeCart,
body.vc-page-home .vc-stay-next,
body.vc-page-home .vc-luxe-score,
body.vc-book-hub .vc-luxe-score,
html.vc-app-lane-portal-on .vc-luxe-score,
html.vc-app-lane-portal-on .vc-engage-streak-pill,
html.vc-app-lane-portal-on #vcStayOnVibeCart {
  display: none !important;
}

/* Luxe sparks + lane orbs + watermarks — stop glitch overlays on shopper pages. */
body.shops-lane-page .vc-luxe-spark-layer,
body.shops-lane-page .vc-luxe-spark,
body.live-market-shops-page .vc-luxe-spark-layer,
body.account-hub-page .vc-luxe-spark-layer,
body.vc-passport-page .vc-luxe-spark-layer,
body.vc-book-hub .vc-luxe-spark-layer,
body.live-market-shops-page .vc-lp-bg-orbs,
body.live-market-shops-page .vc-lp-float-glyphs,
body.live-market-shops-page .vc-lp-watermark-text,
body.live-market-shops-page .vc-lp-bg-wordmark,
body.account-hub-page .vc-lp-watermark-text,
body.account-hub-page .vc-lp-bg-wordmark,
body.vc-passport-page .vc-lp-watermark-text,
body.vc-passport-page .vc-lp-bg-wordmark,
body.vc-passport-page .vc-lp-bg-orbs,
body.vc-passport-page .vc-lp-float-glyphs,
#brandonAiRoot,
#brandonAiFab,
.brandon-ai-shell,
.vc-brandon-orb,
[data-brandon-orb] {
  display: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Passport: compact splash + readable daylight form fields. */
body.vc-passport-page .vc-lp-splash--account {
  margin: 0 0 0.75rem !important;
  padding: 0.85rem 1rem !important;
  background: rgba(255, 255, 255, 0.94) !important;
  border: 1px solid rgba(15, 26, 34, 0.08) !important;
  box-shadow: none !important;
  color: #0f1a22 !important;
}
body.vc-passport-page .vc-lp-splash-glow {
  display: none !important;
}
body.vc-passport-page .vc-lp-splash-title,
body.vc-passport-page .vc-lp-splash-lead,
body.vc-passport-page .vc-lp-splash-eyebrow {
  color: #0f1a22 !important;
  background: none !important;
  -webkit-text-fill-color: #0f1a22 !important;
}
body.vc-passport-page .vc-lp-splash-lead {
  color: rgba(15, 26, 34, 0.68) !important;
  -webkit-text-fill-color: rgba(15, 26, 34, 0.68) !important;
  max-width: 42ch;
}
body.vc-passport-page .vc-account-passport,
body.vc-passport-page .vc-passport-panel,
body.vc-passport-page .vc-passport-forms {
  background: rgba(255, 255, 255, 0.96) !important;
  color: #0f1a22 !important;
  border-color: rgba(15, 26, 34, 0.1) !important;
}
body.vc-passport-page .ai-grid label,
body.vc-passport-page .vc-passport-fields label,
body.vc-passport-page .vc-passport-switch,
body.vc-passport-page .note {
  color: rgba(15, 26, 34, 0.78) !important;
}
body.vc-passport-page .ai-grid input,
body.vc-passport-page .ai-grid select,
body.vc-passport-page .vc-passport-fields input,
body.vc-passport-page .vc-passport-fields select,
body.vc-passport-page input[type="email"],
body.vc-passport-page input[type="password"],
body.vc-passport-page input[type="text"],
body.vc-passport-page select {
  background: #ffffff !important;
  color: #0f1a22 !important;
  border: 1px solid rgba(15, 26, 34, 0.16) !important;
  -webkit-text-fill-color: #0f1a22 !important;
}
body.vc-passport-page select option {
  color: #0f1a22 !important;
  background: #fff !important;
}

/* Language pill: Meridian daylight — never dark-on-dark on porcelain. */
body.shops-lane-page .topbar-lang,
body.vc-page-home .topbar-lang,
body.vc-book-hub .topbar-lang,
body.vc-global-stores-page .topbar-lang,
body.vc-buyer-hub-page .topbar-lang,
body.vc-hot-picks-page .topbar-lang,
body.vc-shop-now-page .topbar-lang,
body.vc-sell-start-page .topbar-lang,
body.vc-voyage-page .topbar-lang,
body.live-market-shops-page .topbar-lang,
body.account-hub-page .topbar-lang,
body.vc-passport-page .topbar-lang,
body.vc-dash-stage .topbar-lang,
body.vc-my-business-dashboard .topbar-lang,
body.vc-runner-directory-only .topbar-lang,
body.start-selling-page .topbar-lang,
body.vc-book-page .topbar-lang,
body.vc-buyer-orders-page .topbar-lang,
body.vc-lane-premium-page .topbar-lang {
  color: rgba(15, 26, 34, 0.72) !important;
}
body.shops-lane-page .topbar-lang select,
body.vc-page-home .topbar-lang select,
body.vc-book-hub .topbar-lang select,
body.vc-global-stores-page .topbar-lang select,
body.vc-buyer-hub-page .topbar-lang select,
body.vc-hot-picks-page .topbar-lang select,
body.vc-shop-now-page .topbar-lang select,
body.vc-sell-start-page .topbar-lang select,
body.vc-voyage-page .topbar-lang select,
body.live-market-shops-page .topbar-lang select,
body.account-hub-page .topbar-lang select,
body.vc-passport-page .topbar-lang select,
body.vc-dash-stage .topbar-lang select,
body.vc-my-business-dashboard .topbar-lang select,
body.vc-runner-directory-only .topbar-lang select,
body.start-selling-page .topbar-lang select,
body.vc-book-page .topbar-lang select,
body.vc-buyer-orders-page .topbar-lang select,
body.vc-lane-premium-page .topbar-lang select,
html.vc-mobile-app .topbar-lang select,
html.vc-phone .topbar-lang select {
  background: #ffffff !important;
  color: #0f1a22 !important;
  border: 1px solid rgba(13, 115, 119, 0.35) !important;
  -webkit-text-fill-color: #0f1a22 !important;
  box-shadow: 0 1px 0 rgba(15, 26, 34, 0.04);
}
body.shops-lane-page .topbar-lang select option,
body.vc-page-home .topbar-lang select option,
html.vc-mobile-app .topbar-lang select option,
html.vc-phone .topbar-lang select option {
  background: #ffffff !important;
  color: #0f1a22 !important;
}

/* Disclaimer gate: stop word-break shards + low-contrast night chrome. */
body.shops-lane-page .vc-disclaimer-gate,
body.shops-lane-page .vc-disclaimer-gate-label,
body.shops-lane-page .vc-disclaimer-gate-check {
  overflow-wrap: normal !important;
  word-break: normal !important;
  color: #0f1a22 !important;
}
body.shops-lane-page .vc-disclaimer-gate {
  background: rgba(255, 255, 255, 0.94) !important;
  border: 1px solid rgba(15, 26, 34, 0.1) !important;
  border-radius: 14px;
  padding: 0.75rem 0.9rem;
}
body.shops-lane-page .vc-disclaimer-gate-check {
  display: flex !important;
  align-items: flex-start;
  gap: 0.55rem;
  flex-wrap: wrap;
  line-height: 1.4;
}
body.shops-lane-page .vc-disclaimer-gate-check a {
  white-space: nowrap;
  color: #0d7377 !important;
}

/* Book hub: kill dashboard-stage gold clip streaks; keep photo cards. */
body.vc-book-hub .vc-book-hub__hero h1 {
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  color: #0f1a22 !important;
  -webkit-text-fill-color: #0f1a22 !important;
}
body.vc-book-hub .vc-book-hub__card,
body.vc-book-hub a.vc-book-hub__card {
  border-radius: 1.25rem !important;
}

/* Smoother first paint: fewer backdrop thrash layers on market. */
body.live-market-shops-page.vc-shop-floor .vc-lp-backdrop {
  opacity: 0.35;
}
body.live-market-shops-page .shop-bubble-grid .shop {
  content-visibility: auto;
  contain-intrinsic-size: 140px;
}
