.bbq-month-calendar{border:1px solid var(--ttw-border-color);background:var(--ttw-surface-color);max-width:900px;box-shadow:var(--ttw-shadow);border-radius:20px;overflow:hidden}.bbq-month-calendar__actions{text-align:center;background:linear-gradient(90deg,#70ac2112,#0000 40%,#f3702112);grid-template-columns:56px 1fr 56px;align-items:center;min-height:56px;display:grid}.bbq-month-calendar__actions a{font-size:42px;line-height:1}.bbq-month-calendar__actions select{font:inherit;background:0 0;border:0;justify-self:center;font-size:20px;font-weight:700}.bbq-month-calendar__legend{border-block:1px solid var(--ttw-border-color);color:var(--ttw-muted-color);flex-wrap:wrap;justify-content:center;gap:12px 20px;padding:10px;font-size:14px;display:flex}.bbq-month-calendar__legend span{align-items:center;gap:6px;display:inline-flex}.bbq-month-calendar__legend i{border-radius:50%;width:10px;height:10px}.bbq-month-calendar .available{color:#4d7618;background:#70ac210f}.bbq-month-calendar i.available{border:1px solid #70ac21}.bbq-month-calendar .booked,.bbq-month-calendar i.occupied{color:#fff;background:var(--ttw-field2-background-color)}.bbq-month-calendar .disabled,.bbq-month-calendar i.unavailable{color:var(--ttw-muted-color);background:#1e1e1e1f}.bbq-month-calendar__grid{grid-template-columns:repeat(7,1fr);display:grid}.bbq-month-calendar .weekday,.bbq-month-calendar .day{border:0;border-right:1px solid var(--ttw-border-color);border-bottom:1px solid var(--ttw-border-color);min-height:82px;font:inherit;padding:9px}.bbq-month-calendar .weekday{text-align:center;min-height:auto;padding:7px;font-weight:700}.bbq-month-calendar .day{text-align:right;flex-direction:column;justify-content:space-between;display:flex}.bbq-month-calendar .day small{border-radius:999px;align-self:flex-start;padding:2px 6px;font-size:12px}.bbq-month-calendar .day.booked small{background:#ffffff2e}.bbq-month-calendar a.day,.bbq-month-calendar button.day{transition:transform .15s,background-color .15s}.bbq-month-calendar a.day:hover,.bbq-month-calendar button.day:hover{opacity:1;background:#70ac2129;transform:scale(1.03)}@media (width<=640px){.bbq-month-calendar .weekday,.bbq-month-calendar .day{min-height:62px;padding:6px;font-size:13px}.bbq-month-calendar .day small{padding:2px 4px;font-size:10px}.bbq-month-calendar .weekday{min-height:auto}}