:root{
  --purple:#DBD6D0; /* נס-קפה */
  --bg:#fff; --panel:#fff; --text:#111; --muted:#555; --border:#E6E2DE;
  --black:#000; --white:#fff;
}
.booking-gated{display:none} body.show-booking .booking-gated{display:block}

/* עטיפה ושדות */
.barber-booking-instance .barber-wrap{font-family:Heebo,Arial,sans-serif;color:var(--text);background:var(--bg);padding:16px;border-radius:16px;border:1px solid var(--border)}
.barber-booking-instance .barber-form label{display:block;margin-bottom:6px;font-weight:700}
.barber-booking-instance .barber-form .field{margin-bottom:14px}
.barber-booking-instance .barber-form input,
.barber-booking-instance .barber-form select{width:100%;background:#fff;border:1px solid #000;color:var(--text);padding:12px 14px;border-radius:12px;outline:none}

/* כפתור X */
.barber-booking-instance .bb-close{position:absolute;top:8px;inset-inline-end:8px;width:36px;height:36px;border-radius:10px;border:1px solid #000;background:#F7F6F5;color:#111;font-size:22px;line-height:1;cursor:pointer;z-index:5}
.barber-booking-instance .bb-close:hover{background:#EFEDEA}

/* בורר ימים */
.barber-booking-instance .day-picker{background:#fff;border:1px solid var(--border);border-radius:14px;padding:12px;margin:10px 0}
.barber-booking-instance .day-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.barber-booking-instance .day-selector{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory;direction:ltr;min-height:56px}

/* כפתורי ימים */
.barber-booking-instance .day-btn{min-width:120px;scroll-snap-align:start;background:#fff;color:#111!important;border:2px solid #000;padding:10px 8px;border-radius:12px;cursor:pointer;font-weight:700;text-align:center}
.barber-booking-instance .day-btn small{display:block;font-weight:600;color:var(--muted);margin-top:2px}
.barber-booking-instance .day-btn:hover{background:#000!important;color:#fff!important;border-color:#000!important}
.barber-booking-instance .day-btn:hover small{color:#fff!important}
.barber-booking-instance .day-btn.active{background:var(--purple)!important;color:#111!important;border-color:var(--purple)!important}
.barber-booking-instance .day-btn.active small{color:#111!important}

/* שעות */
.barber-booking-instance .slots{min-height:220px;background:#fff;border-radius:14px;padding:10px;border:1px solid var(--border);margin-top:10px;display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;align-items:start}
.barber-booking-instance .slot-btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;background:#fff;color:#111!important;border:2px solid #000;padding:10px 12px;border-radius:10px;font-weight:800;cursor:pointer}
.barber-booking-instance .slot-btn:hover{background:#000!important;color:#fff!important;border-color:#000!important}
.barber-booking-instance .slot-btn[aria-pressed=true],
.barber-booking-instance .slot-btn.active{background:var(--purple)!important;color:#111!important;border-color:var(--purple)!important}
.barber-booking-instance .slot-btn.taken{opacity:.5;cursor:not-allowed}
.barber-booking-instance .slot-btn[disabled]{opacity:.45;cursor:not-allowed}
.barber-booking-instance .slots-empty{opacity:.75;grid-column:1/-1;text-align:center;padding:8px;color:#111}

/* קביעת תור */
.barber-booking-instance .submit-btn{width:100%;background:var(--purple);color:#111!important;border:none;padding:14px 16px;border-radius:12px;font-weight:900;cursor:pointer;margin-top:8px;letter-spacing:.2px}
.barber-booking-instance .submit-btn:hover{background:#000!important;color:#fff!important}
.barber-booking-instance .submit-btn[disabled]{background:#000!important;color:#fff!important;opacity:1;cursor:progress}

/* מודאל + טוסט */
.barber-booking-instance .barber-modal[hidden]{display:none}
.barber-booking-instance .barber-modal{position:fixed;inset:0;background:rgba(0,0,0,.5);display:grid;place-items:center;z-index:9999}
.barber-booking-instance .modal-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:18px;max-width:420px;width:92%}
.barber-booking-instance .modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}
.barber-booking-instance .btn-cancel,
.barber-booking-instance .btn-ok{padding:10px 14px;border-radius:10px;border:1px solid var(--border);background:#F7F6F5;color:#111;cursor:pointer}
.barber-booking-instance .btn-ok{border-color:var(--purple)}
.barber-booking-instance .barber-toast{position:fixed;bottom:18px;right:18px;background:#2d2b2a;border:1px solid #4a4744;border-radius:12px;padding:12px 16px;color:#fff}