/*
Theme Name: NNT EduGame Simalungun V14 Raja Marpitu
Description: Tema WordPress mobile-app RPG premium untuk portal game edukasi SMP semua mapel + budaya Simalungun.
Version: 14.0.0
*/
:root{--dark:#10203b;--green:#1f7a5a;--yellow:#ffcc33;--bg:#f5f7fb}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:#172033}
.nnt-site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid #e7eaf1}
.nnt-nav{max-width:1180px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:14px 20px}
.nnt-logo{font-weight:950;text-decoration:none;color:var(--dark)}
.nnt-menu{display:flex;gap:14px;flex-wrap:wrap}.nnt-menu a{text-decoration:none;font-weight:850;color:#190081}
.nnt-wrap{max-width:1180px;margin:auto;padding:20px}
.nnt-footer{margin-top:40px;background:var(--dark);color:#fff;padding:36px 20px;text-align:center}
.nnt-footer-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;text-align:left}.nnt-footer a{color:#fff;text-decoration:none;display:block;margin:6px 0;opacity:.86}
@media(max-width:760px){.nnt-site-header{border-bottom:0;background:transparent;position:absolute;left:0;right:0}.nnt-nav{padding:16px 18px}.nnt-logo,.nnt-menu{display:none}.nnt-wrap{padding:0 14px 18px;max-width:100%}.nnt-footer{border-radius:30px 30px 0 0;margin-bottom:70px}.nnt-footer-grid{grid-template-columns:1fr;text-align:center}}


/* ===== V8 LOGO HEADER ===== */
.nnt-logo{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:0;
}
.nnt-logo:before{
  content:"🎮";
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:16px;
  background:linear-gradient(135deg,#10203b,#1f7a5a);
  color:#fff;
  font-size:23px;
  box-shadow:0 8px 18px rgba(16,32,59,.18);
}
.nnt-logo:after{
  content:"EduGame Simalungun";
  font-size:18px;
  font-weight:950;
  color:#10203b;
  letter-spacing:-.3px;
}
.nnt-menu a{
  padding:8px 10px;
  border-radius:999px;
}
.nnt-menu a:hover{
  background:#eef2f7;
}
@media(max-width:760px){
  .nnt-logo:before,.nnt-logo:after{display:none}
}