/* ── Theme switcher bar ── */
.theme-bar {
  position: fixed;
  top: 12px;
  right: 16px;
  z-index: 9999;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  max-width: 280px;
  padding: 5px 8px;
  background: rgba(0,0,0,.6);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 16px;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 9px;
  font-weight: 600;
  color: rgba(255,255,255,.4);
  letter-spacing: .04em;
  text-transform: uppercase;
  user-select: none;
}

.theme-bar-label {
  margin-right: 2px;
  width: 100%;
  margin-bottom: 2px;
}

.theme-swatch {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid rgba(255,255,255,.15);
  cursor: pointer;
  transition: border-color 150ms, transform 150ms;
  padding: 0;
  outline: none;
}

.theme-swatch:hover {
  transform: scale(1.2);
}

.theme-swatch.is-active {
  border-color: #fff;
  transform: scale(1.15);
}

/* ── Swatch colours (10 brand themes) ── */

/* ImLive Dark / Light */
.theme-swatch[data-theme="imlive-dark"]  { background: #111f63; }
.theme-swatch[data-theme="imlive-light"] { background: #2b97f0; }

/* Chaturbate Dark / Light */
.theme-swatch[data-theme="chaturbate-dark"]  { background: #17202a; }
.theme-swatch[data-theme="chaturbate-light"] { background: #f47321; }

/* LiveJasmin Dark / Light */
.theme-swatch[data-theme="livejasmin-dark"]  { background: #0d0d1a; }
.theme-swatch[data-theme="livejasmin-light"] { background: #7b2ff2; }

/* SinParty Dark / Light */
.theme-swatch[data-theme="sinparty-dark"]  { background: #1a1a2e; }
.theme-swatch[data-theme="sinparty-light"] { background: #ff3860; }

/* Stripchat Dark / Light */
.theme-swatch[data-theme="stripchat-dark"]  { background: #0a0a12; }
.theme-swatch[data-theme="stripchat-light"] { background: #00b55d; }

/* ══════════════════════════════════════════
   IM LIVE — Dark
   Navy base, bright blue accent, gold highlights
   ══════════════════════════════════════════ */
[data-theme="imlive-dark"] {
  --bg: #0a0f2e;
  --surface: #111a42;
  --border: rgba(43,151,240,.1);
  --pink: #2b97f0;
  --text: #e0ecff;
  --muted: #6080a8;
}
[data-theme="imlive-dark"] .logo { color: #fff; }
[data-theme="imlive-dark"] .hero-text h1 { color: #fff; }
[data-theme="imlive-dark"] .topbar-tag {
  border-color: rgba(43,151,240,.3);
  color: var(--pink);
}
[data-theme="imlive-dark"] .model-frame::after {
  background:
    linear-gradient(90deg, var(--bg) 0%, rgba(10,15,46,.4) 18%, transparent 45%),
    linear-gradient(0deg, var(--bg) 0%, transparent 20%);
}
[data-theme="imlive-dark"] .rewards-box,
[data-theme="imlive-dark"] .time-box {
  background: #0e1540;
  border-color: rgba(43,151,240,.12);
}
[data-theme="imlive-dark"] .rewards-box strong,
[data-theme="imlive-dark"] .time-box strong { color: #f8c34b; }
[data-theme="imlive-dark"] .perk strong { color: #2b97f0; }
[data-theme="imlive-dark"] .proof-item { color: #405878; }
[data-theme="imlive-dark"] .proof-divider { background: rgba(43,151,240,.08); }
[data-theme="imlive-dark"] .perk-divider { background: rgba(43,151,240,.08); }
[data-theme="imlive-dark"] .disclaimer { color: #3a4e68; }
[data-theme="imlive-dark"] .foot { color: #2a3a50; }
[data-theme="imlive-dark"] .cta:hover { background: #1a7ad4; }

/* ══════════════════════════════════════════
   IM LIVE — Light
   White base, navy + blue accents, gold CTA highlights
   ══════════════════════════════════════════ */
[data-theme="imlive-light"] {
  --bg: #f4f7fd;
  --surface: #e4eaf5;
  --border: rgba(17,31,99,.08);
  --pink: #111f63;
  --text: #1a1a2e;
  --muted: #6070a0;
}
[data-theme="imlive-light"] .logo { color: #111f63; }
[data-theme="imlive-light"] .hero-text h1 { color: #0a1235; }
[data-theme="imlive-light"] .topbar-tag {
  border-color: rgba(17,31,99,.2);
  color: #111f63;
}
[data-theme="imlive-light"] .model-frame::after {
  background:
    linear-gradient(90deg, var(--bg) 0%, rgba(244,247,253,.4) 18%, transparent 45%),
    linear-gradient(0deg, var(--bg) 0%, transparent 20%);
}
[data-theme="imlive-light"] .rewards-box,
[data-theme="imlive-light"] .time-box {
  background: #fff;
  border-color: rgba(17,31,99,.08);
}
[data-theme="imlive-light"] .proof-item { color: #8090b0; }
[data-theme="imlive-light"] .proof-divider { background: rgba(17,31,99,.06); }
[data-theme="imlive-light"] .perk-divider { background: rgba(17,31,99,.06); }
[data-theme="imlive-light"] .disclaimer { color: #9098b0; }
[data-theme="imlive-light"] .foot { color: #a0a8c0; }
[data-theme="imlive-light"] .cta { background: #111f63; }
[data-theme="imlive-light"] .cta:hover { background: #2b97f0; }
[data-theme="imlive-light"] .rewards-box strong,
[data-theme="imlive-light"] .time-box strong { color: #d4a020; }
[data-theme="imlive-light"] .perk strong { color: #2b97f0; }
[data-theme="imlive-light"] .theme-bar {
  background: rgba(255,255,255,.8);
  border-color: rgba(17,31,99,.08);
  color: rgba(17,31,99,.35);
}
[data-theme="imlive-light"] .theme-swatch {
  border-color: rgba(17,31,99,.15);
}
[data-theme="imlive-light"] .theme-swatch.is-active {
  border-color: #111f63;
}

/* ══════════════════════════════════════════
   CHATURBATE — Dark
   Dark navy base, orange accent, blue links
   ══════════════════════════════════════════ */
[data-theme="chaturbate-dark"] {
  --bg: #0f1519;
  --surface: #17202a;
  --border: rgba(244,115,33,.1);
  --pink: #f47321;
  --text: #e8e8e8;
  --muted: #8098a8;
}
[data-theme="chaturbate-dark"] .logo { color: #fff; }
[data-theme="chaturbate-dark"] .hero-text h1 { color: #fff; }
[data-theme="chaturbate-dark"] .topbar-tag {
  border-color: rgba(244,115,33,.3);
  color: #f47321;
}
[data-theme="chaturbate-dark"] .model-frame::after {
  background:
    linear-gradient(90deg, var(--bg) 0%, rgba(15,21,25,.4) 18%, transparent 45%),
    linear-gradient(0deg, var(--bg) 0%, transparent 20%);
}
[data-theme="chaturbate-dark"] .rewards-box,
[data-theme="chaturbate-dark"] .time-box {
  background: #1c2733;
  border-color: rgba(244,115,33,.1);
}
[data-theme="chaturbate-dark"] .rewards-box strong,
[data-theme="chaturbate-dark"] .time-box strong { color: #f47321; }
[data-theme="chaturbate-dark"] .perk strong { color: #f47321; }
[data-theme="chaturbate-dark"] .proof-item { color: #506878; }
[data-theme="chaturbate-dark"] .proof-divider { background: rgba(244,115,33,.06); }
[data-theme="chaturbate-dark"] .perk-divider { background: rgba(244,115,33,.06); }
[data-theme="chaturbate-dark"] .disclaimer { color: #3a4850; }
[data-theme="chaturbate-dark"] .foot { color: #2a3540; }
[data-theme="chaturbate-dark"] .cta { background: #f47321; }
[data-theme="chaturbate-dark"] .cta:hover { background: #ff6300; }

/* ══════════════════════════════════════════
   CHATURBATE — Light
   White base, orange accent, blue-teal links
   ══════════════════════════════════════════ */
[data-theme="chaturbate-light"] {
  --bg: #f8f9fa;
  --surface: #edf0f2;
  --border: rgba(12,106,147,.08);
  --pink: #f47321;
  --text: #2a2a2a;
  --muted: #6a7080;
}
[data-theme="chaturbate-light"] .logo { color: #111; }
[data-theme="chaturbate-light"] .hero-text h1 { color: #111; }
[data-theme="chaturbate-light"] .topbar-tag {
  border-color: rgba(244,115,33,.25);
  color: #f47321;
}
[data-theme="chaturbate-light"] .model-frame::after {
  background:
    linear-gradient(90deg, var(--bg) 0%, rgba(248,249,250,.4) 18%, transparent 45%),
    linear-gradient(0deg, var(--bg) 0%, transparent 20%);
}
[data-theme="chaturbate-light"] .rewards-box,
[data-theme="chaturbate-light"] .time-box {
  background: #fff;
  border-color: rgba(12,106,147,.08);
}
[data-theme="chaturbate-light"] .rewards-box strong,
[data-theme="chaturbate-light"] .time-box strong { color: #f47321; }
[data-theme="chaturbate-light"] .perk strong { color: #f47321; }
[data-theme="chaturbate-light"] .proof-item { color: #909aa4; }
[data-theme="chaturbate-light"] .proof-divider { background: rgba(12,106,147,.06); }
[data-theme="chaturbate-light"] .perk-divider { background: rgba(12,106,147,.06); }
[data-theme="chaturbate-light"] .disclaimer { color: #a0a8b0; }
[data-theme="chaturbate-light"] .foot { color: #b0b8c0; }
[data-theme="chaturbate-light"] .cta { background: #f47321; }
[data-theme="chaturbate-light"] .cta:hover { background: #ff6300; }
[data-theme="chaturbate-light"] .theme-bar {
  background: rgba(255,255,255,.8);
  border-color: rgba(12,106,147,.08);
  color: rgba(0,0,0,.35);
}
[data-theme="chaturbate-light"] .theme-swatch {
  border-color: rgba(0,0,0,.12);
}
[data-theme="chaturbate-light"] .theme-swatch.is-active {
  border-color: #f47321;
}

/* ══════════════════════════════════════════
   LIVE JASMIN — Dark
   Deep dark base, purple/violet accent, gold highlights
   ══════════════════════════════════════════ */
[data-theme="livejasmin-dark"] {
  --bg: #0a0a18;
  --surface: #12122a;
  --border: rgba(123,47,242,.1);
  --pink: #7b2ff2;
  --text: #e8e0f8;
  --muted: #8870a8;
}
[data-theme="livejasmin-dark"] .logo { color: #fff; }
[data-theme="livejasmin-dark"] .hero-text h1 { color: #fff; }
[data-theme="livejasmin-dark"] .topbar-tag {
  border-color: rgba(123,47,242,.3);
  color: #9b5ff5;
}
[data-theme="livejasmin-dark"] .model-frame::after {
  background:
    linear-gradient(90deg, var(--bg) 0%, rgba(10,10,24,.4) 18%, transparent 45%),
    linear-gradient(0deg, var(--bg) 0%, transparent 20%);
}
[data-theme="livejasmin-dark"] .rewards-box,
[data-theme="livejasmin-dark"] .time-box {
  background: #10102a;
  border-color: rgba(123,47,242,.12);
}
[data-theme="livejasmin-dark"] .rewards-box strong,
[data-theme="livejasmin-dark"] .time-box strong { color: #c8a86e; }
[data-theme="livejasmin-dark"] .perk strong { color: #7b2ff2; }
[data-theme="livejasmin-dark"] .proof-item { color: #50406a; }
[data-theme="livejasmin-dark"] .proof-divider { background: rgba(123,47,242,.06); }
[data-theme="livejasmin-dark"] .perk-divider { background: rgba(123,47,242,.06); }
[data-theme="livejasmin-dark"] .disclaimer { color: #3a2e50; }
[data-theme="livejasmin-dark"] .foot { color: #2a2040; }
[data-theme="livejasmin-dark"] .cta { background: #7b2ff2; }
[data-theme="livejasmin-dark"] .cta:hover { background: #6820d8; }

/* ══════════════════════════════════════════
   LIVE JASMIN — Light
   Off-white base, purple accent, gold highlights
   ══════════════════════════════════════════ */
[data-theme="livejasmin-light"] {
  --bg: #f8f5fc;
  --surface: #ede8f5;
  --border: rgba(123,47,242,.08);
  --pink: #7b2ff2;
  --text: #1a1a2e;
  --muted: #706088;
}
[data-theme="livejasmin-light"] .logo { color: #7b2ff2; }
[data-theme="livejasmin-light"] .hero-text h1 { color: #1a1030; }
[data-theme="livejasmin-light"] .topbar-tag {
  border-color: rgba(123,47,242,.2);
  color: #7b2ff2;
}
[data-theme="livejasmin-light"] .model-frame::after {
  background:
    linear-gradient(90deg, var(--bg) 0%, rgba(248,245,252,.4) 18%, transparent 45%),
    linear-gradient(0deg, var(--bg) 0%, transparent 20%);
}
[data-theme="livejasmin-light"] .rewards-box,
[data-theme="livejasmin-light"] .time-box {
  background: #fff;
  border-color: rgba(123,47,242,.08);
}
[data-theme="livejasmin-light"] .rewards-box strong,
[data-theme="livejasmin-light"] .time-box strong { color: #b8903a; }
[data-theme="livejasmin-light"] .perk strong { color: #7b2ff2; }
[data-theme="livejasmin-light"] .proof-item { color: #9088a0; }
[data-theme="livejasmin-light"] .proof-divider { background: rgba(123,47,242,.06); }
[data-theme="livejasmin-light"] .perk-divider { background: rgba(123,47,242,.06); }
[data-theme="livejasmin-light"] .disclaimer { color: #a098b0; }
[data-theme="livejasmin-light"] .foot { color: #b0a8c0; }
[data-theme="livejasmin-light"] .cta { background: #7b2ff2; }
[data-theme="livejasmin-light"] .cta:hover { background: #6820d8; }
[data-theme="livejasmin-light"] .theme-bar {
  background: rgba(255,255,255,.8);
  border-color: rgba(123,47,242,.08);
  color: rgba(123,47,242,.35);
}
[data-theme="livejasmin-light"] .theme-swatch {
  border-color: rgba(123,47,242,.15);
}
[data-theme="livejasmin-light"] .theme-swatch.is-active {
  border-color: #7b2ff2;
}

/* ══════════════════════════════════════════
   SIN PARTY — Dark
   Dark purple-navy base, hot pink accent
   ══════════════════════════════════════════ */
[data-theme="sinparty-dark"] {
  --bg: #0e0e20;
  --surface: #16162e;
  --border: rgba(255,56,96,.1);
  --pink: #ff3860;
  --text: #f8e0e8;
  --muted: #a07088;
}
[data-theme="sinparty-dark"] .logo { color: #fff; }
[data-theme="sinparty-dark"] .hero-text h1 { color: #fff; }
[data-theme="sinparty-dark"] .topbar-tag {
  border-color: rgba(255,56,96,.3);
  color: #ff3860;
}
[data-theme="sinparty-dark"] .model-frame::after {
  background:
    linear-gradient(90deg, var(--bg) 0%, rgba(14,14,32,.4) 18%, transparent 45%),
    linear-gradient(0deg, var(--bg) 0%, transparent 20%);
}
[data-theme="sinparty-dark"] .rewards-box,
[data-theme="sinparty-dark"] .time-box {
  background: #12122a;
  border-color: rgba(255,56,96,.1);
}
[data-theme="sinparty-dark"] .rewards-box strong,
[data-theme="sinparty-dark"] .time-box strong { color: #ff6b9d; }
[data-theme="sinparty-dark"] .perk strong { color: #ff3860; }
[data-theme="sinparty-dark"] .proof-item { color: #604058; }
[data-theme="sinparty-dark"] .proof-divider { background: rgba(255,56,96,.06); }
[data-theme="sinparty-dark"] .perk-divider { background: rgba(255,56,96,.06); }
[data-theme="sinparty-dark"] .disclaimer { color: #3a2838; }
[data-theme="sinparty-dark"] .foot { color: #2a1a28; }
[data-theme="sinparty-dark"] .cta { background: #ff3860; }
[data-theme="sinparty-dark"] .cta:hover { background: #e02048; }

/* ══════════════════════════════════════════
   SIN PARTY — Light
   Light base, hot pink accent
   ══════════════════════════════════════════ */
[data-theme="sinparty-light"] {
  --bg: #fdf4f6;
  --surface: #f5e8ec;
  --border: rgba(255,56,96,.08);
  --pink: #ff3860;
  --text: #1a1a2e;
  --muted: #a07080;
}
[data-theme="sinparty-light"] .logo { color: #ff3860; }
[data-theme="sinparty-light"] .hero-text h1 { color: #1a0a14; }
[data-theme="sinparty-light"] .topbar-tag {
  border-color: rgba(255,56,96,.2);
  color: #ff3860;
}
[data-theme="sinparty-light"] .model-frame::after {
  background:
    linear-gradient(90deg, var(--bg) 0%, rgba(253,244,246,.4) 18%, transparent 45%),
    linear-gradient(0deg, var(--bg) 0%, transparent 20%);
}
[data-theme="sinparty-light"] .rewards-box,
[data-theme="sinparty-light"] .time-box {
  background: #fff;
  border-color: rgba(255,56,96,.08);
}
[data-theme="sinparty-light"] .rewards-box strong,
[data-theme="sinparty-light"] .time-box strong { color: #ff3860; }
[data-theme="sinparty-light"] .perk strong { color: #ff3860; }
[data-theme="sinparty-light"] .proof-item { color: #b0a0a8; }
[data-theme="sinparty-light"] .proof-divider { background: rgba(255,56,96,.06); }
[data-theme="sinparty-light"] .perk-divider { background: rgba(255,56,96,.06); }
[data-theme="sinparty-light"] .disclaimer { color: #b8a8b0; }
[data-theme="sinparty-light"] .foot { color: #c0b0b8; }
[data-theme="sinparty-light"] .cta { background: #ff3860; }
[data-theme="sinparty-light"] .cta:hover { background: #e02048; }
[data-theme="sinparty-light"] .theme-bar {
  background: rgba(255,255,255,.8);
  border-color: rgba(255,56,96,.08);
  color: rgba(255,56,96,.35);
}
[data-theme="sinparty-light"] .theme-swatch {
  border-color: rgba(255,56,96,.15);
}
[data-theme="sinparty-light"] .theme-swatch.is-active {
  border-color: #ff3860;
}

/* ══════════════════════════════════════════
   STRIPCHAT — Dark
   Near-black base, green/teal accent
   ══════════════════════════════════════════ */
[data-theme="stripchat-dark"] {
  --bg: #08080f;
  --surface: #10101a;
  --border: rgba(0,181,93,.1);
  --pink: #00b55d;
  --text: #e0f0e8;
  --muted: #608870;
}
[data-theme="stripchat-dark"] .logo { color: #fff; }
[data-theme="stripchat-dark"] .hero-text h1 { color: #fff; }
[data-theme="stripchat-dark"] .topbar-tag {
  border-color: rgba(0,181,93,.3);
  color: #00b55d;
}
[data-theme="stripchat-dark"] .model-frame::after {
  background:
    linear-gradient(90deg, var(--bg) 0%, rgba(8,8,15,.4) 18%, transparent 45%),
    linear-gradient(0deg, var(--bg) 0%, transparent 20%);
}
[data-theme="stripchat-dark"] .rewards-box,
[data-theme="stripchat-dark"] .time-box {
  background: #0c0c16;
  border-color: rgba(0,181,93,.1);
}
[data-theme="stripchat-dark"] .rewards-box strong,
[data-theme="stripchat-dark"] .time-box strong { color: #00cc6a; }
[data-theme="stripchat-dark"] .perk strong { color: #00b55d; }
[data-theme="stripchat-dark"] .proof-item { color: #405848; }
[data-theme="stripchat-dark"] .proof-divider { background: rgba(0,181,93,.06); }
[data-theme="stripchat-dark"] .perk-divider { background: rgba(0,181,93,.06); }
[data-theme="stripchat-dark"] .disclaimer { color: #2a3830; }
[data-theme="stripchat-dark"] .foot { color: #1a2820; }
[data-theme="stripchat-dark"] .cta { background: #00b55d; }
[data-theme="stripchat-dark"] .cta:hover { background: #00cc6a; }

/* ══════════════════════════════════════════
   STRIPCHAT — Light
   Light base, green/teal accent
   ══════════════════════════════════════════ */
[data-theme="stripchat-light"] {
  --bg: #f2faf5;
  --surface: #e4f2ea;
  --border: rgba(0,181,93,.08);
  --pink: #00994d;
  --text: #1a2a1e;
  --muted: #588868;
}
[data-theme="stripchat-light"] .logo { color: #00994d; }
[data-theme="stripchat-light"] .hero-text h1 { color: #0a1a0e; }
[data-theme="stripchat-light"] .topbar-tag {
  border-color: rgba(0,153,77,.2);
  color: #00994d;
}
[data-theme="stripchat-light"] .model-frame::after {
  background:
    linear-gradient(90deg, var(--bg) 0%, rgba(242,250,245,.4) 18%, transparent 45%),
    linear-gradient(0deg, var(--bg) 0%, transparent 20%);
}
[data-theme="stripchat-light"] .rewards-box,
[data-theme="stripchat-light"] .time-box {
  background: #fff;
  border-color: rgba(0,181,93,.08);
}
[data-theme="stripchat-light"] .rewards-box strong,
[data-theme="stripchat-light"] .time-box strong { color: #00b55d; }
[data-theme="stripchat-light"] .perk strong { color: #00994d; }
[data-theme="stripchat-light"] .proof-item { color: #90b098; }
[data-theme="stripchat-light"] .proof-divider { background: rgba(0,181,93,.06); }
[data-theme="stripchat-light"] .perk-divider { background: rgba(0,181,93,.06); }
[data-theme="stripchat-light"] .disclaimer { color: #a0b8a8; }
[data-theme="stripchat-light"] .foot { color: #b0c0b8; }
[data-theme="stripchat-light"] .cta { background: #00994d; }
[data-theme="stripchat-light"] .cta:hover { background: #00b55d; }
[data-theme="stripchat-light"] .theme-bar {
  background: rgba(255,255,255,.8);
  border-color: rgba(0,181,93,.08);
  color: rgba(0,153,77,.35);
}
[data-theme="stripchat-light"] .theme-swatch {
  border-color: rgba(0,153,77,.15);
}
[data-theme="stripchat-light"] .theme-swatch.is-active {
  border-color: #00994d;
}

/* ── Light-theme shared bar override (catch-all for light variants) ── */
[data-theme="imlive-light"] .theme-bar,
[data-theme="chaturbate-light"] .theme-bar,
[data-theme="livejasmin-light"] .theme-bar,
[data-theme="sinparty-light"] .theme-bar,
[data-theme="stripchat-light"] .theme-bar {
  background: rgba(255,255,255,.8);
}

/* ── Swap logo for light themes to ensure high contrast ── */
[data-theme="imlive-light"] .logo-img,
[data-theme="chaturbate-light"] .logo-img,
[data-theme="livejasmin-light"] .logo-img,
[data-theme="sinparty-light"] .logo-img,
[data-theme="stripchat-light"] .logo-img {
  content: url("assets/logo-dark.svg");
}

/* ── Mobile tweaks ── */
@media (max-width: 560px) {
  .theme-bar {
    top: auto;
    bottom: 12px;
    right: 50%;
    transform: translateX(50%);
    max-width: 260px;
    justify-content: center;
  }
}