/* Mench Local Delivery: checkout time panel. Scoped to .mld-panel and .mld-map. */
.mld-panel { contain: inline-size; min-width: 0; box-sizing: border-box; --mld-ink: #142b49; --mld-accent: #173b63; --mld-line: #dce3ee; --mld-control: #b9c8dc; --mld-soft: #edf3fb; --mld-muted: #4a5a70; --mld-error: #b42318; margin: 16px 0 4px; padding: 16px; border: 1px solid var(--mld-line); border-radius: 10px; background: #fff; color: var(--mld-ink); }
.mld-panel__title { margin: 0 0 12px; font-weight: 600; font-size: 1em; }
.mld-panel__note { margin: 8px 0 0; color: var(--mld-muted); font-size: .92em; }
.mld-panel__note--error { color: var(--mld-error); }
.mld-days { display: flex; gap: 8px; overflow-x: auto; padding: 2px 2px 8px; margin: 0 -2px; scrollbar-width: thin; }
.mld-panel .mld-day, .mld-panel .mld-win, .mld-panel .mld-btn { font: inherit; cursor: pointer; border: 1px solid var(--mld-control); border-radius: 8px; background: #fff; color: var(--mld-ink); min-height: 44px; line-height: 1.2; box-shadow: none; text-transform: none; letter-spacing: normal; }
.mld-panel .mld-day { flex: 0 0 auto; padding: 8px 14px; white-space: nowrap; font-size: .92em; }
.mld-wins { display: grid; grid-template-columns: repeat(auto-fill, minmax(11em, 1fr)); gap: 8px; margin-top: 4px; }
.mld-panel .mld-win { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 2px; padding: 8px 12px; text-align: left; }
.mld-win__time { font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; }
.mld-win__left { font-size: .8em; color: #9a4b00; }
.mld-panel .mld-day:hover, .mld-panel .mld-win:hover, .mld-panel .mld-btn:hover { background: var(--mld-soft); border-color: var(--mld-accent); color: var(--mld-ink); }
.mld-panel .mld-day.is-on, .mld-panel .mld-win.is-on { background: var(--mld-accent); border-color: var(--mld-accent); color: #fff; }
.mld-panel .mld-win.is-on .mld-win__left { color: #c5d8f4; }
.mld-panel button:focus-visible { outline: 2px solid var(--mld-accent); outline-offset: 2px; }
.mld-pin { margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--mld-line); }
.mld-pin__state { margin: 0 0 8px; font-size: .92em; }
.mld-pin__actions { display: flex; flex-wrap: wrap; gap: 8px; }
.mld-panel .mld-btn { padding: 8px 14px; font-size: .92em; font-weight: 600; }
.mld-panel .mld-btn--quiet { font-weight: 400; }
.mld-map { height: 260px; margin-top: 10px; border-radius: 8px; border: 1px solid #dce3ee; z-index: 0; }
.mld-map[hidden] { display: none; }
.mld-summary { margin: 12px 0 0; padding: 10px 12px; border-radius: 8px; background: var(--mld-soft); font-weight: 600; font-size: .95em; }
.mld-order-delivery { margin-top: 1.5em; }
@media (prefers-reduced-motion: reduce) { .mld-panel * { transition: none !important; } }