/* ویزارد رزرو نوبت — از متغیرهای رنگی style.css سایت استفاده می‌کند */
.bk-wrap{max-width:680px;padding-bottom:48px}
.bk-h1{font-size:19px;margin:18px 0 14px}

/* نوار مراحل */
.bk-steps{display:flex;gap:6px;margin:0 0 16px;padding:0;list-style:none}
.bk-steps li{flex:1;text-align:center;font-size:12px;color:var(--text3)}
.bk-steps li::before{content:"";display:block;height:4px;border-radius:3px;background:var(--border);margin-bottom:6px}
.bk-steps li.done::before{background:var(--text2)}
.bk-steps li.cur::before{background:var(--orange)}
.bk-steps li.cur{color:var(--text);font-weight:700}
.bk-steps li.done{cursor:pointer}

.bk-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:12px}
.bk-card h2{font-size:15px;margin:0 0 10px}
.bk-note{background:var(--card2);border-right:3px solid var(--orange);border-radius:6px;padding:11px 13px;font-size:13px;line-height:1.95;color:var(--text2);white-space:pre-line;margin-bottom:14px}

/* خدمات */
.bk-svc{display:flex;align-items:center;gap:12px;width:100%;text-align:right;font-family:inherit;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:13px 14px;margin-bottom:9px;cursor:pointer;color:var(--text)}
.bk-svc:hover{border-color:var(--text3)}
.bk-svc.sel{border-color:var(--orange);box-shadow:0 0 0 1px var(--orange)}
.bk-svc b{display:block;font-size:14.5px}
.bk-svc small{display:block;color:var(--text3);font-size:12px;margin-top:2px}
.bk-svc .bk-dep{margin-right:auto;text-align:left;font-size:12px;color:var(--text2);white-space:nowrap}
.bk-svc .bk-dep strong{display:block;font-size:13.5px;color:var(--text)}

/* روزها */
.bk-days{display:grid;grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:7px}
.bk-day{font-family:inherit;border:1px solid var(--border);background:var(--card);border-radius:9px;padding:8px 4px;text-align:center;cursor:pointer;color:var(--text);line-height:1.35}
.bk-day .wd{display:block;font-size:11.5px;color:var(--text3)}
.bk-day .dn{display:block;font-size:20px;font-weight:800}
.bk-day .mn{display:block;font-size:11.5px;color:var(--text2)}
.bk-day .st{display:block;font-size:10.5px;color:var(--green);margin-top:2px;min-height:15px}
.bk-day.sel{border-color:var(--orange);background:var(--orange);color:#fff}
.bk-day.sel .wd,.bk-day.sel .mn,.bk-day.sel .st{color:#fff}
.bk-day:disabled{cursor:not-allowed;background:var(--card2);opacity:.6}
.bk-day:disabled .dn{color:var(--text3)}
.bk-day:disabled .st{color:var(--text3)}
.bk-month-label{grid-column:1/-1;font-size:12.5px;color:var(--text2);font-weight:700;margin-top:6px}

/* ساعت‌ها */
.bk-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}
.bk-slot{font-family:inherit;border:1px solid var(--border);background:var(--card);border-radius:9px;padding:9px 6px;text-align:center;cursor:pointer;color:var(--text)}
.bk-slot b{display:block;font-size:15px}
.bk-slot small{display:block;font-size:11px;color:var(--text3)}
.bk-slot.sel{border-color:var(--orange);background:var(--orange);color:#fff}
.bk-slot.sel small{color:#fff}
.bk-slot:disabled{cursor:not-allowed;background:var(--card2);opacity:.55}

/* فرم */
.bk-field{margin-bottom:12px}
.bk-field label{display:block;font-size:12.5px;color:var(--text2);margin-bottom:4px}
.bk-field .hint{font-size:11.5px;color:var(--text3);margin-top:3px}
.bk-row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:520px){.bk-row2{grid-template-columns:1fr}}
.bk-field input.err,.bk-field select.err{border-color:var(--red)}
.bk-link{background:none;border:none;font-family:inherit;color:var(--orange);cursor:pointer;font-size:12.5px;padding:2px 0}

/* خلاصه */
.bk-sum{width:100%;border-collapse:collapse;font-size:13px}
.bk-sum td{padding:8px 0;border-bottom:1px dashed var(--border);vertical-align:top}
.bk-sum td:first-child{color:var(--text3);width:34%}
.bk-sum tr:last-child td{border-bottom:none}
.bk-total{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding:12px 14px;background:var(--card2);border-radius:9px;font-size:13px}
.bk-total strong{font-size:17px}
.bk-gw{display:flex;align-items:center;gap:8px;padding:10px 12px;margin-top:7px;border:1px solid var(--border);border-radius:9px;background:var(--card2);cursor:pointer;font-size:13px}
.bk-gw input{width:auto;margin:0}
.bk-gw.sel{border-color:var(--orange);box-shadow:0 0 0 1px var(--orange)}

/* دکمه‌ها */
.bk-nav{display:flex;gap:10px;margin-top:14px}
.bk-btn{font-family:inherit;font-size:14px;font-weight:700;border:none;border-radius:9px;padding:12px 18px;cursor:pointer;background:var(--orange);color:#fff;flex:1}
.bk-btn:hover{background:var(--orange-dark)}
.bk-btn:disabled{background:var(--border);color:var(--text3);cursor:not-allowed}
.bk-btn.sec{background:var(--card);color:var(--text);border:1px solid var(--border);flex:0 0 auto}
.bk-btn.sec:hover{background:var(--card2)}

.bk-msg{border-radius:9px;padding:11px 13px;font-size:13px;margin-bottom:12px}
.bk-msg.err{background:#fdeaea;color:var(--red);border:1px solid #f5c6c6}
.bk-msg.warn{background:#fff6e5;color:#8a5a00;border:1px solid #f3dfb3}

/* نتیجه */
.bk-result{text-align:center;padding:26px 16px}
.bk-result .ico{width:54px;height:54px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:10px}
.bk-result.ok .ico{background:#e7f7ee;color:var(--green)}
.bk-result.bad .ico{background:#fdeaea;color:var(--red)}
.bk-result h2{font-size:17px;margin-bottom:6px}
.bk-result .bk-sum{text-align:right;margin-top:14px}

.bk-empty{color:var(--text3);font-size:13px;padding:14px 0;text-align:center}
.bk-spin{color:var(--text3);font-size:13px;padding:14px 0;text-align:center}

@media (prefers-reduced-motion:no-preference){
  .bk-day,.bk-slot,.bk-svc{transition:border-color .12s,background .12s}
}
.bk-day:focus-visible,.bk-slot:focus-visible,.bk-svc:focus-visible,.bk-btn:focus-visible{outline:2px solid var(--orange);outline-offset:2px}