/* ABC appointment calendar layout, using the Park Place Residences palette. */
#booking-form .booking-calendar-fields{min-width:0;border:1px solid var(--line);padding:18px;margin:0 0 26px;background:var(--white)}
#booking-form .booking-calendar-fields legend{padding:0 7px;font-size:13px;font-weight:600;color:var(--ink)}
#booking-form .booking-calendar-intro{font-size:12px;color:var(--muted);line-height:1.6;margin:0 0 15px}
#booking-form .booking-calendar-note{font-size:11px;color:var(--muted);line-height:1.6;margin:13px 0 0}
#booking-form .booking-calendar-fields input,#booking-form .booking-calendar-fields select{min-width:0;max-width:100%}
#booking-calendar{border:1px solid var(--line);border-top:3px solid var(--gold);margin:0 0 18px;padding:14px;background:var(--paper);color:var(--ink)}
#booking-calendar .booking-calendar-toolbar{display:grid;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;gap:8px;margin-bottom:14px}
#booking-calendar .booking-calendar-toolbar h3{text-align:center;font:19px/1.3 var(--serif);margin:0;letter-spacing:0}
#booking-calendar .booking-calendar-toolbar button{width:34px;height:34px;border:1px solid var(--line);border-radius:2px;background:var(--white);color:var(--ink);font:25px/1 var(--serif);padding:0;cursor:pointer}
#booking-calendar .booking-calendar-toolbar button:hover:not(:disabled){background:var(--cream)}
#booking-calendar .booking-calendar-toolbar button:disabled{opacity:.35;cursor:default}
#booking-calendar .booking-calendar-weekdays,#booking-calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;text-align:center}
#booking-calendar .booking-calendar-weekdays{font-size:10px;color:var(--muted);margin-bottom:7px}
#booking-calendar .booking-calendar-day{border:1px solid transparent;border-radius:2px;background:transparent;color:var(--ink);min-width:0;min-height:37px;padding:4px 0;font-size:12px;line-height:1.3;cursor:pointer}
#booking-calendar .booking-calendar-day:hover:not(:disabled){background:var(--cream);border-color:var(--gold)}
#booking-calendar .booking-calendar-day:disabled{color:#8c9599;cursor:default}
#booking-calendar .booking-calendar-day[aria-current="date"]{border-color:#aab4ba;font-weight:700}
#booking-calendar .booking-calendar-day[aria-pressed="true"]{color:var(--white);background:var(--ink);border-color:var(--ink)}
#booking-calendar .booking-calendar-day[aria-pressed="true"]:hover{color:var(--white);background:var(--blue)}
#booking-calendar button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
#booking-calendar-selection{font-size:11px;color:var(--ink);line-height:1.5;margin:12px 0 0;padding-top:11px;border-top:1px solid var(--line);min-height:29px}
@media(max-width:620px){#booking-form .booking-calendar-fields{padding:13px}#booking-calendar{padding:10px}#booking-calendar .booking-calendar-day{min-height:35px}#booking-calendar .booking-calendar-weekdays,#booking-calendar-days{gap:2px}}