.wm-booking-drawer.wm-booking-drawer--events .wm-booking-drawer-panel,
.wm-booking-drawer-panel.wm-booking-drawer-panel--events {
	width: 100vw !important;
	max-width: none !important;
}

.wm-event-week-view {border-radius: 0 0 8px 8px; overflow: hidden;}

.wm-event-week-calendar {border-radius: 0 0 8px 8px; overflow: hidden;}

.wm-event-week-view .wm-event-week-calendar {border: 1px solid var(--wp--preset--color--dark-1); border-top: 0;}

.wm-booking-calendar-surface .wm-event-week-header .wm-week-day-header {padding: 6px 0; text-align: center; font-weight: bold; font-size: 12px; text-transform: uppercase; color: var(--wp--preset--color--dark-1); background: none; border-radius: 0;}

.wm-booking-calendar-surface .wm-event-week-columns {display: grid; grid-template-columns: repeat(7, 1fr); gap: 2px; padding: 8px; min-height: 100px;}

.wm-booking-calendar-surface .wm-event-time-grid {grid-auto-rows: min-content;}

.wm-event-time-cell {display: flex; flex-direction: column; gap: 8px; min-width: 0; align-self: start;}

.wm-booking-calendar-surface .wm-event-card {display: flex; flex-direction: column; gap: 8px; border-radius: 8px; padding: 10px 8px; font-size: 12px; line-height: 1.4; background: var(--wp--preset--color--light-1); color: var(--wp--preset--color--dark-1); height: 100%; box-sizing: border-box;}

.wm-event-card-media:not(:empty) {display: block;}

.wm-event-card-media:empty {display: none;}

.wm-event-card-img {width: 100%; max-height: 160px; object-fit: cover; border-radius: 6px; display: block;}

.wm-event-card-primary {min-width: 0;}

.wm-event-card-title {margin: 0 0 4px; font-weight: 600; font-size: 14px; line-height: 1.3;}

.wm-event-card-icon {width: 14px; height: 14px; flex-shrink: 0;}

.wm-event-card-location {display: inline-flex; align-items: center; gap: 4px; color: inherit; text-decoration: none; margin-bottom: 4px;}

.wm-event-card-location:hover {text-decoration: underline;}

.wm-event-card-time {display: flex; align-items: center; gap: 4px; margin-bottom: 4px;}

.wm-event-card-teacher {margin-bottom: 4px;}

.wm-event-card-spots {margin: 0; font-weight: 500;}

.wm-event-card-actions {display: flex; flex-direction: column; gap: 4px; margin-top: auto;}

.wm-event-card-actions .wm-btn {display: block; width: 100%; margin-top: 0; padding: 6px 8px; font-size: 11px; flex: none;}

.wm-event-card.is-full {opacity: 0.55;}

