/* ═══════════════════════════════════════════════════════════
   TravelHuge — LIGHT THEME ("Ivory & Antique Gold")
   Activated by html[data-theme="light"]; default stays dark.
   Palette: warm ivory paper, espresso ink, deepened gold for
   contrast — the same luxury brand, in daylight.
   ═══════════════════════════════════════════════════════════ */

html[data-theme="light"]{
  --ink:#f7f3ea; --ink2:#f1eadd; --ink3:#ebe2d1; --ink4:#ffffff;
  --ink5:#faf6ee; --ink6:#f3ecdf;
  --cream:#241e14; --white:#181820;
  --silver:#6f6a5e;
  --gold:#a97c2f; --gold2:#8a6524; --gold3:#c39a4e; --gold-dark:#7a591e;
  --gold-g:linear-gradient(135deg,#b8893a,#d9b877,#b8893a);
  --glow-gold:rgba(169,124,47,0.22);
  --border:rgba(70,55,30,0.14); --border-g:rgba(169,124,47,0.35);
  --green:#0e7a3f; --red:#b3261e; --blue:#1d5fbf;
}

/* page canvas */
html[data-theme="light"] body{
  background:
    radial-gradient(1100px 520px at 50% -8%, rgba(185,138,58,0.10), transparent),
    linear-gradient(180deg,#faf6ee 0%,#f6f1e6 60%,#f2ecdf 100%) !important;
  color:var(--cream);
}

/* ── common hardcoded inline darks → light equivalents ── */
html[data-theme="light"] [style*="background:rgba(13,13,26"],
html[data-theme="light"] [style*="background: rgba(13,13,26"]{
  background:#ffffff !important;
  border-color:var(--border) !important;
  box-shadow:0 14px 44px rgba(60,45,20,0.10) !important;
}
html[data-theme="light"] [style*="background:#040404"],
html[data-theme="light"] [style*="background:#0d0d10"],
html[data-theme="light"] [style*="background:rgba(8,8,14"],
html[data-theme="light"] [style*="background: rgba(8,8,14"]{
  background:var(--ink5) !important;
  border-color:var(--border) !important;
}
html[data-theme="light"] [style*="background:rgba(255,255,255,0.04)"],
html[data-theme="light"] [style*="background:rgba(255,255,255,0.05)"],
html[data-theme="light"] [style*="background:rgba(255,255,255,0.03)"]{
  background:#ffffff !important;
  border-color:rgba(169,124,47,0.30) !important;
}
/* light-gray text on dark → readable espresso tones */
html[data-theme="light"] [style*="color:#ede9e2"],
html[data-theme="light"] [style*="color:#eee"],
html[data-theme="light"] [style*="color:#ddd"],
html[data-theme="light"] [style*="color:rgba(255,255,255,0.7"],
html[data-theme="light"] [style*="color:rgba(255,255,255,0.8"]{ color:var(--cream) !important; }
html[data-theme="light"] [style*="color:rgba(255,255,255,0.4"],
html[data-theme="light"] [style*="color:rgba(255,255,255,0.45"],
html[data-theme="light"] [style*="color:rgba(255,255,255,0.5"],
html[data-theme="light"] [style*="color:rgba(255,255,255,0.35"],
html[data-theme="light"] [style*="color:rgba(255,255,255,0.3"],
html[data-theme="light"] [style*="color:#9090a8"],
html[data-theme="light"] [style*="color:#999"],
html[data-theme="light"] [style*="color:#888"]{ color:var(--silver) !important; }
html[data-theme="light"] [style*="border-bottom:1px solid rgba(255,255,255"],
html[data-theme="light"] [style*="border:1px solid rgba(255,255,255"]{ border-color:var(--border) !important; }

/* nav / header glass */
html[data-theme="light"] nav, html[data-theme="light"] .navbar, html[data-theme="light"] header.nav{
  background:rgba(250,246,238,0.92) !important;
  border-bottom:1px solid var(--border) !important;
  backdrop-filter:blur(14px);
}
/* the logo has light lettering — give it a dark chip so it stays crisp */
html[data-theme="light"] .th-logo-img, html[data-theme="light"] img[alt*="TravelHuge" i]{
  background:#141420; padding:4px 10px; border-radius:10px;
}

/* cards / surfaces by common classes */
html[data-theme="light"] .card, html[data-theme="light"] .pcard,
html[data-theme="light"] .testi-card, html[data-theme="light"] .stat,
html[data-theme="light"] .pm-modal, html[data-theme="light"] .pay-card,
html[data-theme="light"] .blog-card, html[data-theme="light"] .stay-card{
  background:#ffffff !important;
  border-color:var(--border) !important;
  box-shadow:0 16px 48px rgba(70,52,22,0.10) !important;
}
html[data-theme="light"] .pcard-body{ background:#ffffff !important; }
html[data-theme="light"] .pcard-name, html[data-theme="light"] .pm-hero-title{ color:var(--cream) !important; }

/* inputs / selects / textareas */
html[data-theme="light"] input, html[data-theme="light"] select, html[data-theme="light"] textarea{
  background:#ffffff !important; color:var(--cream) !important;
  border-color:rgba(169,124,47,0.35) !important;
}
html[data-theme="light"] input::placeholder, html[data-theme="light"] textarea::placeholder{ color:#9a917f !important; }

/* buttons keep the gold identity; ghost buttons get proper contrast */
html[data-theme="light"] .btn-ghost{
  background:rgba(169,124,47,0.08) !important;
  border-color:rgba(169,124,47,0.4) !important;
  color:var(--gold2) !important;
}

/* dark-designed set pieces stay dark on purpose (they read as framed
   media, like a video embedded in a light page) */
html[data-theme="light"] .jf-wrap, html[data-theme="light"] .jf-scene,
html[data-theme="light"] #uxp-bar{ /* journey animation + mobile bar keep their look */ }
html[data-theme="light"] #uxp-bar{ background:rgba(250,246,238,0.97) !important; border-top:1px solid var(--border) !important; }
html[data-theme="light"] .uxp-bar-call{ color:var(--gold2) !important; }

/* footer */
html[data-theme="light"] footer{ background:#efe8d9 !important; border-top:1px solid var(--border) !important; }
html[data-theme="light"] footer a{ color:#6f6a5e !important; }
html[data-theme="light"] footer a:hover{ color:var(--gold2) !important; }

/* selection + scrollbars for polish */
html[data-theme="light"] ::selection{ background:rgba(185,138,58,0.28); }
html[data-theme="light"] ::-webkit-scrollbar-thumb{ background:rgba(169,124,47,0.35); }

/* theme toggle button (injected by theme.js) */
#th-theme-toggle{
  position:fixed; top:78px; right:16px; z-index:9998;
  width:42px; height:42px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-size:18px; cursor:pointer; user-select:none;
  background:rgba(13,13,26,0.85); border:1px solid rgba(212,176,112,0.4);
  color:#eccf86; box-shadow:0 8px 26px rgba(0,0,0,0.35);
  transition:transform .25s, background .3s;
}
#th-theme-toggle:hover{ transform:rotate(18deg) scale(1.08); }
html[data-theme="light"] #th-theme-toggle{
  background:#ffffff; border-color:rgba(169,124,47,0.45); color:#a97c2f;
  box-shadow:0 8px 26px rgba(90,66,26,0.18);
}
@media (max-width:768px){ #th-theme-toggle{ top:auto; bottom:158px; right:14px; width:40px; height:40px; } }
@media print{ #th-theme-toggle{ display:none; } }