/* NTRead design tokens - dark cartographic system (P1).
   Loaded after travelify style; overrides WP default green/blue. */
:root {
  --nt-ink: #0A1A2F;
  --nt-ink-2: #12283F;
  --nt-blue-800: #0C447C;
  --nt-blue-600: #185FA5;
  --nt-blue-200: #B5D4F4;
  --nt-amber-400: #F5B94A;
  --nt-amber-200: #FFD166;
  --nt-amber-50: #FFE9B8;
  --nt-slate-400: #33586F;
  --nt-slate-200: #8FA9BF;
  --nt-slate-100: #9FB4C9;
  --nt-serif: "Noto Serif SC", "Songti SC", serif;
  --nt-sans: "Noto Sans SC", "PingFang SC", sans-serif;
}

/* ---- global nav + header ---- */
#main-nav { background: var(--nt-ink) !important; border-color: var(--nt-ink) !important; }
#main-nav a { font-family: var(--nt-sans); font-weight: 500; }
#main-nav a:hover, #main-nav ul li.current-menu-item a, #main-nav ul li.current_page_ancestor a,
#main-nav ul li.current-menu-ancestor a, #main-nav ul li.current_page_item a, #main-nav ul li:hover > a {
  background: var(--nt-blue-800) !important; color: #fff !important;
}
#branding { background: var(--nt-ink); }
#site-title a { color: #fff; }
#site-description { color: var(--nt-slate-100); font-family: var(--nt-sans); }
.social-icons ul li a { color: var(--nt-slate-200); }
.wrapper { background: #F5F8FC; }

/* ---- article typography ---- */
h1.entry-title {
  font-family: var(--nt-serif);
  font-weight: 600;
  font-size: 30px;
  line-height: 1.35;
  color: var(--nt-ink);
}
.entry-content { font-family: var(--nt-sans); font-size: 15px; line-height: 1.9; color: #1F2A37; }
.entry-content h2 {
  font-family: var(--nt-serif);
  font-weight: 600;
  font-size: 21px;
  color: var(--nt-blue-800);
  margin-top: 2em;
}
.entry-content h3 { font-family: var(--nt-serif); font-weight: 600; color: var(--nt-ink); }
.entry-content a { color: var(--nt-blue-600); }
.entry-content blockquote {
  border-left: 3px solid var(--nt-amber-400);
  margin: 1.6em 0;
  padding: 2px 0 2px 18px;
  color: #33404E;
  font-size: 15px;
}
.entry-content img { border-radius: 10px; }
.entry-meta, .entry-meta a { color: var(--nt-slate-200); }

/* ---- sidebar + widgets ---- */
#secondary .widget { border: 0.5px solid #DCE6F0; border-radius: 10px; }
.widget-title { font-family: var(--nt-serif); font-weight: 600; color: var(--nt-blue-800); }

/* ---- footer ---- */
#footerarea { background: var(--nt-ink); }
#footerarea, #footerarea a { color: var(--nt-slate-100); }

/* ---- entry links ---- */
a { color: var(--nt-blue-600); }
a:hover, a:active, a:focus { color: var(--nt-blue-800); }

/* ---- province page tokens (map inherits dark language) ---- */
.pc-map-wrap { background: var(--nt-ink) !important; border-color: var(--nt-slate-400) !important; }
.pc-h1 { font-family: var(--nt-serif); color: var(--nt-ink) !important; font-size: 32px; }
.pc-h2 { font-family: var(--nt-serif); color: var(--nt-blue-800) !important; }
.pc-hint { color: #5A6B7D !important; }
.pmap-city { fill: #152C44 !important; stroke: #33586F !important; }
.pmap-city.has-items { fill: var(--nt-amber-400) !important; stroke: #FFD980 !important; }
.pmap-city:hover { fill: var(--nt-amber-200) !important; }
.pmap-city.is-active { fill: var(--nt-amber-200) !important; stroke: #FFD166 !important; }
.pmap-lbl { fill: var(--nt-slate-100) !important; stroke: var(--nt-ink) !important; }
.pc-tip { background: var(--nt-ink-2); border: 0.5px solid var(--nt-slate-400); }
.pc-card { border-color: var(--nt-slate-400) !important; background: var(--nt-ink-2) !important; }
.pc-card-t { color: #fff !important; }
.pc-tag { background: rgba(245, 185, 74, .15); color: var(--nt-amber-200); }
.pc-city { color: var(--nt-slate-100); }
.pc-chip { border-color: var(--nt-slate-400); background: transparent; color: var(--nt-slate-100); }
.pc-chip:hover { border-color: var(--nt-amber-400); background: rgba(245, 185, 74, .12); }
.pc-chip.is-active { background: var(--nt-amber-400); border-color: var(--nt-amber-400); color: var(--nt-ink); }
.pc-legend, .pc-lg { color: var(--nt-slate-100); }
.pc-sw--has { background: var(--nt-amber-400); }
.pc-sw--none { background: #152C44; border-color: var(--nt-slate-400); }
.pc-sw--sel { background: var(--nt-amber-200); border-color: var(--nt-amber-400); }