/* === Weather + แผนที่ Horizontal Scroll (Mobile) === */
/* Mobile: เลื่อนซ้าย/ขวาได้ */
@media (max-width: 991px) {
#sp-section-12 .row {
display: flex !important;
flex-wrap: nowrap !important;
overflow-x: auto !important;
overflow-y: hidden !important;
-webkit-overflow-scrolling: touch !important;
scroll-snap-type: x mandatory !important;
gap: 0 !important;
padding-bottom: 8px !important;
}
/* ซ่อน scrollbar ให้ดูสะอาด */
#sp-section-12 .row::-webkit-scrollbar { display: none; }
#sp-section-12 .row { -ms-overflow-style: none; scrollbar-width: none; }
#sp-position4,
#sp-position2 {
flex: 0 0 85vw !important;
max-width: 85vw !important;
width: 85vw !important;
scroll-snap-align: start !important;
padding: 8px !important;
}
#sp-position4 .wx-wrap {
width: 100% !important;
border-radius: 12px;
}
}
/* Desktop: Widget ลอยทับแผนที่มุมซ้ายบน */
@media (min-width: 992px) {
#sp-section-12 .row {
position: relative;
display: block !important;
}
#sp-position4 {
position: absolute;
top: 20px;
left: 20px;
z-index: 100;
width: 240px !important;
padding: 0 !important;
float: none !important;
}
#sp-position2 {
width: 100% !important;
max-width: 100% !important;
flex: none !important;
float: none !important;
padding-left: 0 !important;
}
}
