/* One seven-day strip, shared by creation and rescheduling. */
.booking-date-strip { min-width:0; width:100%; }
.booking-date-strip .gb-booking-month-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
.booking-date-strip .gb-booking-month-head h2 { margin:0; font-size:17px; font-weight:500; }
.booking-date-strip .gb-calendar-arrow { display:grid; place-items:center; flex:0 0 44px; width:44px; height:44px; min-height:44px; padding:10px; border:0; border-radius:50%; background:transparent; color:#222; box-shadow:none; }
.booking-date-strip .gb-calendar-arrow svg { width:16px; height:16px; }
.booking-date-strip [data-external-day-shift="1"] svg { transform:rotate(180deg); }
.booking-date-strip .external-date-strip { display:flex; width:100%; overflow-x:auto; scrollbar-width:none; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; }
.booking-date-strip .external-date-strip::-webkit-scrollbar { display:none; }
.booking-date-strip .external-date-strip > button { flex:0 0 calc(100% / 7); display:grid; justify-items:center; gap:10px; min-width:0; padding:8px 0; border:0; background:transparent; color:#222; font:inherit; scroll-snap-align:start; scroll-snap-stop:always; -webkit-tap-highlight-color:transparent; }
.booking-date-strip .external-date-weekday { color:#777d85; font-size:12px; }
.booking-date-strip .external-date-number { position:relative; display:grid; place-items:center; width:40px; height:40px; border-radius:50%; font-size:14px; }
.booking-date-strip button.selected .external-date-number { background:#111; color:#fff; }
.booking-date-strip button:disabled .external-date-number { color:#cbd0d6; }
.booking-date-strip button:focus { outline:none; box-shadow:none; }
.booking-date-strip button:focus-visible .external-date-number { outline:2px solid #111; outline-offset:2px; }
.booking-date-strip .gb-calendar-arrow:is(:hover,:active,:focus) { background:transparent; border-color:transparent; box-shadow:none; transform:none; }
.booking-date-strip .gb-calendar-arrow:focus-visible { outline:2px solid #2563a6; outline-offset:-4px; }

.booking-date-strip [data-flow-date],.booking-date-strip [data-flow-date] * { -webkit-user-select:none; user-select:none; -webkit-touch-callout:none; }