.availability-calendar{border:1px solid #dce6da;border-radius:8px;background:#f8faf6;padding:18px;margin-top:12px}
.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:19px}
.calendar-toolbar h3{margin:0;font:400 24px/1.2 Georgia,serif;text-transform:capitalize;text-align:center}
.calendar-toolbar button{width:40px;height:40px;border:1px solid #d3e0d3;background:#fff;border-radius:5px;color:#30594c;font-size:20px}
.calendar-toolbar button:not(:disabled):hover{background:#dfe8db}
.calendar-toolbar button:disabled{color:#b5bfb6;cursor:not-allowed;background:transparent}
.calendar-weekdays,.calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;text-align:center}
.calendar-weekdays{color:#61786a;font-size:12px;font-weight:700;margin-bottom:9px}
.calendar-days{min-height:234px;align-content:start}
.calendar-day{display:grid;place-items:center;min-width:0;aspect-ratio:1;border:1px solid transparent;border-radius:6px;background:transparent;color:#acb4ab;font-weight:500;font-size:14px;cursor:not-allowed}
.calendar-day.is-available{background:#dae9d7;border-color:#b9d3b8;color:#244d37;font-weight:700;cursor:pointer}
.calendar-day.is-available:hover{background:#c3ddc2;border-color:#6f9b78}
.calendar-day.is-selected,.calendar-day.is-selected:hover{background:#30594c;border-color:#30594c;color:#fff}
.calendar-day:focus-visible,.calendar-toolbar button:focus-visible{outline:3px solid #bb855a;outline-offset:2px}
.calendar-legend{display:flex;align-items:center;gap:9px;color:#52665b;font-size:12px;margin:16px 0 0}
.legend-dot{display:inline-block;width:12px;height:12px;background:#dae9d7;border:1px solid #b9d3b8;border-radius:3px}
@media(max-width:480px){.availability-calendar{padding:12px}.calendar-weekdays,.calendar-days{gap:3px}.calendar-day{font-size:13px}.calendar-toolbar h3{font-size:21px}}