/* ==========================================================================
   SIRIPHAT PRINTING — base.css
   ฟอนต์ / ตัวแปรสี / รีเซ็ต / ตัวอักษรพื้นฐาน
   ========================================================================== */

@font-face {
  font-family: "SSPThai";
  src: url("../fonts/thai-regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SSPThai";
  src: url("../fonts/thai-bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  /* สีหลัก */
  --c-navy: #0b2a5b;
  --c-navy-2: #123a78;
  --c-primary: #1656b8;
  --c-primary-hover: #0f469b;
  --c-sky: #2f8fe0;
  --c-tint: #eaf3fc;
  --c-tint-2: #f4f8fd;
  --c-line: #d9e5f3;
  --c-white: #fff;

  /* ข้อความ */
  --c-text: #14264a;
  --c-muted: #5c6f8c;

  /* สีช่องทางติดต่อ */
  --c-line-app: #06c755;
  --c-line-app-hover: #05a948;

  /* รูทรงและเงา */
  --radius-sm: 6px;
  --radius: 10px;
  --radius-lg: 16px;
  --shadow-sm: 0 2px 8px rgba(17, 52, 110, .06);
  --shadow: 0 10px 30px rgba(17, 52, 110, .10);

  /* เลย์เอาต์ */
  --container: 1200px;
  --gutter: 24px;
  --header-h: 76px;

  /* สถานะ */
  --c-open: #1fb46a;
  --c-closed: #e0564f;

  --font: "SSPThai", "Noto Sans Thai", "Segoe UI", Tahoma, sans-serif;
  --ease: cubic-bezier(.2, .7, .2, 1);
}

*,
*::before,
*::after { box-sizing: border-box; }

html {
  scroll-behavior: smooth;
  scroll-padding-top: calc(var(--header-h) + 12px);
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  font-family: var(--font);
  font-size: 16px;
  line-height: 1.7;
  color: var(--c-text);
  background: var(--c-white);
  -webkit-font-smoothing: antialiased;
}

img, svg, iframe { display: block; max-width: 100%; }
img { height: auto; }

a { color: var(--c-primary); text-decoration: none; transition: color .2s; }
a:hover { color: var(--c-primary-hover); }

h1, h2, h3, h4 {
  margin: 0 0 .5em;
  line-height: 1.3;
  font-weight: 700;
  color: var(--c-navy);
}
p { margin: 0 0 1em; }
ul, ol { margin: 0; padding: 0; list-style: none; }

button, input, select, textarea { font: inherit; color: inherit; }
button { cursor: pointer; }

:focus-visible { outline: 3px solid rgba(47, 143, 224, .45); outline-offset: 2px; }

/* ซ่อนข้อความสำหรับ screen reader / SEO */
.screen-reader-text {
  position: absolute !important;
  width: 1px; height: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
}

.skip-link:focus {
  clip: auto; width: auto; height: auto;
  z-index: 1000; top: 8px; left: 8px;
  padding: 10px 16px;
  background: var(--c-navy); color: #fff;
  border-radius: var(--radius-sm);
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
}