.booking-calendar { max-width: 38rem; margin: 1.5rem auto 0; padding: clamp(.65rem, 2vw, 1.4rem); border-radius: 1rem; background: #f6f8ef; color: #18362d; }
.booking-calendar__toolbar { display: flex; align-items: center; justify-content: space-between; gap: .75rem; margin-bottom: 1.2rem; }
.booking-calendar__toolbar strong { font-size: clamp(1.05rem, 3vw, 1.4rem); text-transform: capitalize; text-align: center; }
.booking-calendar button { appearance: none; font: inherit; font-weight: 700; cursor: pointer; border: 1px solid #c0cfc4; border-radius: .7rem; background: #fff; color: #18362d; min-width: 0; min-height: 44px; padding: .45rem .1rem; }
.booking-calendar__toolbar button { width: 44px; flex-shrink: 0; font-size: 1.2rem; }
.booking-calendar__weekdays, .booking-calendar__days { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: .35rem; }
.booking-calendar__weekdays { margin-bottom: .55rem; font-size: .8rem; font-weight: 700; text-align: center; }
.booking-calendar button:hover:not(:disabled) { background: #e6f8c4; border-color: #48672a; }
.booking-calendar button[aria-pressed="true"] { background: #b4ee42; color: #102016; border-color: #345622; }
.booking-calendar button[aria-current="date"] { border: 2px solid #315846; }
.booking-calendar button:disabled { color: #6b776d; background: #edf0e9; border-color: transparent; cursor: default; font-weight: 400; }
.booking-calendar button:focus-visible { outline: 3px solid #185c42; outline-offset: 2px; }
.booking-calendar__selection { font-size: .9rem; line-height: 1.6; margin: 1rem 0 0; color: #35483e; }
@media (max-width: 380px) {
  .booking-calendar__weekdays, .booking-calendar__days { gap: .2rem; }
  .booking-calendar__weekdays { font-size: .7rem; }
}