/* ─── TravelBoss Network — Theme Toggle ─────────────────────────────────── */

/* ── Toggle button ─────────────────────────────────────────────────────── */
.theme-toggle-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 32px;
  border-radius: 999px;
  border: 1px solid rgba(201, 168, 76, 0.6);
  background: transparent;
  cursor: pointer;
  flex-shrink: 0;
  transition: background 0.2s, border-color 0.2s;
  margin-left: 10px;
}
.theme-toggle-btn:hover {
  background: rgba(201, 168, 76, 0.1);
  border-color: rgba(201, 168, 76, 0.9);
}
.toggle-icon {
  display: block;
  font-size: 16px;
  line-height: 1;
  pointer-events: none;
}
.toggle-icon svg { display: block; }

/* ── Light mode — CSS variable overrides ──────────────────────────────── */
/*
   TBN pages use:
   --ink   as body background  (#0E0F12 dark → #FAF7F2 cream in light)
   --white as body text color  (#FFFFFF → #1C1A14 ink in light)
   --glass / --border for cards
*/
[data-theme="light"] {
  --ink:    #FAF7F2;
  --white:  #1C1A14;
  --glass:  rgba(255, 255, 255, 0.85);
  --border: rgba(154, 122, 30, 0.35);
}
/* ── Light mode — base content layer */
[data-theme="light"] p          { color: rgba(28, 26, 20, 0.80); }
[data-theme="light"] li         { color: rgba(28, 26, 20, 0.80); }
[data-theme="light"] td         { color: rgba(28, 26, 20, 0.80); }
[data-theme="light"] th         { color: rgba(28, 26, 20, 0.55); }
[data-theme="light"] blockquote { color: rgba(28, 26, 20, 0.75); }

/* ── Light mode — content-page multi-level header */
[data-theme="light"] .main-nav         { background: rgba(250, 247, 242, 0.97) !important; border-bottom-color: rgba(154, 122, 30, 0.12) !important; }
[data-theme="light"] .ticker-bar       { background: rgba(240, 234, 222, 0.95); border-top-color: rgba(154, 122, 30, 0.08); }
[data-theme="light"] .mnav-link        { color: rgba(28, 26, 20, 0.55); border-bottom-color: transparent; }
[data-theme="light"] .mnav-link:hover  { color: rgba(28, 26, 20, 0.88); }
[data-theme="light"] .mnav-link.mnav-active { color: var(--gold); border-bottom-color: var(--gold); }
[data-theme="light"] .mnav-login       { color: rgba(28, 26, 20, 0.65); border-color: rgba(28, 26, 20, 0.25); }
[data-theme="light"] .ticker-item      { color: rgba(28, 26, 20, 0.50); }
[data-theme="light"] .ticker-item strong { color: rgba(28, 26, 20, 0.75); }

/* ── Light mode — hero muted text (content pages) */
[data-theme="light"] .hero-meta        { color: rgba(28, 26, 20, 0.50); }
[data-theme="light"] .hero-meta span   { color: rgba(28, 26, 20, 0.70); }

/* ── Light mode — TOC / contents box */
[data-theme="light"] .toc             { background: rgba(255, 255, 255, 0.70); border-color: rgba(154, 122, 30, 0.20); }
[data-theme="light"] .toc ol li a     { color: rgba(28, 26, 20, 0.65); }
[data-theme="light"] .toc ol li a:hover { color: var(--teal); }

/* ── Light mode — info / highlight boxes (override page !important) */
[data-theme="light"] .info-box        { background: rgba(10, 143, 143, 0.06); border-color: rgba(10, 143, 143, 0.18); }
[data-theme="light"] .info-box p      { color: rgba(28, 26, 20, 0.78) !important; }
[data-theme="light"] .info-box strong { color: rgba(28, 26, 20, 0.90); }
[data-theme="light"] .sot-box         { background: rgba(201, 168, 76, 0.06); border-color: rgba(201, 168, 76, 0.22); }
[data-theme="light"] .sot-box p       { color: rgba(28, 26, 20, 0.78) !important; }
[data-theme="light"] .sot-box strong  { color: var(--gold); }

/* ── Light mode — contact card */
[data-theme="light"] .contact-card    { background: rgba(255, 255, 255, 0.80); border-color: rgba(154, 122, 30, 0.20); }

/* ── Light mode — service / data table */
[data-theme="light"] .service-table th             { background: rgba(250, 247, 242, 0.90); border-bottom-color: rgba(154, 122, 30, 0.15); }
[data-theme="light"] .service-table td             { border-bottom-color: rgba(28, 26, 20, 0.08); }
[data-theme="light"] .service-table td:first-child { color: rgba(28, 26, 20, 0.90); }
[data-theme="light"] .service-table a              { color: var(--teal); }


/* ── Light mode — nav ─────────────────────────────────────────────────── */
[data-theme="light"] nav {
  background: rgba(250, 247, 242, 0.95) !important;
  border-bottom-color: rgba(154, 122, 30, 0.2) !important;
}

