/* Pekkleverse visual system
   Dark retro-neon + comics bootleg + VHS mentale.
*/

:root {
  --pkl-black: #08070d;
  --pkl-night: #111827;
  --pkl-panel: #171122;
  --pkl-panel-2: #21152f;
  --pkl-purple: #7c3aed;
  --pkl-magenta: #ff2e88;
  --pkl-cyan: #00e5ff;
  --pkl-yellow: #ffd23f;
  --pkl-paper: #e8d8b0;
  --pkl-text: #f7f3ff;
  --pkl-muted: #b8aeca;
  --pkl-border: rgba(255, 46, 136, 0.38);
  --pkl-shadow: 0 18px 50px rgba(0, 0, 0, .42);
  --pkl-radius: 22px;
}

html { scroll-behavior: smooth; }

body.pekkleverse-theme,
.pekkleverse-theme .wrapper,
.pekkleverse-theme .site,
.pekkleverse-theme #content,
.pekkleverse-theme .main-content,
.pekkleverse-theme .container-fluid {
  background:
    radial-gradient(circle at 15% 8%, rgba(255,46,136,.18), transparent 32rem),
    radial-gradient(circle at 85% 18%, rgba(0,229,255,.13), transparent 30rem),
    linear-gradient(180deg, var(--pkl-black), #100817 55%, #07060b);
  color: var(--pkl-text);
}

.pekkleverse-theme body,
.pekkleverse-theme p,
.pekkleverse-theme li,
.pekkleverse-theme .entry-content,
.pekkleverse-theme .post-excerpt,
.pekkleverse-theme .site-description {
  color: var(--pkl-muted);
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.72;
}

.pekkleverse-theme a {
  color: var(--pkl-cyan);
  text-decoration-color: rgba(0,229,255,.35);
  text-underline-offset: 4px;
}

.pekkleverse-theme a:hover,
.pekkleverse-theme a:focus {
  color: var(--pkl-yellow);
  text-decoration-color: var(--pkl-yellow);
}

.pekkleverse-theme h1,
.pekkleverse-theme h2,
.pekkleverse-theme h3,
.pekkleverse-theme h4,
.pekkleverse-theme .site-title,
.pekkleverse-theme .entry-title,
.pekkleverse-theme .post-title {
  color: var(--pkl-text);
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", system-ui, sans-serif;
  letter-spacing: .035em;
  text-transform: uppercase;
}

.pekkleverse-theme .site-title a,
.pekkleverse-theme .navbar-brand,
.pekkleverse-theme .site-branding-text .site-title a {
  color: var(--pkl-text) !important;
  text-shadow: 3px 3px 0 var(--pkl-magenta), -2px -2px 0 rgba(0,229,255,.85);
}

.pekkleverse-theme .site-description {
  color: var(--pkl-paper) !important;
  font-style: italic;
}

.pekkleverse-theme .mg-headwidget,
.pekkleverse-theme .bs-headthree,
.pekkleverse-theme .navbar,
.pekkleverse-theme .main-navigation,
.pekkleverse-theme .bs-menu-full,
.pekkleverse-theme .navbar-wp {
  background: rgba(8,7,13,.92) !important;
  border-bottom: 1px solid rgba(0,229,255,.25);
  box-shadow: 0 8px 28px rgba(0,0,0,.42);
  backdrop-filter: blur(10px);
}

.pekkleverse-theme .navbar a,
.pekkleverse-theme .main-navigation a,
.pekkleverse-theme .bs-menu-full a {
  color: var(--pkl-text) !important;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.pekkleverse-theme .navbar a:hover,
.pekkleverse-theme .main-navigation a:hover {
  color: var(--pkl-yellow) !important;
}

.pekkleverse-theme .breaking-news,
.pekkleverse-theme .mg-latest-news,
.pekkleverse-theme .bs-latest-news,
.pekkleverse-theme .mg-latest-news-sec {
  background: linear-gradient(90deg, var(--pkl-magenta), var(--pkl-purple), var(--pkl-cyan)) !important;
  color: var(--pkl-black) !important;
  border: 0;
}

.pekkleverse-theme .post,
.pekkleverse-theme article,
.pekkleverse-theme .bs-blog-post,
.pekkleverse-theme .mg-blog-post,
.pekkleverse-theme .widget,
.pekkleverse-theme .sidebar .widget,
.pekkleverse-theme .card {
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018)),
    var(--pkl-panel) !important;
  border: 1px solid var(--pkl-border) !important;
  border-radius: var(--pkl-radius) !important;
  box-shadow: var(--pkl-shadow);
  overflow: hidden;
}

.pekkleverse-theme article,
.pekkleverse-theme .bs-blog-post,
.pekkleverse-theme .mg-blog-post {
  position: relative;
  padding: clamp(18px, 2vw, 28px);
}

.pekkleverse-theme article::before,
.pekkleverse-theme .bs-blog-post::before,
.pekkleverse-theme .mg-blog-post::before {
  content: "FILE_PKL";
  position: absolute;
  top: 10px;
  right: 14px;
  font: 700 11px/1.2 "Courier New", monospace;
  color: var(--pkl-yellow);
  opacity: .78;
  letter-spacing: .12em;
}

.pekkleverse-theme .cat-links a,
.pekkleverse-theme .tags-links a,
.pekkleverse-theme .post-categories a,
.pekkleverse-theme .badge,
.pekkleverse-theme .meta-category a {
  display: inline-block;
  padding: .32rem .58rem;
  margin: .16rem;
  color: var(--pkl-black) !important;
  background: var(--pkl-yellow) !important;
  border-radius: 999px;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
  text-decoration: none;
}

