/* ============================================================
   PALINDOGA GATE TOURS — Dark / Light Theme
   File: css/theme.css
   ============================================================ */

/* ── NAVBAR CERAH (semua halaman) ── */
#nav{
  background:#ffffff !important;
  box-shadow:0 2px 12px rgba(0,0,0,.08) !important;
}
#nav .nl-name{color:var(--navy) !important}
#nav .nav-links a{color:#555 !important}
#nav .nav-links a:hover,
#nav .nav-links a.act{color:var(--navy) !important}
#nav .nav-drop-toggle{color:#555 !important}
#nav .nav-drop:hover .nav-drop-toggle{color:var(--navy) !important}
#nav .n-login{
  border-color:rgba(10,37,64,.25) !important;
  color:var(--navy) !important;
  background:transparent !important;
}
#nav .n-login:hover{background:rgba(10,37,64,.06) !important}
#nav .n-ham{background:rgba(10,37,64,.08) !important;border-color:rgba(10,37,64,.2) !important}
#nav .n-ham:hover{background:rgba(10,37,64,.15) !important;border-color:rgba(10,37,64,.35) !important}
#nav .n-ham span{background:var(--navy,#0a2540) !important;box-shadow:none !important}

/* ── DESTINATIONS DROPDOWN ── */
.nav-drop{position:relative;display:inline-flex;align-items:center}
.nav-drop-toggle{
  display:flex;align-items:center;gap:4px;cursor:pointer;
  color:#555;font-size:12px;padding:5px 10px;border-radius:5px;
  white-space:nowrap;transition:color .15s;user-select:none;
}
.nav-drop-toggle:hover,.nav-drop.open .nav-drop-toggle{color:var(--navy)}
.nav-drop-toggle i.ti-chevron-down{font-size:11px;transition:transform .2s}
.nav-drop.open .nav-drop-toggle i.ti-chevron-down{transform:rotate(180deg)}
.nav-drop-menu{
  display:none;
  position:absolute;top:calc(100% + 6px);left:0;
  background:#fff;border-radius:12px;
  box-shadow:0 8px 32px rgba(0,0,0,.15);
  padding:8px;z-index:9999;
  grid-template-columns:1fr 1fr;
  min-width:320px;
}
.nav-drop.open .nav-drop-menu{display:grid}
.nav-drop-menu a{
  display:flex;align-items:center;gap:8px;
  padding:9px 14px;font-size:13px;color:#444 !important;
  text-decoration:none;border-radius:8px;
  transition:background .15s,color .15s;
  white-space:nowrap;font-size:12px !important;
}
.nav-drop-menu a:hover{background:#f0f4ff;color:var(--navy) !important}
.nav-drop-menu a i{font-size:13px;color:var(--gold) !important}

/* ── EXPLORE DROPDOWN (merged) ── */
.nav-drop-menu--wide{min-width:420px}
.nav-drop-section{grid-column:1/-1;padding:6px 14px 4px}
.nav-drop-section--sep{border-top:1px solid #eaeaea;margin-top:4px;padding-top:10px}
.nav-drop-label{font-size:10px;font-weight:700;color:#aaa;text-transform:uppercase;letter-spacing:.06em;display:flex;align-items:center;gap:5px}
.nav-drop-label i{font-size:12px;color:#aaa !important}

/* dark mode dropdown */
[data-theme="dark"] .nav-drop-toggle{color:#8b949e}
[data-theme="dark"] .nav-drop.open .nav-drop-toggle{color:#e6edf3}
[data-theme="dark"] .nav-drop-menu{background:#1e2530;box-shadow:0 8px 32px rgba(0,0,0,.5)}
[data-theme="dark"] .nav-drop-menu a{color:#8b949e !important}
[data-theme="dark"] .nav-drop-menu a:hover{background:#2d333b;color:#e6edf3 !important}
[data-theme="dark"] .nav-drop-menu a i{color:var(--gold) !important}
[data-theme="dark"] .nav-drop-section--sep{border-color:rgba(255,255,255,.08)}
[data-theme="dark"] .nav-drop-label{color:#555 !important}
[data-theme="dark"] .nav-drop-label i{color:#555 !important}

/* ── TOMBOL TOGGLE ── */
.n-theme{
  width:32px;height:32px;border-radius:50%;
  background:transparent;border:1px solid rgba(128,128,128,.3);
  color:#666;font-size:15px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:all .2s;flex-shrink:0;
}
.n-theme:hover{border-color:var(--gold);color:var(--gold)}

/* ── TRANSISI HALUS ── */
body,
.card,.tcard,.rcard,.tc,.aw,.pb,.fi,.cbox,.cform,.ltoc,
.qc,.tbl,.cats,.cat,#nav,.nav-links a,.n-login,
.h2,.lead,.c-title,.c-desc,.wt,.wd,.fq,.fa,.cv,
.tcard-name,.tcard-cat,.tcard-amt,.tcard-from,.tcard-unit,
.sf-inp,.sf-lbl,.sbar,.ls h2,.ls h3,.ls p,.ls li,
.ltoc-t,.ltoc li a,.r-name,.r-loc,.rcard-text,
input,select,textarea{
  transition:background .25s,color .25s,border-color .25s;
}

/* ════════════════════════════════════════════
   DARK MODE
   ════════════════════════════════════════════ */
[data-theme="dark"] body{
  background:#0d1117;
  color:#c9d1d9;
}

/* Navbar */
[data-theme="dark"] #nav{
  background:#161b22 !important;
  box-shadow:0 2px 12px rgba(0,0,0,.4) !important;
}
[data-theme="dark"] .nl-name{color:#e6edf3 !important}
[data-theme="dark"] .nav-links a{color:#8b949e !important}
[data-theme="dark"] .nav-links a:hover,
[data-theme="dark"] .nav-links a.act{color:#e6edf3 !important}
[data-theme="dark"] .nav-drop-toggle{color:#8b949e !important}
[data-theme="dark"] .nav-drop:hover .nav-drop-toggle{color:#e6edf3 !important}
[data-theme="dark"] .n-login{
  color:#e6edf3 !important;
  border-color:rgba(255,255,255,.2) !important;
}
[data-theme="dark"] .n-login:hover{background:rgba(255,255,255,.08) !important}
[data-theme="dark"] .n-theme{color:#c9d1d9;border-color:rgba(255,255,255,.2)}
[data-theme="dark"] .n-theme:hover{color:var(--gold);border-color:var(--gold)}

/* Category pills */
[data-theme="dark"] .cats{
  background:#161b22;
  border-color:#30363d;
}
[data-theme="dark"] .cat{color:#8b949e}
[data-theme="dark"] .cat:hover,
[data-theme="dark"] .cat.act{color:#e6edf3}

/* Section backgrounds */
[data-theme="dark"] .sec{background:#0d1117}
[data-theme="dark"] .bg-alt{background:#161b22}

/* Typography */
[data-theme="dark"] .h2{color:#e6edf3}
[data-theme="dark"] .lead{color:#8b949e}
[data-theme="dark"] .c-title,
[data-theme="dark"] .wt,
[data-theme="dark"] .tcard-name,
[data-theme="dark"] .tcard-amt,
[data-theme="dark"] .cv,
[data-theme="dark"] .r-name,
[data-theme="dark"] .fq,
[data-theme="dark"] .ltoc-t,
[data-theme="dark"] .ls h2,
[data-theme="dark"] .ls h3{color:#e6edf3}
[data-theme="dark"] .c-desc,
[data-theme="dark"] .wd,
[data-theme="dark"] .tcard-cat,
[data-theme="dark"] .tcard-from,
[data-theme="dark"] .tcard-unit,
[data-theme="dark"] .r-loc,
[data-theme="dark"] .rcard-text,
[data-theme="dark"] .fa,
[data-theme="dark"] .ls p,
[data-theme="dark"] .ls li,
[data-theme="dark"] .ltoc li a{color:#8b949e}

/* Cards */
[data-theme="dark"] .card,
[data-theme="dark"] .tcard,
[data-theme="dark"] .rcard,
[data-theme="dark"] .tc,
[data-theme="dark"] .aw,
[data-theme="dark"] .pb,
[data-theme="dark"] .fi,
[data-theme="dark"] .qc,
[data-theme="dark"] .cbox,
[data-theme="dark"] .cform,
[data-theme="dark"] .ltoc{
  background:#161b22;
  border-color:#30363d;
}
[data-theme="dark"] .card:hover{border-color:rgba(201,169,110,.4)}
[data-theme="dark"] .tcard:hover{box-shadow:0 10px 28px rgba(0,0,0,.4)}
[data-theme="dark"] .qc:hover{border-color:var(--gold)}

/* Search bar */
[data-theme="dark"] .sbar{
  background:#161b22;
  box-shadow:0 12px 40px rgba(0,0,0,.5);
}
[data-theme="dark"] .sf{border-color:#30363d}
[data-theme="dark"] .sf-lbl{color:#8b949e}
[data-theme="dark"] .sf-inp{color:#e6edf3}
[data-theme="dark"] .sf-inp::placeholder{color:#484f58}

/* Table */
[data-theme="dark"] .tbl{
  background:#161b22;
  border-color:#30363d;
}
[data-theme="dark"] .tbl td{
  border-color:#21262d;
  color:#8b949e;
}
[data-theme="dark"] .tbl td:first-child{color:#e6edf3}
[data-theme="dark"] .tbl tr:hover td{background:#1c2128}

/* Why rows */
[data-theme="dark"] .wr{border-color:#21262d}

/* Review cards */
[data-theme="dark"] .rp{border-color:#21262d}

/* Legal pages */
[data-theme="dark"] .ls h2{border-color:#21262d}

/* Forms */
[data-theme="dark"] input,
[data-theme="dark"] select,
[data-theme="dark"] textarea,
[data-theme="dark"] .fg input,
[data-theme="dark"] .fg select,
[data-theme="dark"] .fg textarea{
  background:#0d1117;
  border-color:#30363d;
  color:#e6edf3;
}
[data-theme="dark"] .fg label{color:#8b949e}
[data-theme="dark"] .fg input:focus,
[data-theme="dark"] .fg textarea:focus{border-color:var(--green)}

/* Platform strip */
[data-theme="dark"] .plat-strip{
  background:#161b22;
  border-color:#30363d;
}
[data-theme="dark"] .plat-badge{border-color:#30363d}
[data-theme="dark"] .plat-name{color:#8b949e}
[data-theme="dark"] .plat-score{color:#e6edf3}
[data-theme="dark"] .plat-lbl{color:#8b949e}

/* Section header link */
[data-theme="dark"] .sec-hd .all{color:var(--gold)}

/* Toast */
[data-theme="dark"] #toast{background:#161b22;border-color:rgba(201,169,110,.3)}

/* ════════════════════════════════════════════
   LIGHT MODE (eksplisit — fallback jika perlu)
   ════════════════════════════════════════════ */
[data-theme="light"] body{background:#f9f7f4;color:#1a1a1a}
[data-theme="light"] .n-theme{color:#555;border-color:rgba(10,37,64,.2)}

/* ── CAROUSEL — paksa warna tetap terbaca di semua mode ── */
.hk .sl-tag{
  background:rgba(0,0,0,.45) !important;
  border-color:var(--gold) !important;
  color:var(--gold) !important;
}
.hk .sl-tag i{color:var(--gold) !important}
.hk .sl-h1{color:#fff !important}
.hk .sl-h1 em{color:var(--gold) !important}
.hk .sl-sub{color:rgba(255,255,255,.82) !important;text-shadow:0 1px 4px rgba(0,0,0,.5)}
.hk .hk-t{color:rgba(255,255,255,.75) !important}
.hk .hk-t i{color:var(--gold) !important}
.hk .sl-btn-s{color:#fff !important;border-color:rgba(255,255,255,.4) !important}
.hk .sl-arr{color:#fff !important}
.hk .sf-lbl{color:#888 !important}
.hk .sf-inp{color:#111 !important}