/* Trigger */
.pl-trigger .pl-open{ display:inline-flex; align-items:center; gap:6px; font:500 14px Vazir,sans-serif; }
.pl-trigger .pl-open i{ font-size:14px; }

/* Modal */
.pl-modal{ position:fixed; inset:0; z-index:9999; display:none; direction:rtl; }
.pl-no-scroll{ overflow:hidden; }

.pl-overlay{ position:absolute; inset:0; background:rgba(0,0,0,.45); }

.pl-dialog{
  position:relative; margin:0 auto; background:#fff; height:100%; width:100%;
  display:flex; flex-direction:column;
}

.pl-header{ display:flex; align-items:center; justify-content:space-between;
  padding:14px 16px; border-bottom:1px solid #eee; font:500 15px Vazir, sans-serif;}
.pl-title{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pl-close{ background:none; border:0; font-size:28px; line-height:1; color:#666; cursor:pointer; }

.pl-body{ padding:16px; }
#pl-canvas{ width:100%; height:auto; }

.pl-footer{ padding:10px 16px; border-top:1px solid #eee; background:#fafafa; }
.pl-legend{ list-style:none; margin:0; padding:0; display:flex; gap:14px; font:400 13px Vazir,sans-serif; }
.pl-legend .lg{ width:12px; height:12px; border-radius:50%; display:inline-block; margin-left:6px; vertical-align:middle; }
.lg-available{ background:#FF6600; }  /* Yadacar orange */
.lg-discount{ background:#0088FF; }   /* Yadacar blue */
.lg-unavailable{ background:#B0BEC5; }/* grey */

/* Desktop modal center */
@media (min-width: 992px){
  .pl-dialog{
    height:auto; max-height:90vh;
    width:min(880px, 90vw);
    margin:5vh auto 0 auto;
    border-radius:8px; box-shadow:0 10px 30px rgba(0,0,0,.2);
  }
}