:root {
  --pk-accent:#00E5FF;
  --pk-dark:#0b0f19;
  --pk-muted:#9aa0a6;
  --pk-border:#1f2937;
  --pk-card:#111827;
  --pk-bg:#0b0f19;

  /* Extras for variants */
  --pk-green:#22c55e;   /* Sports / Lifestyle */
  --pk-red:#ef4444;     /* Politics / Breaking */
  --pk-cyan:#06b6d4;    /* Tech / Design */
  --pk-yellow:#eab308;  /* Business */
}

/* =========================
   Base
   ========================= */
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  color:#e5e7eb;
  background:var(--pk-bg)
}
a{color:var(--pk-accent);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto;display:block}
.pk-container{max-width:1240px;margin:0 auto;padding:0 18px}

/* =========================
   1) TOP DATE BAR
   ========================= */
.pk-topbar{
  background:#0a0f1a;
  border-bottom:1px solid var(--pk-border);
  color:#cbd5e1
}
.pk-topbar .pk-container{
  display:flex; align-items:center; gap:18px;
  padding:8px 0; font-size:13px; flex-wrap:wrap;
}
.pk-topbar .pk-social{margin-left:auto;display:flex;gap:12px}
.pk-topbar a{color:#cbd5e1}
.pk-topbar__menu { display:flex;gap:16px;list-style:none;margin:0;padding:0 }
.pk-topbar__menu a{color:#cbd5e1;font-size:13px;font-weight:600;text-decoration:none}
.pk-topbar__menu a:hover{color:var(--pk-accent);text-decoration:underline}

/* =========================
   2) STICKY HEADER: LOGO + MAIN MENU
   ========================= */
.pk-header{
  position:sticky;top:0;z-index:1000;
  background:#0e1524;
  border-bottom:1px solid var(--pk-border);
  backdrop-filter:saturate(140%) blur(6px);
}
.pk-header-top{display:flex;align-items:center;justify-content:space-between;min-height:72px;padding:10px 0}
.pk-brand .custom-logo-link{display:inline-flex;align-items:center}
.pk-brand .custom-logo{max-height:48px;width:auto}
.pk-logo{font-weight:900;font-size:28px;color:#fff;letter-spacing:.5px}
.pk-tagline{color:var(--pk-muted);font-size:12px;margin-left:8px}

/* Mobile toggle (burger) */
.pk-nav-toggle{display:none;align-items:center;justify-content:center;width:42px;height:38px;border:1px solid var(--pk-border);border-radius:10px;background:#0b1222;cursor:pointer}
.pk-burger, .pk-burger::before, .pk-burger::after{content:"";display:block;height:2px;width:20px;background:#e5e7eb;position:relative;border-radius:2px}
.pk-burger::before{position:absolute;top:-6px}
.pk-burger::after{position:absolute;top:6px}

/* Overlay for drawer */
.pk-nav-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);opacity:0;transition:opacity .2s ease;z-index:49}
.pk-nav-overlay.is-visible{opacity:1}
.pk-no-scroll{overflow:hidden}

/* Main nav (desktop) */
.pk-nav{border-top:1px solid transparent}
.pk-nav .menu{display:flex;gap:28px;list-style:none;margin:0;padding:10px 0}
.pk-nav .menu > li{position:relative}
.pk-nav .menu > li > a{display:block;padding:12px 4px;color:#e5e7eb;font-weight:600;text-transform:uppercase;letter-spacing:.4px}

/* Mega menu */
.pk-mega{
  display:none;position:absolute;left:0;right:0;top:100%;
  background:#0b1222;border-top:2px solid var(--pk-accent);
  box-shadow:0 18px 40px rgba(0,0,0,.35);padding:18px
}
.pk-nav .menu > li:hover > .pk-mega{display:block}
.pk-mega-inner{max-width:1100px;margin:0 auto}
.pk-mega-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.pk-mega-card{display:block;background:var(--pk-card);border:1px solid var(--pk-border);border-radius:10px;overflow:hidden}
.pk-mega-card img{width:100%;height:140px;object-fit:cover}
.pk-mega-title{display:block;padding:10px 12px;color:#fff;font-weight:700;line-height:1.2}

/* =========================
   3) TRENDING BAR (Ticker)
   ========================= */
.pk-trending{background:#0a0f1a;border-bottom:1px solid var(--pk-border)}
.pk-ticker{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;min-height:44px;padding:8px 0}
.pk-ticker__label{background:var(--pk-accent);color:#001018;font-weight:800;padding:6px 10px;border-radius:999px;font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.pk-ticker__track{overflow:hidden;position:relative}
.pk-ticker__list{display:flex;gap:24px;list-style:none;margin:0;padding:0;white-space:nowrap;animation:pkTickerScroll 30s linear infinite}
.pk-ticker__item a{color:#cbd5e1;text-decoration:none}
.pk-ticker__item a:hover{text-decoration:underline}
.pk-ticker__list:hover{animation-play-state:paused}
@keyframes pkTickerScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* =========================
   Hero / Sections / Cards
   ========================= */
.pk-hero{padding:22px 0;border-bottom:1px solid var(--pk-border)}
.pk-hero-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px}
.pk-hero-lead .pk-hero-media img{width:100%;height:460px;object-fit:cover;border-radius:12px}
.pk-hero-lead .pk-hero-title{font-size:34px;font-weight:900;line-height:1.1;margin:.6rem 0}
.pk-hero-side .pk-hero-media img{width:100%;height:210px;object-fit:cover;border-radius:10px}
.pk-hero-title a{color:#fff}
.pk-hero-meta{color:var(--pk-muted);font-size:12px;display:flex;gap:10px}

.pk-section{padding:24px 0}
.pk-section-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}
.pk-section-title{font-size:22px;margin:0;font-weight:800;text-transform:uppercase;letter-spacing:.5px}
.pk-grid{display:grid;gap:16px}
.pk-grid.pk-grid-cols-2{grid-template-columns:repeat(2,1fr)}
.pk-grid.pk-grid-cols-3{grid-template-columns:repeat(3,1fr)}
.pk-grid.pk-grid-cols-4{grid-template-columns:repeat(4,1fr)}
.pk-card{border:1px solid var(--pk-border);border-radius:10px;overflow:hidden;background:var(--pk-card);position:relative}
.pk-card-media img,.pk-thumb{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.pk-thumb--placeholder{background:rgba(255,255,255,.06);border:1px dashed var(--pk-border)}
.pk-card-title{font-size:16px;line-height:1.3;margin:10px;color:#fff;font-weight:700}
.pk-card-meta{display:flex;gap:12px;color:var(--pk-muted);font-size:12px;margin:0 10px 12px}
.pk-badge{position:absolute;top:8px;left:8px;background:var(--pk-accent);color:#001018;font-weight:800;padding:4px 8px;border-radius:6px;font-size:11px}

/* Category tag helpers (MetroPress) */
.pk-badge--politics{ background: var(--pk-red); }
.pk-badge--sports{ background: var(--pk-green); }
.pk-badge--tech{ background: var(--pk-cyan); }
.pk-badge--business{ background: var(--pk-yellow); }

/* Minimal slider (used by MetroPress & Lumina) */
.pk-slider{ position:relative; overflow:hidden; border-radius:12px; }
.pk-slide{ display:none; }
.pk-slide img{ width:100%; height:460px; object-fit:cover; }
.pk-slider .pk-slide:first-child{ display:block; }
.pk-slider--fade{ position:relative; }
.pk-slider--fade .pk-slide{
  position:absolute; inset:0; display:block;
  opacity:0; transition:opacity .6s ease;
}
.pk-slider--fade .pk-slide.is-active{ opacity:1; }

/* =========================
   Sidebar + widgets
   ========================= */
.pk-single{display:grid;grid-template-columns:1fr 320px;gap:24px;margin-top:16px}
.pk-article-cover{width:100%;height:420px;object-fit:cover;border-radius:10px}
.pk-sidebar .widget{border:1px solid var(--pk-border);border-radius:10px;padding:12px;margin-bottom:16px;background:#0e1524;color:#e5e7eb}
.pk-sidebar .widget-title{margin:0 0 10px;font-size:16px;font-weight:800;text-transform:uppercase;letter-spacing:.4px}

/* Author carousel (TrendGrid) */
.pk-author-carousel{ display:flex; gap:14px; overflow:auto; scroll-snap-type:x mandatory; padding-bottom:6px; }
.pk-author-carousel > .pk-card{ min-width:220px; scroll-snap-align:start; }

/* =========================
   Footer
   ========================= */
.pk-footer{border-top:1px solid var(--pk-border);margin-top:24px;background:#0a0f1a}
.pk-footer .pk-container{padding:16px 0;color:#cbd5e1;text-align:center}
.pk-footer-menu{list-style:none;padding:0;margin:14px 0 8px;display:inline-flex;gap:28px}
.pk-footer-menu a{color:#e5e7eb;font-weight:800;letter-spacing:.5px;text-transform:uppercase}
.pk-footer-menu a:hover{color:var(--pk-accent)}
.pk-copyright{color:#9aa0a6;font-size:14px;margin:10px 0 4px}

/* =========================
   Mobile
   ========================= */
@media (max-width:900px){
  .pk-hero-grid{grid-template-columns:1fr}
  .pk-single{grid-template-columns:1fr}
  .pk-mega-grid{grid-template-columns:repeat(2,1fr)}
  .pk-grid.pk-grid-cols-3{grid-template-columns:repeat(2,1fr)}

  .pk-brand .custom-logo{max-height:40px}
  .pk-nav-toggle{display:inline-flex}
  .pk-nav{
    position:fixed;top:0;left:-100%;height:100dvh;width:min(84vw,340px);
    background:#0a0f1a;z-index:50;border-right:1px solid var(--pk-border);
    transition:left .25s ease;display:block;padding:10px 12px 24px
  }
  .pk-nav.is-open{left:0}
  .pk-nav .menu{display:block;list-style:none;margin:0;padding:0;max-height:calc(100dvh - 80px);overflow:auto}
  .pk-nav .menu > li > a{display:flex;justify-content:space-between;align-items:center;padding:12px 10px;border-radius:8px;font-weight:700;color:#e5e7eb}
  .pk-mega{display:none !important;position:static;border:0;box-shadow:none;background:transparent;padding:0}
  .pk-nav .menu > li.is-sub-open > .pk-mega,
  .pk-nav .menu > li.is-sub-open > .sub-menu{display:block}
  .pk-nav .sub-menu{list-style:none;margin:0;padding:6px 0 6px 8px;border-left:2px solid var(--pk-border)}
  .pk-nav .sub-menu a{padding:10px 8px;display:block;font-weight:600;color:#cbd5e1}

  /* hide sidebar on mobile */
  .pk-latest-wrap{ grid-template-columns:1fr !important; }
  .pk-sidebar{ display:none; }
}

/* Force topbar menu items inline */
.pk-topbar-nav .menu,
.pk-topbar__menu {
  display:flex; flex-wrap:wrap; align-items:center; gap:16px;
  margin:0; padding:0; list-style:none;
}
.pk-topbar-nav .menu > li,
.pk-topbar__menu > li { display:inline-flex; align-items:center; }
.pk-topbar-nav .menu > li > a,
.pk-topbar__menu > li > a {
  color:#cbd5e1; font-size:13px; font-weight:600; text-decoration:none;
}
.pk-topbar-nav .menu > li > a:hover,
.pk-topbar__menu > li > a:hover { color:var(--pk-accent); text-decoration:underline; }

/* Compact search */
.pk-topbar-search{
  display:flex; align-items:center; gap:6px;
  border:1px solid var(--pk-border);
  background:#0e1524; border-radius:999px; padding:4px 8px;
  min-width:200px; max-width:320px; flex:0 1 auto;
  position:relative;
}
.pk-topbar-search input{
  background:transparent; border:0; outline:none; color:#e5e7eb;
  font-size:13px; width:140px;
}
.pk-topbar-search input::placeholder{ color:#9aa0a6; }
.pk-topbar-search button{
  display:inline-flex; align-items:center; justify-content:center;
  width:28px; height:28px; border:0; border-radius:999px; cursor:pointer;
  background:transparent; color:#cbd5e1;
}
.pk-topbar-search button:hover{ color:var(--pk-accent); }

/* AJAX search dropdown */
.pk-search-results{
  position:absolute; left:0; right:0; top:calc(100% + 6px);
  background:#0e1524; border:1px solid var(--pk-border); border-radius:10px;
  padding:6px; box-shadow:0 12px 28px rgba(0,0,0,.35);
  display:none;
}
.pk-search-results.is-open{ display:block; }
.pk-search-results a{ display:block; padding:8px 10px; color:#e5e7eb; text-decoration:none; border-radius:8px; }
.pk-search-results a:hover{ background:rgba(255,255,255,.05); }

/* Keep date and menu readable */
.pk-topbar-date{ color:#cbd5e1; }

/* Responsive tweaks */
@media (max-width:700px){
  .pk-topbar-search{ min-width:160px; }
  .pk-topbar-search input{ width:110px; }
}
@media (max-width:520px){
  .pk-topbar .pk-container{ gap:12px; }
  .pk-topbar-search{ order:1; flex:1 1 100%; max-width:100%; }
  .pk-topbar-search input{ width:100%; }
  .pk-topbar-date{ order:2; }
  .pk-topbar-nav{ order:3; }
  .pk-social{ order:4; margin-left:auto; }
}

/* =========================
   Meta styling
   ========================= */
.pk-card-meta .pk-author a { color: var(--pk-muted); font-weight: 700; }
.pk-card-meta .pk-author a:hover { color: var(--pk-accent); text-decoration: underline; }

/* =========================
   Pagination (global + archives)
   ========================= */
ul.page-numbers,
.pk-pagination ul,
.pk-archive-pagination ul {
  display: flex;
  justify-content: center;
  gap: 10px;
  list-style: none;
  margin: 28px 0;
  padding: 0;
}
ul.page-numbers li,
.pk-pagination li,
.pk-archive-pagination li { list-style: none; }
ul.page-numbers a,
ul.page-numbers span,
.pk-pagination a,
.pk-pagination span,
.pk-archive-pagination a,
.pk-archive-pagination span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  height: 44px;
  border: 1px solid var(--pk-border);
  border-radius: 8px;
  background: #0e1524;
  color: #e5e7eb;
  font-weight: 700;
  font-size: 18px;
  text-decoration: none;
  line-height: 1;
}
ul.page-numbers a:hover,
.pk-pagination a:hover,
.pk-archive-pagination a:hover {
  color: var(--pk-accent);
  border-color: var(--pk-accent);
}
ul.page-numbers .current,
.pk-pagination .current,
.pk-archive-pagination .current {
  background: var(--pk-accent);
  color: #001018;
  border-color: var(--pk-accent);
}
/* Force archive pagination inline + no bullets */
.nav-links ul.page-numbers,
.pk-archive-pagination ul.page-numbers,
ul.page-numbers {
  display: flex !important;
  justify-content: center !important;
  gap: 10px !important;
  list-style: none !important;
  margin: 28px 0 !important;
  padding: 0 !important;
}
.nav-links ul.page-numbers li,
.pk-archive-pagination ul.page-numbers li,
ul.page-numbers li { list-style: none !important; }
.nav-links ul.page-numbers a,
.nav-links ul.page-numbers span,
.pk-archive-pagination ul.page-numbers a,
.pk-archive-pagination ul.page-numbers span,
ul.page-numbers a,
ul.page-numbers span {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  height: 44px;
  border: 1px solid var(--pk-border);
  border-radius: 8px;
  background: #0e1524;
  color: #e5e7eb;
  font-weight: 700;
  font-size: 18px;
  text-decoration: none;
}
ul.page-numbers a:hover { color: var(--pk-accent); border-color: var(--pk-accent); }
ul.page-numbers .current {
  background: var(--pk-accent);
  color: #001018;
  border-color: var(--pk-accent);
}
/* Boxy, centered pagination */
.pk-pagination--boxy ul.page-numbers{ display:flex !important; justify-content:center !important; align-items:center; gap:10px; list-style:none !important; margin:28px 0; padding:0; }
.pk-pagination--boxy ul.page-numbers li{ list-style:none !important; }
.pk-pagination--boxy .page-numbers,
.pk-pagination--boxy .page-numbers.current{
  display:inline-flex; align-items:center; justify-content:center; min-width:44px; height:44px; padding:0 12px;
  border:1px solid var(--pk-border); border-radius:8px; background:#0e1524; color:#e5e7eb; font-weight:700; font-size:16px; text-decoration:none; line-height:1;
}
.pk-pagination--boxy .page-numbers:hover{ border-color:var(--pk-accent); color:var(--pk-accent); }
.pk-pagination--boxy .page-numbers.current{ background:var(--pk-accent); border-color:var(--pk-accent); color:#001018; }
.pk-pagination--boxy .page-numbers.dots{ border:none; background:transparent; min-width:auto; height:auto; padding:0 8px; color:var(--pk-muted); }
.pk-pagination--boxy .page-numbers.prev,
.pk-pagination--boxy .page-numbers.next{ font-size:18px; }
@media (max-width:600px){
  .pk-pagination--boxy .page-numbers,
  .pk-pagination--boxy .page-numbers.current{ min-width:38px; height:38px; font-size:15px; }
}
/* ==== FORCE PAGINATION LAYOUT (WP core) ==== */
.navigation.pagination .nav-links > ul,
.navigation .nav-links > ul,
.nav-links > ul,
ul.page-numbers {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 28px 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.navigation.pagination .nav-links > ul > li,
.navigation .nav-links > ul > li,
.nav-links > ul > li,
ul.page-numbers > li {
  list-style: none !important;
  margin: 0 !important; padding: 0 !important;
}
.navigation.pagination .page-numbers,
.nav-links .page-numbers,
ul.page-numbers .page-numbers {
  display: inline-flex !important; align-items: center; justify-content: center;
  min-width: 44px; height: 44px; padding: 0 12px; border: 1px solid var(--pk-border); border-radius: 8px;
  background: #0e1524; color: #e5e7eb; font-weight: 700; font-size: 18px; line-height: 1; text-decoration: none;
}
.navigation.pagination .page-numbers:hover,
.nav-links .page-numbers:hover,
ul.page-numbers .page-numbers:hover { border-color: var(--pk-accent); color: var(--pk-accent); }
.navigation.pagination .page-numbers.current,
.nav-links .page-numbers.current,
ul.page-numbers .page-numbers.current { background: var(--pk-accent); border-color: var(--pk-accent); color: #001018; }
.navigation.pagination .page-numbers.dots,
.nav-links .page-numbers.dots,
ul.page-numbers .page-numbers.dots {
  border: 0 !important; background: transparent !important; min-width: auto !important; height: auto !important; padding: 0 8px !important; color: var(--pk-muted) !important;
}
.navigation.pagination .page-numbers.prev,
.navigation.pagination .page-numbers.next,
.nav-links .page-numbers.prev,
.nav-links .page-numbers.next,
ul.page-numbers .page-numbers.prev,
ul.page-numbers .page-numbers.next { font-size: 20px; }

/* ===== 404 Page ===== */
.pk-404 { padding: 48px 0 72px; }
.pk-404__wrap { max-width: 920px; margin: 0 auto; }
.pk-404__art { margin-bottom: 24px; border:1px solid var(--pk-border); border-radius:16px; overflow:hidden; background:rgba(255,255,255,0.02) }
.pk-404__art svg { width:100%; height:auto; display:block; }
.pk-404__header { text-align:center; margin: 22px 0; }
.pk-404__title { font-size: clamp(28px, 4vw, 40px); margin: 0 0 8px; color: #fff; }
.pk-404__desc { color: var(--pk-muted); margin: 0; }
.pk-404__actions { display:flex; gap:10px; justify-content:center; margin: 20px 0 28px; }
.pk-btn { display:inline-block; padding: 10px 16px; border-radius:999px; border:1px solid var(--pk-border); font-weight:600; color:#e5e7eb; text-decoration:none; }
.pk-btn:hover { text-decoration:none; transform: translateY(-1px); }
.pk-btn--primary { background: linear-gradient(135deg, var(--pk-accent), #7c3aed); color:#0b0f19; border-color: transparent; }
.pk-btn--ghost { background: transparent; }
.pk-404__search { max-width: 640px; margin: 0 auto 28px; }
.pk-404__search form { display:flex; gap:8px; }
.pk-404__search input[type="search"]{ flex:1; padding:12px 14px; border-radius:12px; border:1px solid var(--pk-border); background:#0a0f1a; color:#e5e7eb; }
.pk-404__search input[type="submit"],
.pk-404__search button { padding:12px 14px; border-radius:12px; border:1px solid var(--pk-border); background:#111827; color:#e5e7eb; cursor:pointer; }
.pk-404__suggest { display:grid; grid-template-columns: 1fr; gap:16px; }
@media (min-width: 860px){
  .pk-404__suggest { grid-template-columns: 1fr 1fr; }
}
.pk-404__card { background: var(--pk-card); border:1px solid var(--pk-border); border-radius:16px; padding:18px; }
.pk-404__h { margin:0 0 12px; font-size:18px; color:#fff; }
.pk-404__list { list-style:none; margin:0; padding:0; }
.pk-404__list li { padding:8px 0; border-bottom:1px dashed var(--pk-border); }
.pk-404__list li:last-child { border-bottom:0; }
.pk-404__list a { color:#e5e7eb; }
.pk-404__list a:hover { color: var(--pk-accent); text-decoration: none; }

/* ===== 410 Page ===== */
.pk-410 { padding: 48px 0 72px; }
.pk-410__wrap { max-width: 920px; margin: 0 auto; }
.pk-410__art { margin-bottom: 24px; border:1px solid var(--pk-border); border-radius:16px; overflow:hidden; background:rgba(255,255,255,0.02) }
.pk-410__art svg { width:100%; height:auto; display:block; }
.pk-410__header { text-align:center; margin: 22px 0; }
.pk-410__title { font-size: clamp(28px, 4vw, 40px); margin: 0 0 8px; color:#fff; }
.pk-410__desc { color: var(--pk-muted); margin: 0; }
.pk-410__actions { display:flex; gap:10px; justify-content:center; margin: 20px 0 28px; }
.pk-410__search { max-width: 640px; margin: 0 auto 28px; }
.pk-410__search form { display:flex; gap:8px; }
.pk-410__search input[type="search"]{ flex:1; padding:12px 14px; border-radius:12px; border:1px solid var(--pk-border); background:#0a0f1a; color:#e5e7eb; }
.pk-410__search input[type="submit"],
.pk-410__search button { padding:12px 14px; border-radius:12px; border:1px solid var(--pk-border); background:#111827; color:#e5e7eb; cursor:pointer; }
.pk-410__suggest { display:grid; grid-template-columns: 1fr; gap:16px; }
@media (min-width: 860px){
  .pk-410__suggest { grid-template-columns: 1fr; }
}
.pk-410__card { background: var(--pk-card); border:1px solid var(--pk-border); border-radius:16px; padding:18px; }
.pk-410__h { margin:0 0 12px; font-size:18px; color:#fff; }
.pk-410__list { list-style:none; margin:0; padding:0; }
.pk-410__list li { padding:8px 0; border-bottom:1px dashed var(--pk-border); }
.pk-410__list li:last-child { border-bottom:0; }
.pk-410__list a { color:#e5e7eb; }
.pk-410__list a:hover { color: var(--pk-accent); text-decoration: none; }

.pk-topbar .pk-topbar-search-wrap { margin-left: auto; }
.screen-reader-text {
  position:absolute !important;
  width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(1px,1px,1px,1px); white-space:nowrap; border:0;
}
.screen-reader-text:focus {
  clip:auto; width:auto; height:auto; margin:0; padding:8px 12px;
  background:#111; color:#fff; z-index:100000;
}

/* ==== FIX: Primary nav dropdowns ==== */
.pk-nav .menu,
.pk-nav .sub-menu { list-style: none; margin: 0; padding: 0; }
.pk-nav .menu li { list-style: none; }
.pk-nav .sub-menu{
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  min-width: 220px;
  padding: 8px 0;
  background: #0f1626;
  border: 1px solid var(--pk-border);
  border-radius: 12px;
  box-shadow: 0 12px 28px rgba(0,0,0,.35);
  visibility: hidden;
  opacity: 0;
  transform: translateY(6px);
  transition: opacity .18s ease, transform .18s ease, visibility 0s linear .18s;
  z-index: 1000;
}
.pk-nav .menu > li:hover > .sub-menu,
.pk-nav .menu > li:focus-within > .sub-menu{
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0s;
}
.pk-nav .sub-menu a{
  display: block;
  padding: 10px 14px;
  color: #e5e7eb;
  text-decoration: none;
  white-space: nowrap;
  line-height: 1.2;
  border-left: 2px solid transparent;
}
.pk-nav .sub-menu a:hover{ background: rgba(0,229,255,.08); border-left-color: var(--pk-accent); }

/* mobile submenus */
@media (max-width: 900px){
  .pk-nav .sub-menu{
    position: static;
    display: none;
    visibility: visible;
    opacity: 1;
    transform: none;
    border: 0; box-shadow: none; padding: 0; background: transparent;
  }
  .pk-nav .menu > li.is-sub-open > .sub-menu{ display: block; }
}

/* Global, visible keyboard focus */
:where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 2px solid var(--pk-accent);
  outline-offset: 2px;
  border-radius: 6px;
}

/* Extra feedback in mobile nav & topbar */
@media (max-width:900px){
  .pk-nav a:focus-visible,
  .pk-topbar a:focus-visible { background: rgba(0,229,255,.14); }
}

/* Content links underline */
.entry-content a,
.comment-content a,
.textwidget a,
.widget_text a,
.pk-article .content a {
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 1.5px;
}
.entry-content a:hover,
.entry-content a:focus-visible { text-decoration: underline; }

/* Titles safety */
.entry-title,
.page-title,
.pk-hero-title {
  overflow-wrap: anywhere;
  word-break: break-word;
  hyphens: auto;
}

/* Responsive clamp on hero & big headings */
.pk-hero-title { font-size: clamp(22px, 4.5vw, 34px); line-height: 1.15; }

/* Safety */
.site-main { overflow-x: hidden; }

/* Content tables */
.entry-content table,
.pk-article .content table {
  width: 100%;
  border-collapse: collapse;
  margin: 18px 0;
  background: #0e1524;
  border: 1px solid var(--pk-border);
  border-radius: 10px;
  overflow: hidden;
}
.entry-content th,
.entry-content td,
.pk-article .content th,
.pk-article .content td {
  padding: 10px 12px;
  border-bottom: 1px solid var(--pk-border);
  text-align: left;
  vertical-align: top;
}
.entry-content thead th,
.pk-article .content thead th { background: rgba(255,255,255,0.04); font-weight: 800; }
.entry-content tr:nth-child(even) td,
.pk-article .content tr:nth-child(even) td { background: rgba(255,255,255,0.02); }

/* Make wide tables scroll on mobile */
.table-scroll { width: 100%; overflow-x: auto; }
.table-scroll > table { min-width: 640px; }

/* ===== Post Gallery Styling ===== */
.pk-gallery {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 14px;
  margin: 20px 0;
}
.pk-gallery img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  border-radius: 10px;
  border: 1px solid var(--pk-border);
  transition: transform .25s ease, box-shadow .25s ease;
}
.pk-gallery img:hover { transform: scale(1.03); box-shadow: 0 6px 18px rgba(0,0,0,.35); }
.pk-gallery .gallery-caption { text-align: center; font-size: 13px; color: var(--pk-muted); margin-top: 6px; }

/* Uniform grid gallery (WP core .gallery) */
.gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 14px; margin: 20px 0; }
.gallery img { width: 100%; height: 220px; object-fit: cover; border-radius: 10px; border: 1px solid var(--pk-border); transition: transform .25s ease, box-shadow .25s ease; }
.gallery img:hover { transform: scale(1.03); box-shadow: 0 6px 18px rgba(0,0,0,.35); }
.gallery .gallery-caption { text-align: center; font-size: 13px; color: var(--pk-muted); margin-top: 6px; }

/* Masonry (TrendGrid) */
.pk-gallery-masonry {
  column-count: 3;
  column-gap: 14px;
  margin: 20px 0;
}
.pk-gallery-masonry img {
  width: 100%;
  margin-bottom: 14px;
  border-radius: 10px;
  border: 1px solid var(--pk-border);
  display: block;
  transition: transform .25s ease, box-shadow .25s ease;
}
.pk-gallery-masonry img:hover { transform: scale(1.03); box-shadow: 0 6px 18px rgba(0,0,0,.35); }
.pk-gallery-masonry .gallery-caption { text-align: center; font-size: 13px; color: var(--pk-muted); margin-bottom: 14px; }
@media (max-width: 768px) { .pk-gallery-masonry { column-count: 2; } }
@media (max-width: 520px) { .pk-gallery-masonry { column-count: 1; } }

/* WP utility */
.wp-caption { max-width: 100%; margin: 1em 0; }
.wp-caption img { display:block; height:auto; max-width:100%; }
.wp-caption-text { font-size: 0.9em; color: var(--pk-muted); padding-top: 6px; text-align: center; }
.sticky { border: 1px dashed var(--pk-border); padding: 10px; }
.bypostauthor { outline: 2px solid rgba(0,229,255,.25); }
.alignleft { float: left; margin: 0.3em 1em 0.3em 0; }
.alignright { float: right; margin: 0.3em 0 0.3em 1em; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; text-align: center; }
.entry-content::after,
.comment-content::after { content:""; display:block; clear:both; }

/* Header/menu align & spacing (fix) */
.pk-header-top{ justify-content:flex-start; column-gap:24px; } /* stop stretching */
.pk-brand{ margin-right:28px; flex:0 0 auto; }                 /* gap between logo & menu */
.pk-nav{ margin-left:auto; }                                   /* push menu to the right */
.pk-nav .menu{ justify-content:flex-end; gap:26px; }           /* even spacing, right-aligned */
.pk-nav .menu > li > a{ padding-inline:0; }                    /* removes uneven padding */

/* Home: sticky sidebar */
@media (min-width: 901px){
  .home .pk-sidebar{ position:sticky; top:92px; align-self:start; }
}

/* =========================
   LIGHT THEME (toggle)
   ========================= */
html[data-theme="light"]{
  --pk-bg:#ffffff;
  --pk-card:#f6f7f9;
  --pk-dark:#0b0f19;
  --pk-border:#e5e7eb;
  --pk-muted:#6b7280;
  color:#111827;
  background:#fff;
}
html[data-theme="light"] .pk-header,
html[data-theme="light"] .pk-topbar,
html[data-theme="light"] .pk-footer{ background:#fff; }
html[data-theme="light"] .pk-footer{ border-top:1px solid var(--pk-border); }
html[data-theme="light"] .pk-card-title{ color:#111827; }
html[data-theme="light"] .pk-nav .menu > li > a{ color:#111827; }
html[data-theme="light"] .pk-topbar a{ color:#374151; }
html[data-theme="light"] .pk-topbar-search{ background:#f3f4f6; }
html[data-theme="light"] .pk-nav .sub-menu{ background:#fff; border-color:var(--pk-border); }
html[data-theme="light"] .pk-search-results{ background:#fff; border-color:var(--pk-border); }
/* Fancy recent posts widget */
.pk-recent-list { list-style:none; margin:0; padding:0; display:grid; gap:12px; }
.pk-recent-item { display:grid; grid-template-columns:64px 1fr; gap:10px; align-items:center; }

.pk-recent-thumb { display:block; width:64px; height:64px; border-radius:10px; overflow:hidden; border:1px solid var(--pk-border); background:rgba(255,255,255,.04); }
.pk-recent-thumb img { width:100%; height:100%; object-fit:cover; display:block; }
.pk-recent-thumb--ph { display:block; width:64px; height:64px; border-radius:10px; border:1px dashed var(--pk-border); }

.pk-recent-meta { display:flex; flex-direction:column; gap:4px; }
.pk-recent-title { color:#fff; font-weight:700; line-height:1.25; text-decoration:none; }
.pk-recent-title:hover { color:var(--pk-accent); text-decoration:underline; }
.pk-recent-date { color: var(--pk-muted); font-size:12px; }