/**
 * Breakfast with Santa — sticky event nav active-section styling.
 *
 * The active link is flagged by js/event-nav-spy.js with aria-current="location".
 * Selectors lead with #event-nav so they outrank Divi's own
 * `body #page-container .et_pb_section .et_pb_button_N` button rules.
 */

/* Active section: Lions blue pill, white label. */
body #page-container #event-nav .et_pb_button[aria-current] {
	background-color: var(--gcid-primary-color);
	color: #ffffff !important;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.24);
}

/* "Buy Tickets" keeps its red identity when it is the active section. */
body #page-container #event-nav .et_pb_button_5[aria-current] {
	background-color: var(--gcid-bws-red-dark);
	color: #fff8e5 !important;
}

/* Divi's hover rule swaps these pills to Lions blue but leaves the label navy
   (#0D2240 on #00338D ≈ 1.4:1). Match the active state's white label so hover
   is legible too. */
body #page-container #event-nav .et_pb_button:hover {
	color: #ffffff !important;
}

body #page-container #event-nav .et_pb_button_5:hover {
	color: #fff8e5 !important;
}

/* Keyboard focus ring — gold reads against both the cream bar and the blue pill. */
body #page-container #event-nav .et_pb_button:focus-visible {
	outline: 3px solid var(--gcid-secondary-color);
	outline-offset: 2px;
}