/* ==========================================================================
   Khmer MMO — Global site styles (variables, header/nav, footer, base type)
   Loaded on every page via functions.php
   ========================================================================== */

:root{
  --bg:#10171A;
  --surface:#1B2426;
  --surface-2:#212B2E;
  --gold:#E4A853;
  --coral:#FF6F4C;
  --teal:#4FB6A8;
  --red:#E5484D;
  --ink:#F3EEE2;
  --ink-dim:#9FAFAF;
  --line:rgba(243,238,226,0.10);
}

*{ box-sizing:border-box; margin:0; padding:0; }

html{ scroll-behavior:smooth; }

body{
  background:var(--bg);
  color:var(--ink);
  font-family:'Noto Sans Khmer','Noto Sans Thai','Inter',sans-serif;
  min-height:100vh;
  line-height:1.6;
}

a{ color:inherit; text-decoration:none; }
img,svg{ display:block; max-width:100%; }
::selection{ background:var(--gold); color:var(--bg); }

/* ===== SITE HEADER / NAV ===== */
.kmmo-site-header{
  position:sticky; top:0; z-index:50;
  background:rgba(16,23,26,0.88);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
}
.kmmo-site-nav{
  max-width:1000px; margin:0 auto; padding:15px 20px;
  display:flex; align-items:center; justify-content:space-between;
}
.kmmo-logo{
  display:flex; align-items:center; gap:8px;
  font-family:'Inter',sans-serif; font-weight:800; font-size:18px; letter-spacing:-0.01em;
  color:var(--ink);
}
.kmmo-logo .bolt{ color:var(--gold); }
.kmmo-links{ display:flex; gap:26px; font-size:14px; color:var(--ink-dim); list-style:none; }
.kmmo-links a{ color:inherit; }
.kmmo-links a:hover{ color:var(--ink); }
.kmmo-links a.current{ color:var(--gold); font-weight:600; }
@media (max-width:640px){ .kmmo-links{ display:none; } }

.kmmo-crumb{
  max-width:640px; margin:20px auto 0; padding:0 20px;
  font-size:12.5px; color:var(--ink-dim); font-family:'Inter',sans-serif;
}
.kmmo-crumb a{ color:var(--teal); }
.kmmo-crumb a:hover{ text-decoration:underline; }

/* ===== MAIN WRAPPER ===== */
.kmmo-main{ max-width:640px; margin:0 auto; padding:28px 20px 40px; }
.kmmo-main.kmmo-main--wide{ max-width:1000px; }

.kmmo-hero{ text-align:center; margin-bottom:28px; }
.kmmo-hero h1{
  font-family:'Moul','Noto Sans Khmer',sans-serif; font-weight:400;
  font-size:clamp(20px,3.2vw,28px); line-height:1.5; margin-bottom:8px;
}
.kmmo-hero h1 .en{ font-family:'Inter',sans-serif; font-weight:800; color:var(--gold); }
.kmmo-hero p{ color:var(--ink-dim); font-size:13.5px; max-width:480px; margin:0 auto; }

/* ===== FOOTER ===== */
.kmmo-site-footer{ border-top:1px solid var(--line); padding:28px 20px; text-align:center; }
.kmmo-site-footer p{ color:var(--ink-dim); font-size:13px; }