/* Baan Film — shared top navigation only (used by every page incl. the booking app) */
/* Type: Poppins (CI) + Prompt for Thai · Colour: PANTONE 7567 C #89532f / 7533 C #473729 */
:root{--color-bg:#f7f3ea;--color-surface:#ebe6dc;--color-text:#473729;--color-accent:#89532f;--color-accent-700:#89532f;--color-accent-800:#473729;--color-neutral-600:#786c5f;--color-neutral-700:#6a5d50;--color-divider:color-mix(in srgb,#473729 16%,transparent);--font-heading:"Poppins","Prompt",system-ui,sans-serif;--font-body:"Poppins","Prompt",system-ui,sans-serif}

.sitenav{background:var(--color-bg);border-bottom:1px solid var(--color-divider);position:sticky;top:0;z-index:50}
.sitenav .in{max-width:1100px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;gap:14px}
.sitenav .brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--color-text);min-width:0}
.sitenav .brand img{height:32px;width:auto;max-height:32px;display:block;flex:none}
.sitenav .brand b{font-family:var(--font-heading);font-weight:600;font-size:18px;letter-spacing:.01em;text-transform:lowercase;line-height:1.1;display:block}
.sitenav .brand small{display:block;font-size:9.5px;font-weight:500;letter-spacing:.12em;color:var(--color-neutral-600);text-transform:uppercase;font-family:var(--font-heading);line-height:1.2}
.sitenav ul{list-style:none;margin:0 0 0 auto;padding:0;display:flex;gap:2px;align-items:center}
.sitenav li{margin:0}
.sitenav li a{display:block;padding:8px 10px;font-family:var(--font-heading);font-weight:500;font-size:13px;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;color:var(--color-neutral-700);border-bottom:2px solid transparent;white-space:nowrap}
.sitenav li a:hover,.sitenav li a.on{color:var(--color-text);border-bottom-color:var(--color-accent)}
.sitenav li.sec a{font-size:11.5px;color:var(--color-neutral-600)}
.sitenav .cta{background:var(--color-accent-700);color:#fff!important;border:0!important;padding:9px 14px!important;border-radius:2px;letter-spacing:.04em}
.sitenav .cta:hover{background:var(--color-accent-800)}
.sitenav .burger{display:none;margin-left:auto;background:none;border:1px solid var(--color-divider);font-family:var(--font-heading);font-weight:500;font-size:13px;letter-spacing:.05em;color:var(--color-text);padding:7px 11px;cursor:pointer;border-radius:2px}
/* v159 · เมนูบนมี 5 ห้องแล้ว (Production เพิ่มมา) · จอ 1001–1180px ที่ไม่พอ ซ่อน About/Contact ไว้ (ยังมีในท้ายเว็บ "More")
   และเปลี่ยนเป็นปุ่มเมนูตั้งแต่ 1000px ลงมา (เดิม 860) · ก่อนแก้ จอ 870–1100 เมนูล้นจนหน้าเลื่อนซ้ายขวาได้ และโลโก้ตัดสองบรรทัด */
.sitenav .brand b{white-space:nowrap}
@media(min-width:1001px){.sitenav li a{padding:8px 8px}}
@media(max-width:1180px){.sitenav li.sec{display:none}}
@media(max-width:1000px){
  .sitenav li.sec{display:block}
  .sitenav .burger{display:block}
  .sitenav ul{display:none;position:absolute;left:0;right:0;top:100%;background:var(--color-bg);border-bottom:1px solid var(--color-divider);flex-direction:column;align-items:stretch;padding:8px 12px 14px}
  .sitenav ul.open{display:flex}
  .sitenav li a{padding:12px 10px;font-size:15px}
  .sitenav .cta{text-align:center;margin-top:6px}
}

/* v150 · สองภาษา — lang.js ใส่ class lang-en ให้ <html> ตั้งแต่ใน <head> */
html.lang-en .t-th{display:none!important}
html:not(.lang-en) .t-en{display:none!important}
.langsw{display:inline-flex;align-items:center;gap:0;margin-left:6px;border:1px solid var(--color-divider);border-radius:2px}
.langsw button{background:none;border:0;padding:7px 9px;font-family:var(--font-heading);font-weight:500;font-size:12px;letter-spacing:.06em;color:var(--color-neutral-600);cursor:pointer}
.langsw button[aria-pressed="true"]{background:var(--color-text);color:#fff}
/* จอแคบ: ปุ่มภาษาอยู่ข้างปุ่มเมนู เห็นตลอด ไม่ต้องเปิดเมนูก่อน · ปุ่มเมนูห้ามตัดบรรทัด (จอ 390px ขึ้น ☰ กับ MENU คนละบรรทัด) */
@media(max-width:1000px){.sitenav .langsw{margin-left:0;flex:none}.sitenav .langsw button{padding:7px 8px}.sitenav .burger{white-space:nowrap;flex:none}}

/* v159 · ลิงก์ "ข้ามไปเนื้อหา" สำหรับคนใช้คีย์บอร์ด ซ่อนไว้จนกด Tab · เดิมอยู่แค่ใน site.css
   หน้า Equipment ไม่ได้โหลด site.css ลิงก์นี้เลยโผล่ค้างอยู่บนสุดของหน้า */
.skiplink{position:absolute;left:-9999px;top:0;z-index:100;background:var(--color-accent-700);color:#fff;
  font-family:var(--font-heading);font-weight:500;font-size:13px;letter-spacing:.05em;text-transform:uppercase;
  padding:12px 18px;text-decoration:none}
.skiplink:focus{left:0}