#navid-inapp-root{direction:rtl;font-family:inherit}.nia-bell{position:fixed;bottom:150px;width:auto;height:auto;padding:6px;border:0;background:transparent;color:var(--nia);z-index:999990;box-shadow:none;cursor:pointer;font-size:30px;display:grid;place-items:center}.nia-bell.nia-left{left:18px}.nia-bell.nia-right{right:18px}.nia-count{position:absolute;top:-5px;right:-5px;min-width:23px;height:23px;padding:0 5px;border-radius:15px;background:#ef4444;color:#fff;border:2px solid #fff;font:700 12px/19px sans-serif;text-align:center}.nia-panel{position:fixed;top:0;bottom:0;width:min(390px,92vw);background:#fff;z-index:999999;box-shadow:0 0 32px rgba(0,0,0,.25);transition:transform .25s ease;display:flex;flex-direction:column}.nia-panel.nia-left{left:0;transform:translateX(-105%)}.nia-panel.nia-right{right:0;transform:translateX(105%)}.nia-panel.open{transform:translateX(0)}.nia-panel header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;background:var(--nia);color:#fff}.nia-panel h3{margin:0;color:#fff;font-size:19px}.nia-close{border:0;background:rgba(255,255,255,.18);color:#fff;width:34px;height:34px;border-radius:50%;font-size:27px;line-height:28px}.nia-overlay{position:fixed;inset:0;background:rgba(0,0,0,.42);z-index:999998}.nia-list{padding:12px;overflow:auto;flex:1;background:#f5f6f8}.nia-item{display:flex;gap:11px;background:#fff;border-radius:14px;padding:12px;margin-bottom:10px;border-right:4px solid var(--nia);box-shadow:0 2px 8px rgba(0,0,0,.06)}.nia-item.is-read{opacity:.72;border-right-color:#bbb}.nia-item.is-important{border-right-color:#ef4444}.nia-item img{width:82px;height:82px;border-radius:10px;object-fit:cover}.nia-content{min-width:0;flex:1}.nia-item h4{margin:0 0 7px;font-size:15px;color:#222}.nia-body{font-size:13px;line-height:1.8;color:#555}.nia-body p{margin:0 0 6px}.nia-item time{display:block;font-size:11px;color:#999;margin-top:7px}.nia-action{display:inline-block;background:var(--nia);color:#fff!important;text-decoration:none;border-radius:8px;padding:7px 12px;margin-top:9px;font-size:12px}.nia-panel footer{padding:10px;background:#fff;border-top:1px solid #eee}.nia-all{width:100%;border:0;border-radius:9px;padding:10px;background:#eee;color:#333}.nia-empty,.nia-loading{text-align:center;padding:35px 12px;color:#777}.nia-no-scroll{overflow:hidden}@media(max-width:480px){.nia-bell{bottom:82px;width:54px;height:54px}.nia-bell.nia-left{left:14px}.nia-bell.nia-right{right:14px}}

/* v1.0.2 — place the notification bell opposite the “همه آگهی‌ها” heading */
.nia-bell,
.nia-bell.nia-left,
.nia-bell.nia-right{
  position:absolute !important;
  top:500px !important;
  bottom:auto !important;
  left:30px !important;
  right:auto !important;
  width:auto !important;
  height:auto !important;
  padding:4px !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#f5b800 !important;
  font-size:38px !important;
  line-height:1 !important;
  z-index:999990 !important;
}
@media (max-width:600px){
  .nia-bell,.nia-bell.nia-left,.nia-bell.nia-right{
    top:500px !important;
    left:28px !important;
  }
}
/* Keep counter attached to the bare bell without adding a surrounding circle */
.nia-count{top:-8px !important;right:-10px !important;}

/* v1.0.3 — inline bell beside Elementor heading: همه آگهی‌ها */
.nia-heading-wrap{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:10px !important;
  width:100% !important;
  direction:rtl !important;
}
.nia-heading-wrap .elementor-heading-title,
.nia-heading-wrap h1,
.nia-heading-wrap h2,
.nia-heading-wrap h3{
  margin:0 !important;
  flex:0 0 auto !important;
}
.nia-heading-wrap .nia-bell,
.nia-bell.nia-inline-bell{
  position:relative !important;
  top:auto !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  transform:none !important;
  margin:0 12px 0 0 !important;
  padding:0 !important;
  width:auto !important;
  height:auto !important;
  min-width:0 !important;
  min-height:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#f5b800 !important;
  font-size:30px !important;
  line-height:1 !important;
  z-index:999990 !important;
}
.nia-bell.nia-inline-bell .nia-count,
.nia-heading-wrap .nia-count{
  position:absolute !important;
  top:-10px !important;
  right:-10px !important;
}