/*
 * The Events Calendar — accessibility CSS (kernl-theme)
 * Enqueued only where TEC views render (see app/tec-a11y.php). Static file, no build.
 * Brand red #C8102E is Northeastern's accent.
 */

/* 1. Visible keyboard focus for TEC controls. The Tailwind reset and some TEC
      skins remove the default outline. */
.tribe-events a:focus-visible,
.tribe-events button:focus-visible,
.tribe-events input:focus-visible,
.tribe-events select:focus-visible,
.tribe-events summary:focus-visible,
.tribe-events [tabindex]:focus-visible {
	outline: 3px solid #C8102E;
	outline-offset: 2px;
}

/* 2. Two-tone ring for controls sitting on dark or coloured fills (buttons,
      filled calendar cells) so the ring stays visible on any background. */
.tribe-events .tribe-common-c-btn:focus-visible,
.tribe-events .tribe-events-c-search__button:focus-visible,
.tribe-events .tribe-events-calendar-month__day-cell--mobile:focus-visible {
	outline: 3px solid #C8102E;
	outline-offset: 2px;
	box-shadow: 0 0 0 5px #fff;
}

/* 3. Month-grid event links: don't rely on colour alone to show a link. */
.tribe-events-calendar-month__calendar-event-title-link {
	text-decoration: underline;
	text-underline-offset: 2px;
}

/* 4. "This Month" / "Today" link focus (rendered inside the top bar). */
.tribe-events-c-top-bar__today-button:focus-visible {
	outline: 3px solid #C8102E;
	outline-offset: 2px;
}

/* 5. Disabled Previous/Next labels: TEC's default #d5d5d5 on white is 1.5:1
      (rule 107). Use a darker grey that still reads as disabled (7:1 on white),
      with the arrow icon matched. Selectors mirror TEC's own (button.x:disabled)
      so they win on specificity. */
.tribe-events button.tribe-events-c-nav__prev:disabled,
.tribe-events button.tribe-events-c-nav__next:disabled,
.tribe-events button.tribe-events-c-nav__prev:disabled .tribe-events-c-nav__prev-label,
.tribe-events button.tribe-events-c-nav__next:disabled .tribe-events-c-nav__next-label {
	color: #595959;
}

.tribe-events button.tribe-events-c-nav__prev:disabled .tribe-events-c-nav__prev-icon-svg path,
.tribe-events button.tribe-events-c-nav__next:disabled .tribe-events-c-nav__next-icon-svg path {
	fill: #595959;
}