/* cms.css — สไตล์เสริมสำหรับส่วนที่มาจาก CMS (ไม่แก้สไตล์เดิมของเว็บ) */
/* ซ่อนระหว่างโหลดเนื้อหาจาก CMS — กันค้าง: ถ้า JS ไม่ทำงาน 3 วินาทีจะแสดงเนื้อหาเดิมเอง (ไม่พึ่ง JS) */
.cms-pending { visibility: hidden; animation: cms-reveal 0s linear 3s forwards; }
@keyframes cms-reveal { to { visibility: visible; } }

/* ซ่อน Section ตามอุปกรณ์ */
@media (min-width: 992px) { .cms-hide-desktop > * { display: none !important; } }
@media (min-width: 768px) and (max-width: 991px) { .cms-hide-tablet > * { display: none !important; } }
@media (max-width: 767px) { .cms-hide-mobile > * { display: none !important; } }

/* ปุ่มเปลี่ยนภาษา TH | EN ใน Header */
.navbar-default .nav > li.cms-lang-switch { display: flex; align-items: center; }
.navbar-default .nav > li.cms-lang-switch > a { padding-left: 6px; padding-right: 6px; }
.cms-lang-sep { opacity: .4; font-size: 12px; }
@media (max-width: 767px) { .navbar-default .nav > li.cms-lang-switch { padding: 8px 15px; } }

/* เมนูย่อย (สูงสุด 3 ชั้น) */
.dropdown-submenu { position: relative; }
.dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -6px; }
@media (min-width: 768px) { .dropdown-submenu:hover > .dropdown-menu { display: block; } .navbar-nav > li.dropdown:hover > .dropdown-menu { display: block; } }
@media (max-width: 767px) { .dropdown-submenu > .dropdown-menu { position: static; float: none; box-shadow: none; padding-left: 15px; } }
.cms-menu-badge { font-size: 10px; margin-left: 4px; vertical-align: middle; }

/* แถบโหมดตัวอย่าง */
.cms-preview-bar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 9999; background: #4B65AA; color: #fff; text-align: center; padding: 8px 12px; font-size: 14px; }

/* ฟอร์ม */
.cms-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; opacity: 0; }
.cms-form .form-control { border-radius: 10px; }
.cms-form-msg.error { color: #d9534f; }
.cms-form-msg.ok { color: #2e7d32; }

.cms-theme-dark { background-color: #1f2a44; color: #fff; }
.cms-marquee { overflow: hidden; white-space: nowrap; }
.cms-marquee .cms-marquee-track { display: inline-block; animation: cms-marquee 30s linear infinite; }
@keyframes cms-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }

/* หน้า 404 / dynamic page */
.cms-empty { padding: 160px 15px 120px; text-align: center; }