/* ════════════════════════════════════════════════════════════════
   NVK — ชั้นการเข้าถึง (a11y) ใช้ร่วมทั้ง www.nvk.co.th และ /portal
   ไฟล์นี้เป็นต้นทางเดียว: nvk-tokens.css (เว็บสาธารณะ 378 หน้า) และ
   nvk-portal.css (portal) @import เข้ามา · 4 หน้าที่ไม่โหลดสองไฟล์นั้น
   ลิงก์ไฟล์นี้ตรงๆ  ⚠️ แก้ไฟล์นี้แล้วต้องขยับ ?v= ในทั้ง 3 ที่
   ════════════════════════════════════════════════════════════════ */
/* 1) วงแหวนโฟกัส — คนที่ใช้คีย์บอร์ด/ผู้พิการต้องเห็นว่าตอนนี้อยู่ตรงไหน
      :focus-visible = โชว์เฉพาะตอนใช้คีย์บอร์ด เมาส์กดแล้วไม่มีขอบมากวน */
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{
  outline:3px solid var(--nvk-red,#9e1115);
  outline-offset:2px;
  border-radius:3px;
}
:where(a,button,input,select,textarea,summary,[tabindex]):focus:not(:focus-visible){outline:none}

/* 2) ผู้ใช้ที่ตั้งค่า "ลดการเคลื่อนไหว" ไว้ (เมารถ/ไมเกรน/ระบบการทรงตัว)
      ต้องได้หน้าที่นิ่ง — ของเดิมสไลด์/พารัลแลกซ์วิ่งหมดไม่ว่าตั้งค่าอะไรไว้ */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    transition-duration:.001ms!important;
    scroll-behavior:auto!important;
  }
}

/* 3) ลิงก์ข้ามเมนูไปเนื้อหา — โผล่เฉพาะตอนกด Tab ครั้งแรก
      ของเดิมคนใช้คีย์บอร์ดต้องกด Tab ผ่านเมนู ~90 ลิงก์ก่อนถึงเนื้อหาทุกหน้า */
.nvk-skip{
  position:fixed;top:-100px;left:12px;z-index:9999;
  background:var(--nvk-ink,#181818);color:#fff;
  padding:12px 20px;border-radius:0 0 10px 10px;
  font:600 14px/1 var(--nvk-font-body,system-ui);text-decoration:none;
  transition:top .18s ease;
}
.nvk-skip:focus{top:0}

/* 4) เป้ากดบนมือถือ ≥44px — วัดหน้าจริงแล้วเจอปุ่ม/ลิงก์เตี้ยกว่า 40px
      หน้าแรก 38 จุด · หน้า NVK Pricelist 116 จุด (กดพลาดง่ายบนมือถือ) */
/* ใช้ (pointer:coarse) แทนความกว้างจอ — แท็บเล็ตแนวนอน 1024px ก็เป็นนิ้วกด
   ของเดิมจับที่ ≤860px จอสัมผัสใหญ่เลยหลุดเกณฑ์ไปทั้งหมด */
@media (max-width:860px), (pointer: coarse){
  .nvk-menu a,.nvk-hamburger,.nvk-btn-dark,.nvk-btn-red,.nvk-btn-ghost,
  .nvk-footer a,button,[role="button"]{min-height:44px}
  .nvk-menu a,.nvk-footer a{display:flex;align-items:center}
  button,[role="button"]{display:inline-flex;align-items:center;justify-content:center}
  input,select,textarea{min-height:44px}
}