/* ==========================================================================
   Culture FORCE Local Google Font
   Font target: Kanit from Google Fonts, self-hosted
   Supports .ttf, .woff2, .woff
   No Google CDN
   ========================================================================== */

/*
  สำคัญ:
  ZIP รูปที่ส่งมาไม่มีไฟล์ฟอนต์
  ต้องวางไฟล์ Kanit เองที่:
  public/assets/fonts/kanit/

  รองรับชื่อไฟล์:
  Kanit-Light.ttf / .woff2 / .woff
  Kanit-Regular.ttf / .woff2 / .woff
  Kanit-Medium.ttf / .woff2 / .woff
  Kanit-SemiBold.ttf / .woff2 / .woff
  Kanit-Bold.ttf / .woff2 / .woff
*/

@font-face{
  font-family:"Kanit Culture";
  src:
    url("../fonts/kanit/Kanit-Light.woff2") format("woff2"),
    url("../fonts/kanit/Kanit-Light.woff") format("woff"),
    url("../fonts/kanit/Kanit-Light.ttf") format("truetype");
  font-weight:300;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Kanit Culture";
  src:
    url("../fonts/kanit/Kanit-Regular.woff2") format("woff2"),
    url("../fonts/kanit/Kanit-Regular.woff") format("woff"),
    url("../fonts/kanit/Kanit-Regular.ttf") format("truetype");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Kanit Culture";
  src:
    url("../fonts/kanit/Kanit-Medium.woff2") format("woff2"),
    url("../fonts/kanit/Kanit-Medium.woff") format("woff"),
    url("../fonts/kanit/Kanit-Medium.ttf") format("truetype");
  font-weight:500;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Kanit Culture";
  src:
    url("../fonts/kanit/Kanit-SemiBold.woff2") format("woff2"),
    url("../fonts/kanit/Kanit-SemiBold.woff") format("woff"),
    url("../fonts/kanit/Kanit-SemiBold.ttf") format("truetype");
  font-weight:600;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Kanit Culture";
  src:
    url("../fonts/kanit/Kanit-Bold.woff2") format("woff2"),
    url("../fonts/kanit/Kanit-Bold.woff") format("woff"),
    url("../fonts/kanit/Kanit-Bold.ttf") format("truetype");
  font-weight:700;
  font-style:normal;
  font-display:swap;
}

/* Force every element */
:root{
  --font-main:"Kanit Culture","Kanit","Sarabun","Noto Sans Thai","Leelawadee UI",Tahoma,Arial,sans-serif !important;
  --font-thai:"Kanit Culture","Kanit","Sarabun","Noto Sans Thai","Leelawadee UI",Tahoma,Arial,sans-serif !important;
}

html,
body,
body *,
button,
input,
textarea,
select,
table,
.site-body,
.admin-body{
  font-family:"Kanit Culture","Kanit","Sarabun","Noto Sans Thai","Leelawadee UI",Tahoma,Arial,sans-serif !important;
  font-synthesis-weight:none;
  letter-spacing:0;
}

body{
  font-size:14.5px !important;
  line-height:1.72 !important;
  font-weight:400 !important;
}

.brand strong{font-size:15.8px !important;font-weight:600 !important;}
.brand small{font-size:11.8px !important;font-weight:300 !important;}
.main-nav a,
.nav-dropdown > button{font-size:13.2px !important;font-weight:500 !important;}

.hero h1,
.page-hero h1{
  font-size:clamp(30px,4.2vw,50px) !important;
  font-weight:600 !important;
  line-height:1.22 !important;
  letter-spacing:-.015em !important;
}

.hero p,
.page-hero p,
.alt-section p{
  font-size:15.5px !important;
  font-weight:300 !important;
}

.section-head h2,
.alt-section h2{
  font-size:28px !important;
  font-weight:600 !important;
}

.news-card h3,
.list-card h2{
  font-size:17px !important;
  font-weight:500 !important;
}

.admin-brand{font-size:17px !important;font-weight:600 !important;}
.admin-sidebar nav a{font-size:13.6px !important;font-weight:400 !important;}
.admin-page-head h1{font-size:26px !important;font-weight:600 !important;}
.panel h2{font-size:19px !important;font-weight:500 !important;}
.admin-table th,
.admin-table td,
.admin-topbar span,
.metric-card span,
.metric-card em{font-weight:300 !important;}

@media(max-width:640px){
  body{font-size:14px !important;}
  .hero h1,
  .page-hero h1{font-size:clamp(27px,8vw,38px) !important;}
  .section-head h2,
  .alt-section h2{font-size:24px !important;}
}