/* ================================================================
   MAHANAKORN Discovery Camp 2026 — Stylesheet for WordPress
   Load this BEFORE discovery-camp.js
   Font files must be in the same /fonts/ folder relative to this CSS
   ================================================================ */

/* ---- Fonts ---- */
@font-face { font-family: 'Century Gothic'; src: url('./fonts/centurygothic.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Century Gothic'; src: url('./fonts/centurygothic_bold.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Sarabun'; src: url('./fonts/Sarabun-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'Sarabun'; src: url('./fonts/Sarabun-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Sarabun'; src: url('./fonts/Sarabun-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Sarabun'; src: url('./fonts/Sarabun-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Sarabun'; src: url('./fonts/Sarabun-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Sarabun'; src: url('./fonts/Sarabun-ExtraBold.ttf') format('truetype'); font-weight: 800; font-style: normal; font-display: swap; }

/* ---- Base reset ---- */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body { background: #FFFFFF; font-family: 'Century Gothic', sans-serif; color: #231F20; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
* { -webkit-tap-highlight-color: transparent; }
img-slot, image-slot { display: block; }
::selection { background: #C10230; color: #fff; }

/* ---- Scrollbar ---- */
::-webkit-scrollbar { width: 9px; }
::-webkit-scrollbar-track { background: #F4F4F4; }
::-webkit-scrollbar-thumb { background: #C10230; border-radius: 5px; }