/* Full-width in-dialog calendar. No native date-picker overlay. */
#booking-preview{width:min(760px,94vw);max-width:94vw;box-sizing:border-box}
#booking-preview .booking-date-toggle{width:100%;min-height:54px;margin:0 0 12px;padding:14px 17px;text-align:left;border:1px solid #ba5f8a;background:#fff8fc;color:#371529;font:600 16px/1.4 Arial,sans-serif;cursor:pointer}
#booking-preview .booking-calendar{width:100%;box-sizing:border-box;margin:0 0 18px;padding:20px;border:1px solid #af4b7a;border-radius:9px;background:linear-gradient(135deg,#fff9fc,#fce6f0);color:#351427;box-shadow:0 5px 18px #8f326511}
#booking-preview .booking-calendar-nav{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:12px;margin:0 0 17px}
#booking-preview .booking-calendar-nav h3{margin:0;text-align:center;font:700 23px/1.3 Arial,sans-serif;text-transform:capitalize;color:#4b1633}
#booking-preview .booking-calendar-nav button{min-width:44px;height:44px;padding:0;border:1px solid #c17699;border-radius:5px;background:white;color:#871849;font:27px/1 Arial,sans-serif;cursor:pointer}
#booking-preview .booking-weekdays,#booking-preview .booking-day-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}
#booking-preview .booking-weekdays{margin:0 0 9px;color:#85405f;text-align:center;font:700 12px/1.5 Arial,sans-serif}
#booking-preview .booking-weekdays span{text-transform:capitalize}
#booking-preview .booking-day-grid button{box-sizing:border-box;min-width:0;min-height:49px;padding:10px 0;margin:0;background:#fff;border:1px solid #e0b6c9;border-radius:5px;color:#3a1528;font:600 16px/1.3 Arial,sans-serif;cursor:pointer;transition:background .15s,border-color .15s}
#booking-preview .booking-day-grid button:hover:not(:disabled){background:#fbc4dd;border-color:#bf2b70}
#booking-preview .booking-day-grid button[aria-current=date]{border-color:#b42d6d;box-shadow:inset 0 -3px 0 #c84680}
#booking-preview .booking-day-grid button[aria-pressed=true]{background:#a81956;color:#fff;border-color:#8c174a;box-shadow:none}
#booking-preview .booking-calendar button:disabled{opacity:.32;cursor:not-allowed}
#booking-preview .booking-calendar button:focus-visible,#booking-preview .booking-date-toggle:focus-visible{outline:3px solid #a71958;outline-offset:3px}
#booking-preview .booking-slots{margin-top:23px;padding-top:18px;border-top:1px solid #d9a0bc}
#booking-preview .booking-slots h4{margin:0 0 9px;color:#541b37;font:700 16px/1.4 Arial,sans-serif}
#booking-preview #booking-slots-note{font:14px/1.6 Arial,sans-serif;color:#70465b;margin:0 0 12px}
#booking-preview #booking-slots-note[data-example=true]{padding:11px 13px;background:#fff2dc;border-left:3px solid #ba8842;color:#65431f}
#booking-preview .booking-time-slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
#booking-preview .booking-time-slots button{min-height:43px;padding:10px 6px;background:#fff;border:1px solid #bb7194;border-radius:5px;color:#531b36;font:600 14px/1.4 Arial,sans-serif;cursor:pointer}
#booking-preview .booking-time-slots button[aria-pressed=true]{background:#a81956;border-color:#8c174a;color:white}
#booking-preview #booking-error:empty{display:none}
@media(max-width:600px){#booking-preview .booking-calendar{padding:15px 10px}#booking-preview .booking-calendar-nav{gap:7px;margin-bottom:15px}#booking-preview .booking-calendar-nav h3{font-size:20px}#booking-preview .booking-weekdays,#booking-preview .booking-day-grid{gap:5px}#booking-preview .booking-day-grid button{min-height:44px;font-size:15px}#booking-preview .booking-weekdays{font-size:11px}#booking-preview .booking-time-slots{grid-template-columns:repeat(3,minmax(0,1fr))}#booking-preview .booking-date-toggle{font-size:15px;padding:13px}#booking-preview .booking-slots h4{font-size:15px}}
@media(max-width:360px){#booking-preview .booking-calendar{padding:12px 6px}#booking-preview .booking-weekdays,#booking-preview .booking-day-grid{gap:3px}#booking-preview .booking-day-grid button{min-height:39px;font-size:14px}#booking-preview .booking-calendar-nav h3{font-size:18px}#booking-preview .booking-time-slots{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){#booking-preview .booking-day-grid button{transition:none}}