/* Dock liên hệ nổi, panel nhân viên, banner khác, slider banner header (inc/site-widgets.php). */

/* Dock bên phải */
.nc-fab-dock{position:fixed;right:20px;bottom:24px;z-index:60;display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.nc-fab{position:relative;display:flex;align-items:center;justify-content:center;width:52px;height:52px;border:0;border-radius:999px;color:#fff;text-decoration:none;cursor:pointer;box-shadow:0 8px 24px rgba(20,26,36,.18);transition:transform .15s,box-shadow .15s}
.nc-fab svg{width:24px;height:24px}
.nc-fab:hover,.nc-fab:focus-visible{color:#fff;transform:translateY(-2px);box-shadow:0 12px 28px rgba(20,26,36,.24)}
.nc-fab--phone{background:#c84d0b}
.nc-fab--zalo{background:#0068ff}
.nc-fab--messenger{background:#0084ff}
.nc-fab--whatsapp{background:#1fa855}
.nc-fab--chat{background:#141a24}
.nc-fab--top{background:#fff;color:#141a24;border:1px solid #ebe4da;width:44px;height:44px}
.nc-fab--top:hover,.nc-fab--top:focus-visible{color:#c2410c}
.nc-fab--top[hidden]{display:none}
.nc-fab__text{font-size:13px;font-weight:800;letter-spacing:.02em}
.nc-fab--phone::before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 0 0 rgba(200,77,11,.5);animation:nc-pulse 2s infinite}
@keyframes nc-pulse{70%{box-shadow:0 0 0 14px rgba(200,77,11,0)}100%{box-shadow:0 0 0 0 rgba(200,77,11,0)}}
.nc-fab__tip{position:absolute;right:calc(100% + 10px);top:50%;transform:translateY(-50%);white-space:nowrap;padding:6px 10px;border-radius:6px;background:#141a24;color:#fff;font-size:13px;line-height:18px;font-weight:500;opacity:0;pointer-events:none;transition:opacity .15s}
.nc-fab:hover .nc-fab__tip,.nc-fab:focus-visible .nc-fab__tip{opacity:1}

/* Panel trái: nhân viên kinh doanh + banner khác.
   Nhân viên: style .sales-panel / .sales-reopen của theme wp-autoparts, màu chủ đạo của theme này (#c84d0b).
   Máy tính: panel giữa mép trái, tab mở chữ dọc. Điện thoại: nút tròn ở đáy (bản gốc ẩn hẳn ở màn hẹp). */
.nc-staff,.nc-misc{position:fixed;left:0;z-index:60}
.nc-staff{top:50%;transform:translateY(-50%)}
.nc-misc{bottom:24px}
.nc-staff__open,.nc-misc__open{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 14px 8px 12px;border:1px solid #c84d0b;border-left:0;border-radius:0 999px 999px 0;background:#c84d0b;color:#fff;font:inherit;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 8px 24px rgba(20,26,36,.16)}
.nc-staff .nc-staff__open{flex-direction:column;gap:11px;padding:15px 9px 17px;border:0;border-radius:0 16px 16px 0;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:14px;letter-spacing:1.5px;text-transform:uppercase;box-shadow:4px 6px 18px rgba(0,0,0,.18)}
.nc-staff .nc-staff__open span{writing-mode:vertical-rl;line-height:1.05}
.nc-staff__open:hover{background:#a8420a}
.nc-misc__open{background:#fff;color:#141a24;border-color:#ebe4da}
.nc-misc__open:hover{background:#fff4eb;color:#a8420a}
.nc-staff__open[hidden],.nc-staff__panel[hidden],.nc-misc__panel[hidden]{display:none}
.nc-staff__panel{width:234px;margin-left:16px;background:#fff;border:1px solid #ebe4da;border-radius:8px;box-shadow:0 14px 36px rgba(0,0,0,.18);overflow:hidden;animation:nc-staff-in .28s ease}
@keyframes nc-staff-in{from{opacity:0;transform:translateX(-24px)}}
.nc-staff .nc-staff__head{position:relative;display:block;padding:13px 38px 13px 14px;background:#c84d0b;color:#fff;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:13px;line-height:1.3;letter-spacing:.2px;text-transform:uppercase;text-align:center;white-space:nowrap}
.nc-staff .nc-staff__close{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:24px;height:24px;border:0;border-radius:50%;background:rgba(0,0,0,.18);color:#fff;cursor:pointer}
.nc-staff .nc-staff__close:hover{background:rgba(0,0,0,.32)}
.nc-staff__list{list-style:none;margin:0;padding:8px;display:flex;flex-direction:column;gap:4px;max-height:60vh;overflow-y:auto}
.nc-staff__list li{display:flex;align-items:center;gap:9px;padding:6px 8px;border-radius:6px;transition:background .15s}
.nc-staff__list li:hover{background:#fff4eb}
.nc-staff__icon{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border-radius:50%;background:#2e9e5f;color:#fff}
.nc-staff__zalo{flex-shrink:0;padding:3px 6px;border-radius:4px;background:#0068ff;color:#fff;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:11px;line-height:1;letter-spacing:.3px;text-decoration:none}
.nc-staff__zalo:hover{background:#0057d6}
.nc-staff__num{margin-left:2px;color:#141a24;font-weight:700;font-size:14.5px;letter-spacing:.2px;text-decoration:none}
.nc-staff__list li:hover .nc-staff__num{color:#a8420a}
/* Banner khác: giữ kiểu cũ */
.nc-misc__panel{width:260px;max-height:70vh;overflow:auto;margin-left:12px;background:#fff;border:1px solid #ebe4da;border-radius:12px;box-shadow:0 12px 32px rgba(20,26,36,.18)}
.nc-misc .nc-staff__head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 8px 10px 16px;background:#141a24;color:#fff;font-size:14px;font-weight:700;border-radius:12px 12px 0 0}
.nc-misc .nc-staff__close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:0;border-radius:8px;background:transparent;color:inherit;cursor:pointer}
.nc-misc .nc-staff__close:hover{background:rgba(255,255,255,.16)}
.nc-misc__list{display:flex;flex-direction:column;gap:8px;padding:8px}
.nc-misc__item img{display:block;width:100%;height:auto;border-radius:8px}

/* Slider banner header */
.nc-hbanner{position:relative;width:calc(100% - 64px);max-width:1136px;margin:16px auto 0;overflow:hidden;border-radius:12px}
.nc-hbanner__track{display:flex;transition:transform .5s ease}
.nc-hbanner__slide{flex:0 0 100%;display:block;border-radius:12px;overflow:hidden;aspect-ratio:1120/220;background:#f4f1ec}
.nc-hbanner__slide img{display:block;width:100%;height:100%;object-fit:cover}
.nc-hbanner__dots{position:absolute;right:16px;bottom:8px;display:flex;gap:2px}
.nc-hbanner__dot{width:24px;height:24px;padding:0;border:0;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center}
.nc-hbanner__dot::before{content:"";width:8px;height:8px;border-radius:999px;background:rgba(255,255,255,.7);box-shadow:0 0 0 1px rgba(20,26,36,.25)}
.nc-hbanner__dot[aria-current="true"]::before{width:20px;background:#fff}

@media (max-width:720px){
  .nc-fab-dock{right:12px;bottom:16px;gap:10px}
  .nc-fab{width:46px;height:46px}
  .nc-fab__tip{display:none}
  .nc-staff{top:auto;bottom:16px;transform:none}
  .nc-misc{bottom:68px}
  .nc-staff__open span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .nc-staff .nc-staff__open{flex-direction:row;gap:8px;padding:8px 12px 8px 10px;border-radius:0 999px 999px 0}
  .nc-staff__panel{margin-left:12px}
  .nc-hbanner{width:calc(100% - 32px)}
  .nc-hbanner__dots{right:8px;bottom:2px}
}
@media (prefers-reduced-motion:reduce){
  .nc-fab--phone::before,.nc-staff__panel{animation:none}
  .nc-hbanner__track{transition:none}
}
@media print{.nc-fab-dock,.nc-staff,.nc-misc{display:none}}