/* ── Light mode — breadcrumb & eyebrow text ───────────────────────────── */
[data-theme="light"] .breadcrumb a,
[data-theme="light"] .breadcrumb .sep { color: rgba(28, 26, 20, 0.45); }
[data-theme="light"] .breadcrumb .current { color: rgba(28, 26, 20, 0.65); }

/* ── Light mode — hero soft text ──────────────────────────────────────── */
[data-theme="light"] .hero-sub,
[data-theme="light"] .hero-lede { color: rgba(28, 26, 20, 0.65); }

/* ── Light mode — product/what's-inside cards ────────────────────────── */
[data-theme="light"] .card-desc,
[data-theme="light"] .card-meta { color: #4A463C; }

/* Gold-background card buttons keep dark text in light mode */
[data-theme="light"] .card-btn { color: #1C1A14; }

/* ── Light mode — what's inside check list ───────────────────────────── */
[data-theme="light"] .what-inside { background: rgba(255, 255, 255, 0.75); border-color: rgba(154, 122, 30, 0.25); }
[data-theme="light"] .inside-item { color: #1C1A14; }

/* ── Light mode — buy card ───────────────────────────────────────────── */
[data-theme="light"] .buy-card { background: rgba(255, 255, 255, 0.8) !important; border-color: rgba(154, 122, 30, 0.3) !important; }
[data-theme="light"] .buy-price { color: var(--gold); }
[data-theme="light"] .buy-tagline { color: rgba(28, 26, 20, 0.55); }

/* ── Light mode — pairs / cross-sell card ────────────────────────────── */
[data-theme="light"] .pairs-card { background: rgba(255, 255, 255, 0.7); border-color: rgba(154, 122, 30, 0.2); }
[data-theme="light"] .pairs-card .card-desc { color: #4A463C; }

/* ── Light mode — perk / agent callout ───────────────────────────────── */
[data-theme="light"] .perk-wrap {
  background: rgba(250, 244, 235, 0.85) !important;
  border-color: rgba(255, 127, 80, 0.3) !important;
}
[data-theme="light"] .perk-heading { color: #1C1A14; }
[data-theme="light"] .perk-body    { color: rgba(28, 26, 20, 0.65); }

/* ── Light mode — trust strip ────────────────────────────────────────── */
[data-theme="light"] .trust-strip { background: rgba(243, 238, 228, 0.8); border-color: rgba(154, 122, 30, 0.15); }
[data-theme="light"] .trust-item  { color: rgba(28, 26, 20, 0.65); }

/* ── Light mode — footer ─────────────────────────────────────────────── */
[data-theme="light"] footer {
  background: linear-gradient(180deg, #F0E9DC 0%, #E8DFD0 100%) !important;
  border-top-color: rgba(154, 122, 30, 0.2) !important;
}
[data-theme="light"] .footer-brand p    { color: rgba(28, 26, 20, 0.55); }
[data-theme="light"] .footer-col h4    { color: rgba(28, 26, 20, 0.45); }
[data-theme="light"] .footer-col a     { color: rgba(28, 26, 20, 0.65); }
[data-theme="light"] .footer-col a:hover { color: var(--coral); }
[data-theme="light"] .footer-social a  { color: var(--coral); }
[data-theme="light"] .footer-bottom    { border-top-color: rgba(28, 26, 20, 0.1); }
[data-theme="light"] .footer-bottom span,
[data-theme="light"] .footer-legal a   { color: rgba(28, 26, 20, 0.4); }
[data-theme="light"] .footer-legal a:hover { color: var(--coral); }

/* Fine-print inline-styled paragraphs in footer */
[data-theme="light"] footer p[style],
[data-theme="light"] footer div[style] p { color: rgba(28, 26, 20, 0.4) !important; }

/* ── Light mode — 404-branded page ───────────────────────────────────── */
[data-theme="light"] .branded-404 { background: #FAF7F2; }
[data-theme="light"] .branded-404 .error-number { -webkit-text-fill-color: initial; color: var(--gold); }
[data-theme="light"] .branded-404 h1,
[data-theme="light"] .branded-404 p  { color: #1C1A14; }

/* ── Light mode — breadcrumb plain text (separator + current page text) ─ */
[data-theme=light] .breadcrumb { color: rgba(28, 26, 20, 0.45); }

/* ── Light mode — what's inside list items (all shop pages) ─────────── */
[data-theme=light] .inside-list li { color: #1C1A14; }

/* ── Light mode — cross-sell card ───────────────────────────────────── */
[data-theme=light] .crosssell-card { background: rgba(255, 255, 255, 0.7); border-color: rgba(154, 122, 30, 0.2); }
[data-theme=light] .crosssell-name { color: #1C1A14; }
[data-theme=light] .crosssell-desc { color: #4A463C; }