/* น้องรังวัด — วิดเจ็ตแชทมุมจอ (assets/rangwat.js)
   ทุกกฎอยู่ใต้ .njrw และตั้งค่าเองทุกตัว ไม่พึ่งสไตล์ของ Divi/หน้าเดิม (หน้าบทความยังเป็นเทมเพลต Divi)
   ⚠️ มือถือ ≤860px: แถบโทรของธีม (.callbar) อยู่ล่างสุด → ปุ่มยกขึ้น 84px เหมือนปุ่มลอยอื่น (nj2_float_offset) */
.njrw{--rw-navy:#10243A;--rw-navy2:#173250;--rw-ivory:#F4F6F8;--rw-gold:#087F8C;--rw-gold-soft:#D3ECEF;--rw-ink:#1A2433;--rw-muted:#51606F;--rw-line:#D5DCE3;
  --rw-bottom:24px;font-family:'Noto Sans Thai','Segoe UI',Tahoma,sans-serif;font-size:15px;line-height:1.6;color:var(--rw-ink)}
.njrw *,.njrw *::before,.njrw *::after{box-sizing:border-box}
.njrw button,.njrw input{font:inherit;letter-spacing:normal;text-transform:none;margin:0}
.njrw.njrw-up{--rw-bottom:96px}

.njrw .njrw-fab{position:fixed;right:20px;bottom:calc(var(--rw-bottom) + env(safe-area-inset-bottom,0px));z-index:999990;display:flex;align-items:center;gap:8px;
  min-height:52px;padding:8px 18px 8px 10px;border:2px solid var(--rw-gold);border-radius:999px;background:var(--rw-navy);color:#fff;cursor:pointer;
  box-shadow:0 8px 24px rgba(16,36,58,.28);font-weight:600;font-size:15px;transition:transform .2s,box-shadow .2s}
.njrw .njrw-fab:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(16,36,58,.34)}
.njrw .njrw-fab:focus-visible{outline:3px solid var(--rw-gold);outline-offset:3px}
.njrw .njrw-fab-ic{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--rw-gold);color:#fff}
.njrw.is-open .njrw-fab{display:none}

.njrw .njrw-panel{position:fixed;right:20px;bottom:calc(var(--rw-bottom) + env(safe-area-inset-bottom,0px));z-index:1000000;width:390px;max-width:calc(100vw - 24px);
  height:min(620px,calc(100vh - 48px));height:min(620px,calc(100dvh - 48px));display:flex;flex-direction:column;background:#fff;border:1px solid var(--rw-line);
  border-radius:16px;overflow:hidden;box-shadow:0 18px 48px rgba(16,36,58,.3)}
