@import url("ilist.css");
@import url("white.css");
/* headhesive.css + scrollup.css ถูกยกเลิก — ScrollUp/Nav ใช้ vanilla (.sa-scrollup / #HeaderNavigation sticky) ผ่าน siam-ui.js */

/* กัน horizontal overflow บน mobile: ปุ่ม scrollUp (position:fixed; right) ไม่หลุดขอบขวา + เลิกเลื่อนแนวนอน
   ใช้ที่ root (html) เพื่อไม่ให้กระทบ position:sticky ของ .sa-head */
/* overflow-x: clip (ไม่ใช่ hidden) — clip ไม่สร้าง scroll container จึงไม่ทำ position:sticky พัง/ไม่เสถียร
   ข้ามเบราว์เซอร์ (hidden เดิมทำ .sa-head sticky ติดบ้างไม่ติดบ้างบนมือถือ) แต่ยังกัน sideways scroll ได้ */
html { overflow-x: clip; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }

/* ต้นเหตุจริงของ horizontal-scroll บน viewtopic มือถือ: รูปแบนเนอร์โฆษณา (เช่น ads_topic_b3 genius-count-g12.jpg)
   + รูปในโพสต์ ไม่มี max-width → ล้นขวา ดันหน้ากว้างเกิน viewport → เลื่อนขวาได้ + ปุ่ม scrollup (fixed) หลุดกรอบ
   แก้ที่ต้นเหตุ: คุมความกว้างรูปไม่ให้เกินกรอบ — ใช้ max-width อย่างเดียว (ไม่ใส่ height:auto รวม)
   เพราะ #main-content img (id, specificity สูง) จะไป override height:100%+object-fit ของ hero slide/highlight
   (.sa-slide img / .sa-hi-thumb img) ทำให้ letterbox ขอบดำหาย + รูปถูกตัด — banner ไม่มี height attr อยู่แล้ว
   max-width:100% ก็ย่อสัดส่วนถูก ส่วนรูปในโพสต์ (.content img อาจมี height attr) ใส่ height:auto แยกด้านล่าง */
#main-content img { max-width: 100%; }
.content img { height: auto; }

/* footer overflow: .row หลายอันใน #page-footer ไม่ได้ห่อใน .container → negative margin ของ .row
   (เส้นเหลือง border-warning + แถบเทา copyright) ล้นขวาบนมือถือ = เลื่อนขวาได้นิดหน่อย
   clip ที่ footer กันไม่ให้ overflow ดันความกว้างหน้า (ทั้ง FF + Chrome) */
#page-footer { overflow-x: clip; }

/* cookieconsent banner: ต้นเหตุ overflow แนวนอนบน mobile — flex-wrap:nowrap + ข้อความไทยยาวไม่มีเว้นวรรค
   → Firefox Android ไม่ตัดคำไทย ดันกล่องกว้างเกินจอ — แก้: บังคับ wrap + ให้ message ย่อ/ตัดคำได้ */
.cc-window.cc-banner { flex-wrap: wrap !important; }
.cc-window .cc-message { min-width: 0 !important; overflow-wrap: break-word; word-break: break-word; }


