/* ============================================================
   clinicparvaz.ir — capacity.css — نسخهٔ ۱.۰
   بازطراحی نوبت‌های خالی — کلاس‌های capx-* مستقل از style.css
   · دسکتاپ: ردیف ریتم‌دار داخل نوار سرمه‌ای تیکر
   · موبایل: گرید ۲×۲
   · هایلایت «امروز»: پالس سبز · کمبود ظرفیت: نارنجی
   ============================================================ */

/* ————— چیپ‌های داخل تیکر (دسکتاپ و همه‌جا) ————— */
.capx-chip{
  display:inline-flex;align-items:center;gap:6px;
  background:rgba(255,255,255,.94);
  border-radius:999px;padding:5px 14px;
  font-size:11.5px;font-weight:800;color:#1E3A5F;
  box-shadow:0 3px 10px rgba(0,0,0,.18);
  white-space:nowrap;flex-shrink:0;
  transition:transform .2s,box-shadow .2s;
}
.capx-chip:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.28)}
.capx-chip .capx-day{font-weight:800}
.capx-chip b{
  font-size:13.5px;font-weight:900;
  color:#1E88B8;
  padding:0 2px;
}
.capx-chip .capx-lbl{font-size:10px;font-weight:600;color:#6b7a8d}

/* — هایلایت «امروز» — حلقهٔ سبز و پالس نقطه — */
.capx-chip.capx-today{
  background:linear-gradient(135deg,#ECFDF5,#D9F7E8);
  border:1.5px solid #A7F3D0;
  box-shadow:0 4px 14px rgba(52,201,142,.35);
}
.capx-chip.capx-today b{color:#065F46}
.capx-chip.capx-today .capx-lbl{color:#047857}
.capx-chip .capx-dot{
  width:8px;height:8px;border-radius:50%;
  background:#22c55e;flex-shrink:0;
  box-shadow:0 0 0 3px rgba(34,197,94,.2);
  animation:capxPulse 1.8s ease-in-out infinite;
}
@keyframes capxPulse{
  0%,100%{box-shadow:0 0 0 3px rgba(34,197,94,.2)}
  50%    {box-shadow:0 0 0 6px rgba(34,197,94,.05)}
}

/* — ظرفیت کم — نشان نارنجی — */
.capx-chip.capx-low b{color:#D97706}

/* ————— باکس ظرفیت در booking.php ————— */
.capx-title{
  display:flex;align-items:center;gap:7px;
  font-size:13.5px;font-weight:800;color:#1E3A5F;
  margin-bottom:10px;
}
.capx-title .ic{color:#29A8D8}
.capx-rows{display:flex;flex-direction:column;gap:7px}
.capx-day-row{
  display:flex;align-items:center;gap:10px;
  background:#F7FAFD;border:1px solid #E8F1F7;border-radius:12px;
  padding:10px 14px;
  transition:border-color .2s,box-shadow .2s,transform .2s;
}
.capx-day-row:hover{
  border-color:#BDE7F5;transform:translateY(-1px);
  box-shadow:0 5px 14px rgba(30,58,95,.08);
}
.capx-day-row .capx-row-day{
  font-weight:800;color:#1E3A5F;font-size:13px;
  display:flex;align-items:center;gap:7px;flex:1;
}
.capx-day-row .capx-row-date{color:#6b7a8d;font-size:12px;min-width:78px;text-align:center}
.capx-day-row .capx-row-free{
  font-weight:800;font-size:12px;color:#1E88B8;
  background:#EAF5FB;border-radius:999px;padding:3px 12px;
}
.capx-day-row .capx-tb{
  background:#22c55e;color:#fff;font-size:9.5px;font-weight:800;
  border-radius:999px;padding:1px 9px;
}
.capx-day-row.capx-today{
  background:linear-gradient(135deg,#F4FBF7,#ECFDF5);
  border-color:#A7F3D0;
}
.capx-day-row.capx-today .capx-row-free{background:#D9F7E8;color:#065F46}
.capx-day-row.capx-low .capx-row-free{background:#FEF3E2;color:#B45309}
.capx-note{
  font-size:11px;color:#8a99a8;line-height:2;margin:10px 4px 0;
}

/* ————— موبایل: چیپ‌ها در گرید ۲×۲ ————— */
@media(max-width:640px){
  /* ظرف چیپ‌ها داخل نوار تیکر به گرید تبدیل می‌شود */
  #capTicker{
    display:grid !important;
    grid-template-columns:1fr 1fr;
    gap:7px;padding:10px 12px;
  }
  .capx-chip{
    justify-content:center;
    font-size:11px;padding:7px 10px;
  }
  .capx-chip b{font-size:12.5px}
}

@media(prefers-reduced-motion:reduce){
  .capx-chip .capx-dot{animation:none}
  .capx-chip,.capx-day-row{transition:none}
}