.njrw .njrw-panel[hidden]{display:none}
.njrw .njrw-head{display:flex;align-items:center;gap:10px;padding:12px 12px 12px 14px;background:var(--rw-navy);color:#fff;border-bottom:3px solid var(--rw-gold)}
.njrw .njrw-av{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:50%;background:var(--rw-gold);color:#fff}
.njrw .njrw-hd{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}
.njrw .njrw-hd b{font-size:16px;font-weight:700}
.njrw .njrw-hd span{font-size:12px;color:#cdd5df}
.njrw .njrw-x{flex:0 0 36px;width:36px;height:36px;border:0;border-radius:8px;background:transparent;color:#fff;font-size:17px;cursor:pointer}
.njrw .njrw-x:hover{background:rgba(255,255,255,.12)}

.njrw .njrw-list{flex:1;overflow-y:auto;padding:14px;background:var(--rw-ivory);display:flex;flex-direction:column;gap:10px;overscroll-behavior:contain}
.njrw .njrw-m{max-width:88%;padding:10px 13px;border-radius:14px;word-wrap:break-word;overflow-wrap:anywhere;font-size:14.5px}
.njrw .njrw-m.bot{align-self:flex-start;background:#fff;border:1px solid var(--rw-line);border-bottom-left-radius:4px}
.njrw .njrw-m.me{align-self:flex-end;background:var(--rw-navy);color:#fff;border-bottom-right-radius:4px}
.njrw .njrw-m small{display:block;margin-top:4px;font-size:12px;color:var(--rw-muted);line-height:1.5}
.njrw .njrw-m b{font-weight:700}
.njrw .njrw-ai{display:block;margin-top:6px;font-size:11px;color:var(--rw-muted)}
.njrw .njrw-link{color:#066572;font-weight:600;text-decoration:underline}
.njrw .njrw-links{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:8px}
.njrw .njrw-cta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.njrw .njrw-btn{display:flex;align-items:center;justify-content:center;min-height:42px;padding:8px;border-radius:10px;text-decoration:none;font-weight:600;font-size:13.5px;text-align:center;color:#fff}
.njrw .njrw-btn.line{background:#06C755}
.njrw .njrw-btn.tel{background:var(--rw-gold);color:#fff}
.njrw .njrw-btn.fb{background:#0866FF}
.njrw .njrw-btn.quote{background:var(--rw-navy)}
.njrw .njrw-typing{display:flex;gap:4px;align-items:center}
.njrw .njrw-typing i{width:7px;height:7px;border-radius:50%;background:var(--rw-muted);animation:njrwDot 1s infinite}
.njrw .njrw-typing i:nth-child(2){animation-delay:.15s}.njrw .njrw-typing i:nth-child(3){animation-delay:.3s}
@keyframes njrwDot{0%,80%,100%{opacity:.25}40%{opacity:1}}

.njrw .njrw-chips{display:flex;gap:6px;overflow-x:auto;padding:8px 12px;background:#fff;border-top:1px solid var(--rw-line);scrollbar-width:thin}
.njrw .njrw-chips[hidden]{display:none}
.njrw .njrw-chip{flex:0 0 auto;min-height:34px;padding:6px 12px;border:1px solid var(--rw-gold);border-radius:999px;background:#fff;color:var(--rw-navy);font-size:13px;cursor:pointer;white-space:nowrap}
.njrw .njrw-chip:hover{background:var(--rw-gold-soft)}
.njrw .njrw-form{display:flex;gap:8px;padding:10px 12px;background:#fff;border-top:1px solid var(--rw-line)}
.njrw .njrw-in{flex:1;min-width:0;height:44px;padding:0 12px;border:1px solid var(--rw-line);border-radius:10px;background:var(--rw-ivory);color:var(--rw-ink);font-size:16px;outline:none}
.njrw .njrw-in:focus{border-color:var(--rw-gold);background:#fff}
.njrw .njrw-send{flex:0 0 44px;width:44px;height:44px;border:0;border-radius:10px;background:var(--rw-navy);color:#fff;font-size:17px;cursor:pointer}
.njrw .njrw-send:disabled{opacity:.5;cursor:default}
.njrw .njrw-foot{margin:0;padding:6px 12px 10px;background:#fff;font-size:11.5px;color:var(--rw-muted);text-align:center}
.njrw .njrw-foot a{color:inherit;text-decoration:underline}

@media (max-width:860px){
  .njrw{--rw-bottom:84px}
  .njrw.njrw-up{--rw-bottom:150px}
  .njrw .njrw-fab{right:14px;min-height:48px;padding:6px 14px 6px 8px;font-size:14px}
}
@media (max-width:560px){
  .njrw .njrw-panel{inset:0;right:0;bottom:0;width:100%;max-width:100%;height:100%;height:100dvh;border-radius:0;border:0;
    padding-bottom:env(safe-area-inset-bottom,0px)}
  .njrw .njrw-m{max-width:92%}
}
@media (prefers-reduced-motion:reduce){.njrw .njrw-fab,.njrw .njrw-typing i{transition:none;animation:none}}
@media print{.njrw{display:none!important}}