/* ──────────────────────────────────────────────────────────────────────────
   type-scale.css — ขยายขนาดตัวอักษรทั้งเว็บให้อ่านง่ายขึ้นราว 7-10%

   เก็บไว้เป็นไฟล์แยกและโหลดเป็นตัวสุดท้าย เพื่อให้ย้อนกลับได้ด้วยการเอา
   <link> บรรทัดเดียวออกจาก head.php โดยไม่ต้องแตะ style.css / newstyle.css
   ที่มีกฎรวมกันเป็นพันบรรทัด

   ทำไมต้องระบุคลาสเป็นตัว ๆ แทนที่จะขยับแค่ root: เว็บนี้เขียนขนาดฟอนต์เป็น px
   ราว 413 จุด และเป็น rem อีก 202 จุด การขยับ root ขยายได้เฉพาะฝั่ง rem
   ตัวหนังสือเล็กที่สุดที่ผู้ใช้บ่น (.bk-pill 11px ซึ่งมีถึง 67 จุดในหน้าค้นหา
   หน้าเดียว) เป็น px ล้วน จึงต้องยกขึ้นตรง ๆ
   ────────────────────────────────────────────────────────────────────────── */

/* ฐานของทั้งเว็บ — ตัวหนังสือที่ไม่ได้กำหนดขนาดเองจะโตตามสองบรรทัดนี้
   (rem ทุกจุดอิงจาก html, ข้อความทั่วไปสืบทอดจาก body) */
html { font-size: 18.5px; }          /* เดิม 17px */
body { font-size: 15.5px; }          /* เดิม 14px */

/* ป้ายเล็กบนการ์ด เช่น "ขาย" "คอนโดมือหนึ่ง" — เล็กที่สุดในหน้าและพบมากที่สุด */
.bk-pill        { font-size: 12px; }     /* เดิม 11px */
.bk-active-chip { font-size: 12.5px; }   /* เดิม 11.5px */
.bk-label       { font-size: 12px; }     /* เดิม 11px */

/* ข้อมูลประกอบบนการ์ดประกาศ — ขนาดห้อง ชั้น ราคาต่อ ตร.ม. */
.bk-listing__chip       { font-size: 14px; }   /* เดิม 13px */
.bk-listing__price-old  { font-size: 14px; }
.bk-listing__video      { font-size: 14px; }
.bk-text-num            { font-size: 14px; }

/* หัวข้อ/ตัวนับในหน้าผลการค้นหา */
.bk-search-head__count-label { font-size: 14px; }
.bk-chips__label,
.bk-chip                     { font-size: 13.5px; }

/* แถบเมนูล่างบนมือถือ — พื้นที่จำกัด ขยับทีละน้อยพอให้อ่านออก
   มากกว่านี้ข้อความจะตัดบรรทัดแล้วแถบสูงผิดรูป */
.m-nav-label { font-size: 11.8px; }

/* ตัวหนังสือใน dropdown เปลี่ยนภาษา */
.lang-switcher-m { font-size: 14px; }

/* ─── มือถือ ───
   จอแคบตัวหนังสือยิ่งต้องอ่านง่าย แต่ก็มีที่ให้ขยายน้อยกว่า จึงขยับเบากว่าเดสก์ท็อป
   เล็กน้อย และไม่แตะแถบเมนูล่างซ้ำ */
@media screen and (max-width: 767px) {
    html { font-size: 18px; }
    body { font-size: 15.5px; }
    .bk-pill { font-size: 11.8px; }
    .bk-listing__chip { font-size: 13.5px; }
}