/* Public booking date picker only. */
.eko-booking #eko-calendar-picker .eko-picker-panel {
  display: flex; flex-direction: column; overflow: hidden; padding: 0;
  max-height: calc(100vh - 32px); max-height: calc(100dvh - 32px);
}
.eko-booking #eko-calendar-picker .eko-calendar-scroll {
  flex: 1 1 auto; min-height: 0; overflow-y: auto; padding: 16px 16px 0;
  overscroll-behavior: contain; -webkit-overflow-scrolling: touch;
}
.eko-booking #eko-calendar-picker .eko-picker-header { justify-content: center; padding-bottom: 16px; }
.eko-booking #eko-calendar-picker .eko-calendar-footer {
  flex: 0 0 auto; position: relative; bottom: auto; margin: 0; z-index: 2;
  padding: 12px 16px max(16px, env(safe-area-inset-bottom)); border-top: 1px solid #ececef;
}
.eko-booking #eko-calendar-picker .eko-calendar-footer .eko-helper { font-size: 12px; line-height: 1.5; }
.eko-booking #eko-calendar-picker .eko-calendar-actions {
  display: grid; grid-template-columns: minmax(0,35fr) minmax(0,65fr); gap: 8px;
}
.eko-booking #eko-calendar-picker .eko-calendar-actions button {
  box-sizing: border-box; min-width: 0; min-height: 44px; margin: 0; padding: 10px 8px;
  border-radius: 8px; font-family: inherit; font-size: 14px !important; font-weight: 500;
  line-height: 1.35; white-space: normal; cursor: pointer;
}
.eko-booking #eko-calendar-cancel { background: #fff; border: 1px solid #b9bdc4; color: #30343a; }
.eko-booking #eko-calendar-cancel:active { background: #f3f4f6; }
.eko-booking #eko-calendar-confirm { background: #dd141f; border: 1px solid #dd141f; color: #fff; }
.eko-booking #eko-calendar-confirm:disabled { opacity: .45; cursor: default; }
.eko-booking #eko-calendar-picker .eko-calendar-actions button:focus-visible { outline: 2px solid #dd141f; outline-offset: 2px; }
.eko-booking #eko-calendar-days button.is-peak,
.eko-booking #eko-calendar-days button.is-peak.is-selected { background: #fff !important; color: #30343a !important; border-color: #e3e5e8; }
.eko-booking #eko-calendar-days button.is-booked:disabled { background: #f8e4e8 !important; color: #a52a40 !important; border: 1px solid #edc5ce !important; opacity: 1 !important; }
.eko-booking #eko-calendar-days button.is-peak:disabled:not(.is-booked) { color: #bfc0c3 !important; }
.eko-booking #eko-calendar-days .eko-peak-bar {
  position: absolute; display: block; left: 20%; width: 60%; height: 3px; bottom: 5px;
  background: #6b9fd4; border-radius: 999px; opacity: 1; pointer-events: none;
}
.eko-booking #eko-calendar-picker .eko-calendar-legend {
  display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 8px 16px;
  color: #454950; font-size: 12px; margin: 12px 0 10px;
}
.eko-booking #eko-calendar-picker .eko-calendar-legend[hidden] { display: none; }
.eko-booking #eko-calendar-picker .eko-calendar-legend .peak-key {
  flex: none; width: 20px !important; height: 3px !important; border: 0;
  background: #6b9fd4 !important; border-radius: 999px !important;
}
@media (max-width: 360px) {
  .eko-booking #eko-calendar-picker { padding: 8px; }
  .eko-booking #eko-calendar-picker .eko-picker-panel { max-height: calc(100vh - 16px); max-height: calc(100dvh - 16px); }
  .eko-booking #eko-calendar-picker .eko-calendar-footer { padding-left: 12px; padding-right: 12px; }
}