/*
 * ปุ่มหัวเว็บที่กลายเป็นลิงก์ — ไฟล์ทับ (เจ้าของเลือก 22 ก.ย. 2569)
 *
 * ⚠⚠⚠ **ห้ามแก้ `home.css` ซึ่งเป็นของชุดออกแบบ** (มติ 88 · 94)
 *    ไฟล์นี้ต้องโหลด **หลัง** `home.css` เสมอ ไม่งั้นกฎข้างล่างไม่มีผล
 *
 * ที่มา: ปุ่ม ตะกร้า · บัญชี · ขอใบเสนอราคา เคยเป็น `<button>` ที่ JavaScript คอยฟัง
 * → สามหน้าที่เซิร์ฟเวอร์วาดเสร็จและไม่โหลดสคริปต์ (ตะกร้า · บัญชี · ออกแบบโปรไฟล์)
 *   จึงมีปุ่มที่กดแล้วไม่มีอะไรเกิดขึ้น · ตอนนี้เป็น `<a>` จริง ใช้ได้โดยไม่ต้องมี JavaScript
 *
 * ⚠⚠ แต่ `home.css` เขียนกฎหน้าตาไว้กับ `.header-actions>button` เท่านั้น
 *    เปลี่ยนแท็กแล้วไม่ทำไฟล์นี้ = ไอคอนกับตัวหนังสือเรียงผิด และปุ่มเตี้ยกว่า 44px
 *    **ทุกกฎข้างล่างคัดลอกค่ามาจาก `home.css` ตรงๆ ห้ามตั้งค่าใหม่เอง**
 *    ตั้งค่าใหม่เมื่อไหร่ หัวเว็บจะมีสองหน้าตาแล้วแต่ว่าปุ่มไหนเป็นลิงก์แล้วบ้าง
 *
 * ⚠ ตัวเลือกใช้ `>` เพื่อไม่ให้โดนลิงก์สลับภาษาซึ่งอยู่ใน `.header-actions .language`
 */
.header-actions>a{display:grid;justify-items:center;gap:3px;font-size:var(--text-xs);white-space:nowrap;padding:0;min-height:44px}
.header-actions>a:hover{filter:brightness(.96)}

/* ⚠ ค่าจาก `home.css` บรรทัดจอ ≤950px — ตัวหนังสือหาย เหลือไอคอน */
@media(max-width:950px){.header-actions>a span{display:none}}

/*
 * ⚠⚠ จอแคบซ่อนปุ่มขอใบเสนอราคา ตามที่ชุดออกแบบทำไว้กับ `[data-demo=quote]`
 *    ลิงก์ใช้ `data-slot` แทน เพราะ `data-demo` มีคนจับคลิกอยู่ (ดู `header.blade.php`)
 */
@media(max-width:600px){.header-actions>a[data-slot=quote]{display:none}}

/* ⚠ ค่าจาก `home.css` บรรทัดจอ ≥1251px */
@media(min-width:1251px){.header-actions>a{font-size:12px}}