@media (max-width: 800px) {
.wm-booking-calendar-surface .wm-event-week-columns.wm-event-week-columns--stack {display: flex; flex-direction: column; gap: 8px; padding: 8px; min-height: 0; grid-template-columns: none;}

.wm-booking-calendar-surface .wm-event-week-columns--stack .wm-event-day-heading {width: 100%; box-sizing: border-box; font-weight: 600; font-size: 13px; text-transform: uppercase; color: var(--wp--preset--color--dark-1); padding: 12px 4px 4px; border-bottom: 1px solid var(--wp--preset--color--dark-2);}

.wm-booking-calendar-surface .wm-event-week-columns--stack .wm-event-day-heading:first-child {padding-top: 4px;}

.wm-booking-calendar-surface .wm-event-week-columns--stack .wm-event-card {width: 100%; max-width: 100%; display: grid; grid-template-columns: 72px minmax(0, 1fr) minmax(0, 0.85fr) auto; gap: 8px; align-items: center; padding: 8px; height: auto;}

.wm-booking-calendar-surface .wm-event-week-columns--stack .wm-event-card:not(:has(.wm-event-card-img)) {grid-template-columns: minmax(0, 1fr) minmax(0, 0.85fr) auto;}

.wm-booking-calendar-surface .wm-event-week-columns--stack .wm-event-card:not(:has(.wm-event-card-teacher)) {grid-template-columns: 72px minmax(0, 1fr) auto;}

.wm-booking-calendar-surface .wm-event-week-columns--stack .wm-event-card:not(:has(.wm-event-card-img)):not(:has(.wm-event-card-teacher)) {grid-template-columns: minmax(0, 1fr) auto;}

.wm-booking-calendar-surface .wm-event-week-columns--stack .wm-event-card-media {grid-column: 1; grid-row: 1;}

.wm-booking-calendar-surface .wm-event-week-columns--stack .wm-event-card-primary {grid-column: 2; grid-row: 1; min-width: 0;}

.wm-booking-calendar-surface .wm-event-week-columns--stack .wm-event-card-teacher {grid-column: 3; grid-row: 1; margin: 0; min-width: 0;}

.wm-booking-calendar-surface .wm-event-week-columns--stack .wm-event-card-actions {grid-column: 4; grid-row: 1; margin-top: 0; align-self: center;}

.wm-booking-calendar-surface .wm-event-week-columns--stack .wm-event-card:not(:has(.wm-event-card-img)) .wm-event-card-primary {grid-column: 1;}

.wm-booking-calendar-surface .wm-event-week-columns--stack .wm-event-card:not(:has(.wm-event-card-img)) .wm-event-card-teacher {grid-column: 2;}

.wm-booking-calendar-surface .wm-event-week-columns--stack .wm-event-card:not(:has(.wm-event-card-img)) .wm-event-card-actions {grid-column: 3;}

.wm-booking-calendar-surface .wm-event-week-columns--stack .wm-event-card:not(:has(.wm-event-card-teacher)) .wm-event-card-primary {grid-column: 2;}

.wm-booking-calendar-surface .wm-event-week-columns--stack .wm-event-card:not(:has(.wm-event-card-teacher)) .wm-event-card-actions {grid-column: 3;}

.wm-booking-calendar-surface .wm-event-week-columns--stack .wm-event-card:not(:has(.wm-event-card-img)):not(:has(.wm-event-card-teacher)) .wm-event-card-primary {grid-column: 1;}

.wm-booking-calendar-surface .wm-event-week-columns--stack .wm-event-card:not(:has(.wm-event-card-img)):not(:has(.wm-event-card-teacher)) .wm-event-card-actions {grid-column: 2;}

.wm-booking-calendar-surface .wm-event-week-columns--stack .wm-event-card-img {width: 72px; height: 72px; max-height: 72px;}

.wm-booking-calendar-surface .wm-event-week-columns--stack .wm-event-card-title {margin-bottom: 2px; font-size: 12px;}

.wm-booking-calendar-surface .wm-event-week-columns--stack .wm-event-card-spots {margin: 4px 0 0;}

.wm-booking-calendar-surface .wm-event-week-columns--stack .wm-event-card-actions .wm-btn {width: auto; min-width: 88px; white-space: nowrap;}
}

@media (max-width: 500px) {
.wm-booking-calendar-surface .wm-event-week-columns--stack .wm-event-card,
.wm-booking-calendar-surface .wm-event-week-columns--stack .wm-event-card:not(:has(.wm-event-card-img)),
.wm-booking-calendar-surface .wm-event-week-columns--stack .wm-event-card:not(:has(.wm-event-card-teacher)),
.wm-booking-calendar-surface .wm-event-week-columns--stack .wm-event-card:not(:has(.wm-event-card-img)):not(:has(.wm-event-card-teacher)) {display: flex; flex-direction: column; align-items: stretch; gap: 8px;}

.wm-booking-calendar-surface .wm-event-week-columns--stack .wm-event-card-media,
.wm-booking-calendar-surface .wm-event-week-columns--stack .wm-event-card-primary,
.wm-booking-calendar-surface .wm-event-week-columns--stack .wm-event-card-teacher,
.wm-booking-calendar-surface .wm-event-week-columns--stack .wm-event-card-actions {grid-column: auto; grid-row: auto; width: 100%;}

.wm-booking-calendar-surface .wm-event-week-columns--stack .wm-event-card-img {width: 100%; height: auto; max-height: 200px;}

.wm-booking-calendar-surface .wm-event-week-columns--stack .wm-event-card-actions .wm-btn {width: 100%; min-width: 0;}
}