/* RID-Land — ปรับการใช้งานบนมือถือ (ลิงก์ไว้ในทุกหน้า)
   Tailwind จัดเลย์เอาต์ตามขนาดจออยู่แล้ว ไฟล์นี้ดูแลเฉพาะสิ่งที่ Tailwind ไม่ครอบคลุม:
   ขนาดตัวอักษรของช่องกรอก (กัน iOS ซูมหน้าเอง) · ขนาดพื้นที่แตะ · safe-area ของจอที่มีรอยบาก */

html { -webkit-text-size-adjust: 100%; }
body { padding-left: env(safe-area-inset-left); padding-right: env(safe-area-inset-right); }
header.sticky { padding-top: env(safe-area-inset-top); }

/* iOS Safari ซูมเข้าเองเมื่อแตะช่องกรอกที่ตัวอักษรเล็กกว่า 16px แล้วไม่ซูมกลับ — ใช้งานบนแผนที่ลำบากมาก */
@media (max-width: 767px) {
  input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),
  select, textarea { font-size: 16px !important; }
}

/* จอสัมผัส: ช่องกรอก/ปุ่มเลือกต้องใหญ่พอให้นิ้วกด (เกณฑ์ ~40–44px) */
@media (pointer: coarse) {
  input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),
  select { min-height: 40px; }
  input[type=checkbox], input[type=radio] { width: 20px !important; height: 20px !important; }
  input[type=range] { min-height: 32px; }
  /* แถวที่มี checkbox ให้กดได้ทั้งแถว ไม่ใช่แค่กล่องเล็กๆ */
  label:has(> input[type=checkbox]), label:has(> input[type=radio]) { min-height: 32px; }
}