/* ============================================================
   The Rep STL — TEC Calendar Embed Overrides
   Auto-loaded by The Events Calendar after its own stylesheets.
   Path: [theme]/tribe-events/tribe-events.css
   ============================================================ */

/* ----- Weekday header: show full name, hide single-letter abbreviation ----- */
.tribe-events-calendar-month__header-column-title span[aria-hidden="true"] {
	display: none !important;
}

.tribe-events-calendar-month__header-column-title .screen-reader-text {
	position: static !important;
	width: auto !important;
	height: auto !important;
	clip: auto !important;
	clip-path: none !important;
	margin: 0 !important;
	overflow: visible !important;
}

/* ----- Compress reserved event-slot space on empty days ----- */
.tribe-events-calendar-month__day-cell--desktop {
	min-height: 64px !important;
}

.tribe-events-calendar-month__events {
	min-height: 0 !important;
	height: auto !important;
	flex-grow: 0 !important;
}

.tribe-events-calendar-month__day-date {
	padding: 4px 6px !important;
	font-size: 0.85rem !important;
}

.tribe-events-calendar-month__header-column-title {
	padding: 8px 0 !important;
}

.tribe-events-calendar-month {
	font-size: 0.9rem !important;
}
/* ----- Force desktop month-grid layout always.
   Mobile users never reach this iframe — main.js redirects ≤600px
   screens to /calendar/ before the modal opens — so there's no
   real mobile case to support here. ----- */
.tribe-events-calendar-month__day-cell--mobile,
.tribe-events-calendar-month-mobile-events {
	display: none !important;
}

.tribe-events-calendar-month__day-cell--desktop.tribe-common-a11y-hidden {
	position: static !important;
	width: auto !important;
	height: auto !important;
	clip: auto !important;
	clip-path: none !important;
	margin: 0 !important;
	overflow: visible !important;
	display: flex !important;
}