/* ===== ต้นทองหลาง — ธีม A "ครีม–เขียวป่า" (สีจากโปสเตอร์ร้านชุด ต.ค. 2569) =====
   ไฟล์นี้เป็นที่เดียวที่นิยามสีของเว็บ: ทุกหน้าใช้ var(--tl-*) ใน <style> ของตัวเอง
   แก้สี = แก้ที่นี่ แล้วเปลี่ยน ?v= ในลิงก์ทั้ง 9 หน้า (nginx แคช CSS 1 เดือน)
   ข้อยกเว้นที่ยังเป็นสีตรง: ขาว (#fff) ตัวหนังสือบนพื้นเข้ม/ภาพ, เงาดำ rgba(0,0,0,x), ม่านดำบนภาพ hero/แกลเลอรี */
:root{
  --tl-cream:#FBF7EC;      /* พื้นหน้า = พื้นงาช้างโปสเตอร์ */
  --tl-cream-2:#F3EBD6;    /* ครีมอุ่น = หัวเพจ / CTA ท้ายหน้า */
  --tl-paper:#FFFFFF;      /* การ์ด */
  --tl-sage-50:#EEF0E3;    /* เสจจาง = section สลับ (รีวิว) */
  --tl-sage-200:#D8DCC6;
  --tl-sage-600:#56623F;   /* เสจ/มะกอก = ผนังอิฐห้องคาราโอเกะ → แถบห้องรับรองหน้าแรก */
  --tl-forest-700:#1F4A2D; /* ลิงก์บนพื้นสว่าง */
  --tl-forest-800:#163823; /* เขียวป่า = หัวข้อ/ป้าย/ปุ่มรอง */
  --tl-forest-900:#0F2919; /* footer + ป้ายหลังโลโก้ */
  --tl-gold:#C8A24B;       /* ทอง = โลโก้ + เส้นบาง (ไม่ใช้เป็นตัวหนังสือบนพื้นสว่าง) */
  --tl-gold-light:#E3CB8F;
  --tl-gold-dark:#8A6A1F;  /* ทองสำหรับตัวหนังสือบนพื้นสว่าง (AA) */
  --tl-terra:#B8520F;      /* ส้มอิฐ = ปุ่มโทร (ตัวขาว 4.94) */
  --tl-terra-hover:#9E450C;
  --tl-brown:#6E3F10;      /* สำรอง */
  --tl-ink:#1D2B21;        /* ตัวหนังสือเข้มสุด (ตาราง) */
  --tl-text:#3E463D;       /* ตัวหนังสือเนื้อหา */
  --tl-muted:#5E665A;      /* ตัวหนังสือรอง */
  --tl-hairline:#E6E2D0;   /* เส้นคั่นตาราง/ขอบการ์ดบาง */
  --tl-line:#06C755;       /* สีแบรนด์ LINE */
  --tl-line-text:#05833C;  /* ตัวหนังสือ LINE บนพื้นขาว (AA) */
  --tl-star:#F5A623;       /* ดาวรีวิว (ตกแต่ง aria-hidden) */
  /* ค่า r,g,b สำหรับสีโปร่ง: rgba(var(--tl-xxx-rgb),.5) */
  --tl-cream-rgb:251,247,236;
  --tl-forest-800-rgb:22,56,35;
  --tl-forest-900-rgb:15,41,25;
  --tl-gold-rgb:200,162,75;
  --tl-gold-light-rgb:227,203,143;
  --tl-terra-rgb:184,82,15;
}

/* ===== ชิ้นที่ใช้ร่วมทุกหน้า ===== */
/* โลโก้ (ทอง + ตัวหนังสือขาว ห้ามวางบนครีม) → ป้ายเขียวป่ามุมโค้ง ขอบทองบาง · ไม่แตะไฟล์โลโก้
   ขนาดป้าย = รูป 40px (≤768: 36px) + padding 6px → พอดีแถว navbar 68/64px (ค่าใน tl-ux.css) */
.navbar .logo{display:inline-flex;align-items:center;justify-content:center;background:var(--tl-forest-900);border-radius:10px;padding:6px 10px;margin:0;line-height:0;box-shadow:0 0 0 1px rgba(var(--tl-gold-rgb),.55) inset}

/* ปุ่มลอยโทร กะพริบ (ย้ายมาจากปุ่ม LINE ให้ปุ่มโทรเด่นสุด) */
@keyframes tl-pulse-call{
  0%{box-shadow:0 6px 20px rgba(var(--tl-terra-rgb),.42),0 0 0 0 rgba(var(--tl-terra-rgb),.5)}
  70%{box-shadow:0 6px 20px rgba(var(--tl-terra-rgb),.42),0 0 0 14px rgba(var(--tl-terra-rgb),0)}
  100%{box-shadow:0 6px 20px rgba(var(--tl-terra-rgb),.42),0 0 0 0 rgba(var(--tl-terra-rgb),0)}
}
@media (prefers-reduced-motion:reduce){.float-btn.phone{animation:none!important}}