@import url('https://fonts.googleapis.com/css2?family=Bangers&family=Archivo+Black&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=VT323&display=swap');
/* ninjaturtles.tv "Toy Aisle '88" reskin for the forums.ninjaturtles.tv Discourse
   content area. Overrides Discourse's own palette variables + restyles the body
   surfaces in the pop style. Loaded by the theme head_tag AFTER theme CSS so it wins. */

:root:root {
  --nt-ink:#111111; --nt-red:#E62027; --nt-green:#A4D03A; --nt-green-deep:#5C8B1F;
  --nt-yellow:#F4C842; --nt-sky:#1FA9E0; --nt-paper:#F5E6C8;
  --nt-display:'Bangers','Impact',sans-serif; --nt-heading:'Archivo Black',system-ui,sans-serif;
  --nt-body:'Plus Jakarta Sans',system-ui,sans-serif; --nt-mono:'VT323','Courier New',monospace;
  /* Discourse palette -> pop */
  --secondary:#ffffff; --secondary-rgb:255,255,255; --secondary-very-high:#eef0f2;
  --secondary-high:#f4f5f6; --secondary-medium:#f8f9fa; --secondary-low:#fafafa; --secondary-very-low:#ffffff;
  --primary:#111111; --primary-rgb:17,17,17; --primary-very-low:#f2f3f4; --primary-low:#e4e6e8;
  --primary-low-mid:#8a8f95; --primary-medium:#5b5b5b; --primary-high:#292929;
  --tertiary:#E62027; --tertiary-rgb:230,32,39; --tertiary-low:#fbe1e2; --tertiary-medium:#c01a20; --tertiary-high:#9a1419; --tertiary-hover:#c01a20;
  --quaternary:#A4D03A; --quaternary-rgb:164,208,58;
  --highlight:#F4C842; --highlight-low:rgba(244,200,66,0.18); --highlight-medium:rgba(244,200,66,0.4); --highlight-high:#e0b62f;
  --header_background:#111111; --header_primary:#ffffff;
  --love:#E62027; --danger:#E62027; --success:#5C8B1F;
}

html, body { background:var(--nt-sky) !important; font-family:var(--nt-body); }
#main-outlet-wrapper, .wrap { background:transparent; }

/* main content reads as a white card on the sky ground */
#main-outlet {
  background:#fff; border:3px solid var(--nt-ink); border-radius:8px;
  box-shadow:6px 6px 0 var(--nt-ink); padding:18px 20px; margin-top:18px; margin-bottom:32px;
}

h1,h2,h3,h4,.title,.topic-title,.category-title,a.title.raw-topic-link { font-family:var(--nt-heading) !important; letter-spacing:0.005em; color:var(--nt-ink); }
a { color:var(--nt-red); }
a:hover { color:var(--nt-green-deep); }

/* Welcome banner: green pop ground + Bangers title + red rule */
.welcome-banner {
  background:radial-gradient(120% 140% at 0% 0%, rgba(255,255,255,0.18), transparent 55%), var(--nt-green) !important;
  border:3px solid var(--nt-ink); border-radius:8px; box-shadow:6px 6px 0 var(--nt-ink); overflow:hidden;
}
.welcome-banner__title { font-family:var(--nt-display) !important; font-size:clamp(34px,5vw,58px) !important; letter-spacing:1px; color:var(--nt-ink) !important; -webkit-text-stroke:1px var(--nt-ink); }
.welcome-banner__subheader { font-family:var(--nt-body) !important; font-weight:700; color:var(--nt-ink) !important; }
.welcome-banner .search-menu .search-input, .welcome-banner input[type="search"], .search-banner .search-input {
  background:#fff !important; border:3px solid var(--nt-ink) !important; border-radius:4px !important;
  box-shadow:4px 4px 0 var(--nt-ink); color:var(--nt-ink) !important; font-family:var(--nt-body) !important;
}

/* Buttons: pop press physics */
.btn-primary, .btn-call-to-action, #create-topic, .create.btn {
  background:var(--nt-red) !important; color:#fff !important; border:3px solid var(--nt-ink) !important;
  border-radius:4px; box-shadow:4px 4px 0 var(--nt-ink); font-weight:700;
  transition:transform 120ms ease, box-shadow 120ms ease, background 120ms ease;
}
.btn-primary:hover, #create-topic:hover, .create.btn:hover { transform:translate(-2px,-2px); box-shadow:6px 6px 0 var(--nt-ink); background:var(--nt-green) !important; color:var(--nt-ink) !important; }
.btn-primary:active, #create-topic:active { transform:translate(2px,2px); box-shadow:1px 1px 0 var(--nt-ink); }
.btn-default { border:2px solid var(--nt-ink) !important; border-radius:4px; }

/* Category boxes -> white pop cards */
.category-list .category, .categories.with-topics .category {
  background:#fff !important; border:3px solid var(--nt-ink) !important; border-radius:6px;
  box-shadow:5px 5px 0 var(--nt-ink); transition:transform 140ms ease, box-shadow 140ms ease;
}
.category-list .category:hover { transform:translate(-2px,-2px); box-shadow:7px 7px 0 var(--nt-ink); }
.badge-category, .badge-category__wrapper .badge-category { border:2px solid var(--nt-ink) !important; border-radius:3px; color:var(--nt-ink) !important; font-weight:700; }

/* Topic list */
.topic-list { background:transparent; }
.topic-list thead th { font-family:var(--nt-mono); font-size:16px; letter-spacing:0.06em; color:var(--nt-fg3,#5b5b5b); text-transform:uppercase; border-bottom:3px solid var(--nt-ink); }
.topic-list .topic-list-item { border-bottom:2px solid rgba(17,17,17,0.10); }
.topic-list .topic-list-item:hover { background:rgba(164,208,58,0.10); }
.topic-list a.title { font-family:var(--nt-heading) !important; font-weight:400; color:var(--nt-ink) !important; text-transform:none; }
.topic-list a.title:hover { color:var(--nt-green-deep) !important; }
.topic-list .num, .topic-list .views, .topic-list .posts, .topic-list .age, .topic-list .activity, .topic-list .replies { font-family:var(--nt-mono); font-size:17px; color:#5b5b5b; }

/* Sidebar */
.sidebar-wrapper { background:transparent; }
.sidebar-section-header-text { font-family:var(--nt-mono); letter-spacing:0.14em; text-transform:uppercase; color:#5b5b5b; }
.sidebar-section-link.active, .sidebar-section-link:hover { color:var(--nt-green-deep); }
.sidebar-section-link.active { background:rgba(164,208,58,0.18); }

/* Posts */
.topic-body, .topic-map { font-family:var(--nt-body); }
.topic-post .cooked { font-family:var(--nt-body); }

/* nav pills (latest/top/categories) */
.nav-pills > li > a.active { background:var(--nt-green) !important; color:var(--nt-ink) !important; border-radius:3px; }
.nav-pills > li > a:hover { color:var(--nt-green-deep); }

@media (max-width:700px){ #main-outlet { box-shadow:4px 4px 0 var(--nt-ink); padding:12px; } }