/* brm-weather v4.4 (2026-10-22) เทศบาลนครบุรีรัมย์ */
#BRM-wrap.wx-on{position:relative;isolation:isolate}#BRM-wrap.wx-on>*:not(#WX-sky){position:relative;z-index:1}#WX-sky{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:radial-gradient(120% 90% at 50% 20%,#d9ecfb,#e8f2fb 45%,#f0f2f5 80%);transition:background 1s}.sc-cloud #WX-sky{background:radial-gradient(120% 90% at 50% 20%,#e1e8f1,#eaeff5 45%,#f0f2f5 80%)}.sc-rain #WX-sky{background:radial-gradient(120% 90% at 50% 20%,#d3dce7,#e3e9f0 45%,#f0f2f5 80%)}.sc-storm #WX-sky{background:radial-gradient(120% 90% at 50% 20%,#cbd3de,#dfe5ec 45%,#f0f2f5 80%)}#WX-sky{left:50%;right:auto;width:100vw;margin-left:-50vw;-webkit-mask:linear-gradient(180deg,transparent 0%,transparent 6%,rgba(0,0,0,.04) 8.5%,rgba(0,0,0,.12) 11%,rgba(0,0,0,.25) 13.5%,rgba(0,0,0,.42) 16%,rgba(0,0,0,.6) 18.5%,rgba(0,0,0,.76) 21%,rgba(0,0,0,.89) 23.5%,rgba(0,0,0,.97) 26%,#000 28%,#000 70%,rgba(0,0,0,.97) 72.5%,rgba(0,0,0,.89) 75%,rgba(0,0,0,.76) 77.5%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.42) 82.5%,rgba(0,0,0,.25) 85%,rgba(0,0,0,.12) 87.5%,rgba(0,0,0,.04) 90%,transparent 93%);mask:linear-gradient(180deg,transparent 0%,transparent 6%,rgba(0,0,0,.04) 8.5%,rgba(0,0,0,.12) 11%,rgba(0,0,0,.25) 13.5%,rgba(0,0,0,.42) 16%,rgba(0,0,0,.6) 18.5%,rgba(0,0,0,.76) 21%,rgba(0,0,0,.89) 23.5%,rgba(0,0,0,.97) 26%,#000 28%,#000 70%,rgba(0,0,0,.97) 72.5%,rgba(0,0,0,.89) 75%,rgba(0,0,0,.76) 77.5%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.42) 82.5%,rgba(0,0,0,.25) 85%,rgba(0,0,0,.12) 87.5%,rgba(0,0,0,.04) 90%,transparent 93%)}#sp-section-12{overflow-x:clip}.wx-sun{position:absolute;top:140px;left:9%;width:96px;height:96px;opacity:0;transition:opacity 1s}.wx-sun:before{content:"";position:absolute;inset:22px;border-radius:50%;background:radial-gradient(circle,#fff4c7,#f3cf5a 60%,#d4af37);box-shadow:0 0 50px 18px #d4af3747}.wx-sun i{position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(rgba(212,175,55,.45) 0 6deg,transparent 6deg 30deg);-webkit-mask:radial-gradient(circle,transparent 31px,#000 32px,#000 47px,transparent 48px);mask:radial-gradient(circle,transparent 31px,#000 32px,#000 47px,transparent 48px);animation:wxSpin 50s linear infinite}.sc-day.sc-clear .wx-sun{opacity:1}.sc-day.sc-cloud .wx-sun{opacity:.6}.sc-night #WX-sky{background:radial-gradient(130% 95% at 50% 30%,#1d3d70,#122b55 45%,#0a1a36 80%)}.wx-moon{position:absolute;top:150px;left:9%;width:60px;height:60px;border-radius:50%;box-shadow:inset -16px 9px #fff3c8;filter:drop-shadow(0 0 14px rgba(255,236,170,.55));opacity:0;transition:opacity 1s;transform:rotate(-20deg)}.wx-stars,.wx-stars:before{position:absolute;inset:16% 0 18%;opacity:0;transition:opacity 1s}.wx-stars{background-image:radial-gradient(1.8px 1.8px at 6% 22%,#fff 50%,transparent),radial-gradient(1.4px 1.4px at 14% 58%,#fff 50%,transparent),radial-gradient(2.2px 2.2px at 22% 12%,#fff 50%,transparent),radial-gradient(1.4px 1.4px at 31% 74%,#fff 50%,transparent),radial-gradient(1.8px 1.8px at 39% 34%,#fff 50%,transparent),radial-gradient(1.4px 1.4px at 47% 8%,#fff 50%,transparent),radial-gradient(2px 2px at 56% 62%,#fff 50%,transparent),radial-gradient(1.4px 1.4px at 63% 20%,#fff 50%,transparent),radial-gradient(1.8px 1.8px at 71% 84%,#fff 50%,transparent),radial-gradient(2.2px 2.2px at 79% 40%,#fff 50%,transparent),radial-gradient(1.4px 1.4px at 86% 10%,#fff 50%,transparent),radial-gradient(1.8px 1.8px at 93% 66%,#fff 50%,transparent),radial-gradient(1.4px 1.4px at 97% 30%,#fff 50%,transparent),radial-gradient(1.4px 1.4px at 3% 88%,#fff 50%,transparent);animation:wxTwinkle 3.2s ease-in-out infinite alternate}.wx-stars:before{content:"";inset:0;opacity:1;background-image:radial-gradient(1.2px 1.2px at 10% 40%,#ffe9a8 50%,transparent),radial-gradient(1.6px 1.6px at 18% 82%,#fff 50%,transparent),radial-gradient(1.2px 1.2px at 27% 28%,#fff 50%,transparent),radial-gradient(1.6px 1.6px at 35% 92%,#ffe9a8 50%,transparent),radial-gradient(1.2px 1.2px at 44% 50%,#fff 50%,transparent),radial-gradient(1.6px 1.6px at 52% 26%,#fff 50%,transparent),radial-gradient(1.2px 1.2px at 60% 90%,#fff 50%,transparent),radial-gradient(1.6px 1.6px at 68% 52%,#ffe9a8 50%,transparent),radial-gradient(1.2px 1.2px at 75% 6%,#fff 50%,transparent),radial-gradient(1.6px 1.6px at 83% 72%,#fff 50%,transparent),radial-gradient(1.2px 1.2px at 90% 46%,#fff 50%,transparent);animation:wxTwinkle 4.6s ease-in-out infinite alternate-reverse}.wx-stars:after{content:"";position:absolute;top:8%;left:62%;width:120px;height:2px;border-radius:2px;background:linear-gradient(90deg,rgba(255,255,255,.95),transparent);transform:rotate(-24deg);opacity:0;animation:wxShoot 13s ease-in 4s infinite}.sc-night .wx-moon{opacity:1}.sc-night .wx-stars{opacity:.85}.sc-night.sc-clear .wx-stars{opacity:1}.sc-night.sc-rain .wx-rain,.sc-night.sc-storm .wx-rain{background-image:repeating-linear-gradient(105deg,transparent 0 22px,rgba(200,220,250,.5) 22px 23px,transparent 23px 52px)}.sc-night .wx-flash{background:#cfe0ff}@keyframes wxShoot{0%,92%{opacity:0;transform:translate(0) rotate(-24deg)}93%{opacity:1}to{opacity:0;transform:translate(-260px,115px) rotate(-24deg)}}.wx-cloud{position:absolute;left:0;width:320px;height:170px;animation:wxDrift linear infinite;will-change:transform;--c1:#fff;--c2:rgba(185,198,216,.5);--c3:rgba(70,95,130,.16)}.wx-cloud>span{position:absolute;inset:0;transform:scale(var(--s,1));transform-origin:0 0;opacity:var(--o,1)}.wx-cloud i{position:absolute;width:300px;height:150px;border-radius:50%;top:-500px;left:-500px}.wx-cloud .b{filter:url(#wxf-b);box-shadow:500px 520px 24px -8px var(--c1)}.wx-cloud .m{filter:url(#wxf-m);box-shadow:500px 548px 48px -36px var(--c2);left:-512px}.wx-cloud .f{filter:url(#wxf-f);box-shadow:500px 566px 44px -64px var(--c3);left:-512px}.wx-c2 i,.wx-c4 i{width:240px;height:120px}.wx-c2 .b,.wx-c4 .b{filter:url(#wxf-b2)}.wx-c2 .m,.wx-c4 .m{filter:url(#wxf-m2)}.wx-c2 .f,.wx-c4 .f{filter:url(#wxf-f2)}.wx-c1{top:70px;animation-duration:110s;animation-delay:-15s;--s:1;--o:.95}.wx-c2{top:250px;animation-duration:150s;animation-delay:-80s;--s:.8;--o:.8}.wx-c3{top:430px;animation-duration:125s;animation-delay:-45s;--s:.95;--o:.85}.wx-c4{top:150px;animation-duration:170s;animation-delay:-125s;--s:.65;--o:.7}.wx-c5{top:560px;animation-duration:140s;animation-delay:-25s;--s:.75;--o:.7}.sc-clear .wx-c2,.sc-clear .wx-c4,.sc-clear .wx-c5{display:none}.sc-clear .wx-cloud{--o:.75}.sc-rain .wx-cloud{--c1:#f2f5f9;--c2:rgba(150,165,185,.55);--c3:rgba(45,65,95,.26)}.sc-storm .wx-cloud{--c1:#dde3ea;--c2:rgba(95,108,128,.7);--c3:rgba(20,30,50,.5)}.sc-night .wx-cloud{--c1:rgba(150,170,210,.42);--c2:rgba(40,60,100,.45);--c3:rgba(5,12,30,.45)}.sc-rain .wx-rain,.sc-storm .wx-rain{position:absolute;inset:-60px 0 0;opacity:.35;background-image:repeating-linear-gradient(105deg,transparent 0 22px,rgba(47,109,181,.45) 22px 23px,transparent 23px 52px);background-size:130px 130px;animation:wxRain .7s linear infinite}.sc-storm .wx-flash{position:absolute;inset:0;background:#fff;opacity:0;animation:wxFlash 10s infinite}@keyframes wxSpin{to{transform:rotate(360deg)}}@keyframes wxTwinkle{0%{opacity:.4}to{opacity:1}}@keyframes wxDrift{0%{transform:translate(-260px)}to{transform:translate(calc(100vw + 60px))}}@keyframes wxRain{to{background-position:-30px 130px}}@keyframes wxFlash{0%,90%,93%,to{opacity:0}91%{opacity:.5}94%{opacity:.25}}#BRM-wrap.wx-on #BRM{position:relative}#WX-strip{position:absolute;left:0;top:12px;width:160px;z-index:6;box-sizing:border-box;font-family:Sarabun,sans-serif;color:#333;text-align:left}#WX-strip .ci-list{display:flex;flex-direction:column;gap:10px}#WX-strip ul{list-style:none;margin:0;padding:0}#WX-strip svg{display:block}#WX-strip .ci{position:relative;border-radius:22px;background:transparent;transition:background .2s,box-shadow .2s}#WX-strip .ci-h{display:grid;grid-template-columns:64px 1fr;grid-template-areas:"ic v" "ic lb";align-items:center;column-gap:10px;width:100%;padding:6px 26px 6px 6px;border:0;background:none;border-radius:22px;cursor:pointer;text-align:left;font-family:inherit;color:inherit;position:relative}#WX-strip .ci-h:focus-visible{outline:3px solid #003366;outline-offset:2px}#WX-strip .ci-ic{grid-area:ic;width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:#ffffff8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 8px 20px #001e3c1f,inset 0 0 0 1px #ffffffbf;transition:transform .2s,box-shadow .2s}#WX-strip .ci-h:hover .ci-ic{transform:scale(1.07);box-shadow:0 10px 24px #001e3c2e,inset 0 0 0 1px #ffffffe6}#WX-strip .ci-ic svg{width:50px;height:50px}#WX-strip .ci-wx svg{animation:wxBob 4s ease-in-out infinite}#WX-strip .ci-v{grid-area:v;align-self:end;line-height:1;white-space:nowrap}#WX-strip .ci-v:empty{display:none}#WX-strip .ci-v b{font-size:24px;font-weight:700;color:#036}#WX-strip .ci-v sup{font-size:12px;top:-.7em;margin-left:1px}#WX-strip .ci-v small{font-size:10.5px;color:#6b7280;margin-left:3px}#WX-strip .ci-lb{grid-area:lb;align-self:start;min-width:0;line-height:1.25;margin-top:3px}#WX-strip .ci-wq .ci-lb{grid-row:1/3;align-self:center;margin:0}#WX-strip .ci-lb b{display:block;font-size:12.5px;font-weight:600;color:#036;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#WX-strip .ci-lb small{display:block;font-size:11px;color:#4b5563;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#WX-strip .ci-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px;vertical-align:0}#WX-strip .ci-pill{display:inline-block;font-size:11.5px;font-weight:700;padding:1px 8px;margin-top:2px;border-radius:999px;white-space:nowrap}#WX-strip .ci-pill.ok{background:#e6f5ec;color:#17693a}#WX-strip .ci-pill.bad{background:#fdeaea;color:#b42318}#WX-strip .ci-car{display:none;position:absolute;right:12px;top:50%;width:7px;height:7px;margin-top:-2px;border-right:2px solid #9aa1ad;border-bottom:2px solid #9aa1ad;transform:rotate(-135deg)}#WX-strip.has-open .ci:not(.open){display:none}#WX-strip .ci.open{width:auto;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 18px 44px #001e3c2e,0 0 0 1px #0033660f;animation:ciIn .2s ease-out}#WX-strip .ci.open .ci-car{display:block}#WX-strip .ci:not(.open) .ci-h{grid-template-columns:1fr;grid-template-areas:"ic" "v" "lb";justify-items:center;text-align:center;padding:6px 2px;row-gap:3px}#WX-strip .ci-wq:not(.open) .ci-lb{grid-row:auto}#WX-strip .ci:not(.open) .ci-lb{max-width:100%;margin-top:0}#WX-strip .ci.open .ci-ic{background:#f2f6fb;box-shadow:none}#WX-strip .ci-d{margin:0 12px;padding:10px 0 12px;border-top:1px solid #eef0f4}.sc-night #WX-strip .ci:not(.open) .ci-v b,.sc-night #WX-strip .ci:not(.open) .ci-lb b{color:#fff}.sc-night #WX-strip .ci:not(.open) .ci-v small,.sc-night #WX-strip .ci:not(.open) .ci-lb small{color:#d6e0f0}.sc-night #WX-strip .ci:not(.open) .ci-ic{background:#ffffffd9}#WX-strip .ci-note{margin:7px 0 0;font-size:12px;color:#4b5563;text-align:center;line-height:1.4}#WX-strip .ci-ft{margin:7px 0 0;font-size:11px;color:#9aa1ad;text-align:center;line-height:1.45}#WX-strip .ci-ft a{color:#2f6db5;white-space:nowrap}#WX-strip .ci-ft em{font-style:normal;color:#b45309}#WX-strip .wx-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}#WX-strip .wx-tiles.two{grid-template-columns:1fr 1fr;margin-top:7px}#WX-strip .wx-tiles li{background:#fff;border-radius:10px;padding:6px 4px;text-align:center;box-shadow:0 0 0 1px #eef0f4 inset}#WX-strip .wx-tiles span{display:block;font-size:11px;color:#6b7280}#WX-strip .wx-tiles b{display:block;font-size:14px;color:#036;white-space:nowrap}#WX-strip .wx-tiles b small{font-size:10px;font-weight:500;color:#6b7280}#WX-strip .wx-days{display:grid;grid-template-columns:repeat(5,1fr);gap:2px;margin-top:8px;padding-top:8px;border-top:1px solid #e8ecf2}#WX-strip .wx-days li{text-align:center;font-size:11.5px;line-height:1.3;color:#6b7280}#WX-strip .wx-days li span{display:block;font-weight:600;color:#036}#WX-strip .wx-days svg{width:26px;height:26px;margin:2px auto}#WX-strip .wx-days em{display:block;font-style:normal;font-weight:700;color:#333}#WX-strip .wx-days em small{font-weight:400;color:#9aa1ad;margin-left:1px}#WX-strip .wx-days u{display:block;text-decoration:none;font-size:10.5px;color:#2f6db5}#WX-strip .pm-box{display:flex;align-items:baseline;justify-content:center;gap:8px;padding:7px 8px;border-radius:12px;border:1.5px solid}#WX-strip .pm-box b{font-size:17px}#WX-strip .pm-box span{font-size:12px;color:#334;font-weight:600}#WX-strip .pm-dot{transform-box:fill-box;transform-origin:center;animation:pmFloat 3.4s ease-in-out infinite}#WX-strip .pm-ring{transform-box:fill-box;transform-origin:center;animation:pmPulse 2.8s ease-out infinite}#WX-strip .wq-head{margin:0 0 6px;font-size:11.5px;color:#4b5563;text-align:center}#WX-strip .wq-v{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}#WX-strip .wq-v li{background:#fff;border-radius:10px;padding:5px 4px;text-align:center;line-height:1.2;box-shadow:0 0 0 1px #eef0f4 inset}#WX-strip .wq-v li.bad{background:#fdeaea}#WX-strip .wq-v span{display:block;font-size:10.5px;color:#6b7280}#WX-strip .wq-v b{display:block;font-size:14px;color:#036}#WX-strip .wq-v li.bad b{color:#b42318}#WX-strip .wq-v small{display:block;font-size:9.5px;color:#9aa1ad}#WX-strip .ci-drop{overflow:visible;filter:drop-shadow(0 3px 5px rgba(26,143,214,.25))}#WX-strip .wq-rip{transform-box:fill-box;transform-origin:center;opacity:0;animation:wqRip 2.6s ease-out infinite}#WX-strip .wq-rip.r2{animation-delay:1.3s}#WX-strip .wq-wave{animation:wqWave 3s linear infinite}#WX-strip .wq-chk{stroke-dasharray:30;stroke-dashoffset:30;animation:wqDraw .9s .3s ease-out forwards}@keyframes wxBob{50%{transform:translateY(-3px)}}@keyframes wqRip{0%{transform:scale(.4);opacity:.7}to{transform:scale(1.9);opacity:0}}@keyframes wqWave{to{transform:translate(28px)}}@keyframes wqDraw{to{stroke-dashoffset:0}}@keyframes pmFloat{0%,to{transform:translate(0)}25%{transform:translate(1.5px,-2px)}50%{transform:translate(-1px,-3px)}75%{transform:translate(-2px,-1px)}}@keyframes pmPulse{0%{transform:scale(1);opacity:.6}to{transform:scale(1.28);opacity:0}}@keyframes ciIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){#WX-strip *{animation:none!important}#WX-strip .wq-chk{stroke-dashoffset:0}}@media (min-width:992px) and (max-width:1199px){#sp-position3{width:100%}}@media (min-width:992px){.wx-sun,.wx-moon{left:auto;right:9%}}@media (max-width:991px){.wx-sun{top:110px;left:4%}#WX-strip{position:static;width:auto;max-width:560px;margin:10px auto 6px;padding:0 10px}#WX-strip .ci-list{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}#WX-strip.has-open .ci.open{grid-column:1/-1;width:auto}}@media (max-width:767px){.wx-sun{width:72px;height:72px}.wx-sun:before{inset:16px}.wx-sun i{-webkit-mask:radial-gradient(circle,transparent 23px,#000 24px,#000 35px,transparent 36px);mask:radial-gradient(circle,transparent 23px,#000 24px,#000 35px,transparent 36px)}.wx-cloud{zoom:.6}}@media (prefers-reduced-motion:reduce){#WX-sky *{animation:none!important}}@media (min-width:992px){#WX-strip .ci.open .ci-h{grid-template-columns:1fr;grid-template-areas:"ic" "v" "lb";justify-items:center;text-align:center;padding:8px 4px 6px;row-gap:3px}#WX-strip .ci-wq.open .ci-lb{grid-row:auto}#WX-strip .ci.open .ci-lb{max-width:100%;margin-top:0}#WX-strip .ci.open .ci-car{top:18px;right:14px;margin-top:0}#WX-strip .ci-d{margin:0 10px;padding:8px 0 10px}#WX-strip .wx-tiles,#WX-strip .wx-tiles.two,#WX-strip .wq-v{grid-template-columns:1fr;gap:4px}#WX-strip .wx-tiles li,#WX-strip .wq-v li{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;column-gap:6px;padding:4px 8px;text-align:left}#WX-strip .wq-v small{flex-basis:100%;text-align:right}#WX-strip .wx-days{grid-template-columns:1fr;gap:0}#WX-strip .wx-days li{display:grid;grid-template-columns:38px 22px 1fr auto;align-items:center;column-gap:4px;text-align:left;padding:1px 0}#WX-strip .wx-days li span{text-align:left}#WX-strip .wx-days svg{width:22px;height:22px;margin:0}#WX-strip .wx-days u{text-align:right}#WX-strip .pm-box{flex-direction:column;align-items:center;gap:0;text-align:center}}