:root{
  --bp-sunday-bg: #fff3cd;
  --bp-holiday-bg: #fde2e1;
}
.bp-calendar { width: calc(7 * 2.2rem + 6 * .25rem + 2 * .75rem); padding: .75rem; }
.bp-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: .25rem; }
.bp-day, .bp-weekday { text-align: center; }
.bp-weekday { font-weight: 600; font-size: .8rem; opacity: .7; }
.bp-day {
  width: 2.2rem; height: 2.2rem; line-height: 2.2rem;
  border-radius: .5rem; cursor: pointer;
  border: 1px solid rgba(0,0,0,.075); background: #fff;
}
.bp-day:hover { background: #f8f9fa; }
.bp-day.muted { color: #adb5bd; }
.bp-day.today { border-color: var(--bs-primary); }
.bp-day.selected { background: var(--bs-primary); color: #fff; border-color: var(--bs-primary); }
.bp-day.disabled { opacity: .4; pointer-events: none; }
.bp-day.sunday:not(.selected){ background: var(--bp-sunday-bg); }
.bp-day.holiday:not(.selected){ background: var(--bp-holiday-bg); }
.bp-header-btn { width: 2.2rem; height: 2.2rem; }