/* ============================================================================
 * Modern Events Calendar — brand overrides for The Lakes at St. David.
 * Loaded only on the Activities page (see functions.php).
 *
 * Colors verified live against the Monthly / "Classic" calendar output
 * (Jul 2026). MEC's own frontend CSS is specific, so the CHROME rules below use
 * !important to win — but they are scoped to calendar chrome (month title, nav
 * arrows, weekday row, the today/selected cell). We deliberately do NOT force a
 * blanket accent color, so events keep showing their own CATEGORY colors.
 * Palette comes from main.css :root (both load on this page).
 * ==========================================================================*/

/* Fonts — match the site */
.mec-wrap, .mec-wrap * { font-family: var(--font-body); }
.mec-wrap h1, .mec-wrap h2, .mec-wrap h3, .mec-wrap h4,
.mec-event-title, .mec-single-title { font-family: var(--font-display); }

/* ---- Monthly calendar chrome (brand navy structure + rust today-cell) ---- */

/* Month / year title + prev/next + "load month" arrows → brand navy */
.mec-wrap .mec-month-navigator .mec-navigator-title,
.mec-wrap .mec-month-navigator h2,
.mec-wrap .mec-month-navigator span { color: var(--deep) !important; font-weight: 700; }
.mec-wrap .mec-next-month, .mec-wrap .mec-previous-month,
.mec-wrap .mec-load-month-link, .mec-wrap .mec-load-month-link i,
.mec-wrap .mec-month-navigator i { color: var(--deep) !important; }
.mec-wrap .mec-next-month:hover, .mec-wrap .mec-previous-month:hover,
.mec-wrap .mec-load-month-link:hover, .mec-wrap .mec-load-month-link:hover i { color: var(--rust) !important; }

/* Weekday header row (SU MO TU …) */
.mec-wrap .mec-calendar-day-head { color: var(--muted) !important; }

/* The selected / today cell → brand rust */
.mec-wrap .mec-calendar .mec-selected-day { background-color: var(--rust) !important; color: #fff !important; }

/* ---- Buttons / CTAs inside MEC → brand rust ---- */
.mec-wrap .mec-color-bg,
.mec-wrap .mec-event-footer .mec-booking-button,
.mec-wrap .mec-load-more-button,
.mec-wrap .mec-totalcal-view span.mec-totalcalview-selected {
	background-color: var(--rust); border-color: var(--rust); color: #fff;
}
.mec-wrap .mec-booking-button:hover,
.mec-wrap .mec-load-more-button:hover { background-color: var(--rust-dk); }

/* ---- Event cards (once events exist) — echo the casita/grounds card look ---- */
.mec-wrap .mec-event-article,
.mec-wrap .mec-event-grid-classic .mec-event-article,
.mec-wrap .mec-event-cover-classic {
	border: 1px solid var(--line); border-radius: 14px; overflow: hidden;
	box-shadow: 0 10px 30px rgba(22,57,74,.06); background: var(--white);
}

/* Date labels — brand navy */
.mec-wrap .mec-event-date, .mec-wrap .mec-start-date-label,
.mec-wrap .mec-event-sec-info .mec-date-details { color: var(--deep); }

/* Links (non-chrome) */
.mec-wrap a { color: var(--lake); }
.mec-wrap a:hover { color: var(--rust); }