.pekkleverse-theme .entry-title a,
.pekkleverse-theme .post-title a {
  color: var(--pkl-text) !important;
  text-decoration: none;
}

.pekkleverse-theme .entry-title a:hover,
.pekkleverse-theme .post-title a:hover {
  color: var(--pkl-cyan) !important;
  text-shadow: 2px 2px 0 rgba(255,46,136,.75);
}

.pekkleverse-theme img {
  border-radius: 16px;
}

.pekkleverse-theme .wp-post-image,
.pekkleverse-theme article img,
.pekkleverse-theme .post-thumbnail img {
  filter: saturate(1.12) contrast(1.06);
}

.pekkleverse-theme button,
.pekkleverse-theme input[type="submit"],
.pekkleverse-theme .btn,
.pekkleverse-theme .more-link,
.pekkleverse-theme .read-more,
.pekkleverse-theme .wp-block-button__link {
  border: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, var(--pkl-magenta), var(--pkl-purple)) !important;
  color: #fff !important;
  font-weight: 900 !important;
  letter-spacing: .04em;
  text-transform: uppercase;
  box-shadow: 0 10px 24px rgba(255,46,136,.24);
  transition: transform .18s ease, box-shadow .18s ease;
}

.pekkleverse-theme button:hover,
.pekkleverse-theme input[type="submit"]:hover,
.pekkleverse-theme .btn:hover,
.pekkleverse-theme .more-link:hover,
.pekkleverse-theme .read-more:hover,
.pekkleverse-theme .wp-block-button__link:hover {
  transform: translateY(-2px) rotate(-.35deg);
  box-shadow: 0 14px 36px rgba(0,229,255,.22), 0 10px 24px rgba(255,46,136,.25);
}

.pekkleverse-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  margin: 24px auto 36px;
  padding: clamp(28px, 7vw, 86px);
  border-radius: 32px;
  border: 1px solid rgba(0,229,255,.35);
  background:
    linear-gradient(135deg, rgba(124,58,237,.22), rgba(255,46,136,.16), rgba(0,229,255,.10)),
    radial-gradient(circle at 20% 20%, rgba(255,210,63,.16), transparent 20rem),
    var(--pkl-black);
  box-shadow: var(--pkl-shadow);
}

.pekkleverse-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: .17;
  background-image: repeating-linear-gradient(0deg, transparent 0 5px, rgba(255,255,255,.28) 6px 7px);
  mix-blend-mode: screen;
  pointer-events: none;
}

.pekkleverse-kicker {
  display: inline-flex;
  gap: .5rem;
  align-items: center;
  padding: .42rem .72rem;
  border: 1px solid rgba(255,210,63,.55);
  border-radius: 999px;
  color: var(--pkl-yellow);
  background: rgba(255,210,63,.08);
  font: 900 .78rem/1.1 "Courier New", monospace;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.pekkleverse-hero h1 {
  max-width: 980px;
  margin: 18px 0 12px;
  font-size: clamp(3rem, 10vw, 8.5rem);
  line-height: .82;
  color: #fff;
  text-shadow: 6px 6px 0 var(--pkl-magenta), -4px -4px 0 rgba(0,229,255,.8), 0 0 34px rgba(124,58,237,.5);
}

.pekkleverse-hero p {
  max-width: 760px;
  margin: 0 0 26px;
  font-size: clamp(1.05rem, 1.9vw, 1.42rem);
  color: var(--pkl-paper);
}

.pekkleverse-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.pekkleverse-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: .85rem 1.08rem;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--pkl-magenta), var(--pkl-purple));
  color: #fff !important;
  font-weight: 950;
  text-decoration: none !important;
  text-transform: uppercase;
  letter-spacing: .05em;
}

.pekkleverse-button.secondary {
  background: rgba(0,229,255,.10);
  border: 1px solid rgba(0,229,255,.45);
  color: var(--pkl-cyan) !important;
}

.pekkleverse-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin: 32px 0;
}

.pekkleverse-card {
  padding: 22px;
  border-radius: 24px;
  border: 1px solid rgba(255,46,136,.35);
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  box-shadow: var(--pkl-shadow);
}

.pekkleverse-card h2,
.pekkleverse-card h3 {
  margin-top: 0;
  color: var(--pkl-yellow);
}

.pekkleverse-file-label {
  font: 800 .72rem/1 "Courier New", monospace;
  color: var(--pkl-cyan);
  letter-spacing: .12em;
  text-transform: uppercase;
}

.pekkleverse-theme .site-footer,
.pekkleverse-theme footer,
.pekkleverse-theme .mg-footer-copyright,
.pekkleverse-theme .bs-footer-copyright {
  background: #050408 !important;
  color: var(--pkl-muted) !important;
  border-top: 1px solid rgba(255,46,136,.25);
}

.pekkleverse-theme input,
.pekkleverse-theme textarea,
.pekkleverse-theme select {
  background: rgba(255,255,255,.06) !important;
  color: var(--pkl-text) !important;
  border: 1px solid rgba(0,229,255,.28) !important;
  border-radius: 14px !important;
}

.pekkleverse-theme ::selection {
  background: var(--pkl-yellow);
  color: var(--pkl-black);
}

@media (max-width: 860px) {
  .pekkleverse-grid { grid-template-columns: 1fr; }
  .pekkleverse-hero { margin: 14px 10px 28px; border-radius: 24px; }
}