/*
 * ce2022's "Field Bulletin" skin for the ai-event-promo plugin's widget.
 * Layers on top of the plugin's bare-bones default (assets/frontend.css in
 * the plugin) rather than redefining its layout: overrides the plugin's
 * CSS custom properties plus a handful of low-specificity selectors for
 * color, typography, the hazard-stripe seam, and the scroll-reveal
 * animation. Reuses the theme's own fonts (Titillium Web / Roboto, both
 * already loaded site-wide via header.php) instead of loading new ones.
 */

.ai-event-promo {
	--aep-font-heading: var(--font-heading);
	--aep-font-body: var(--font-body);

	border: none;
	border-radius: 6px;
	overflow: hidden;
	box-shadow: 0 12px 30px -14px rgba(11, 34, 57, 0.45);
	opacity: 0;
	transform: translateY(16px);
}

.ai-event-promo.aep-revealed {
	opacity: 1;
	transform: translateY(0);
	transition: opacity 0.6s ease, transform 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
	.ai-event-promo {
		opacity: 1;
		transform: none;
	}
	.ai-event-promo.aep-revealed {
		transition: none;
	}
}

.ai-event-promo .aep-header {
	background: linear-gradient(135deg, #0b2239, #153854 70%);
	color: #fff;
}

.ai-event-promo .aep-eyebrow {
	text-transform: uppercase;
	letter-spacing: 0.16em;
	color: #29c2ff;
}

.ai-event-promo .aep-dates {
	color: #fff;
}

.ai-event-promo .aep-location {
	color: rgba(255, 255, 255, 0.7);
}

.ai-event-promo .aep-logo-wrap {
	padding: 0.65rem 0.85rem;
	border-radius: 4px;
}

.ai-event-promo .aep-blurb {
	color: rgba(255, 255, 255, 0.88);
}

.ai-event-promo .aep-blurb strong {
	color: #fff;
}

.ai-event-promo .aep-program-link {
	color: #29c2ff;
}

.ai-event-promo .aep-program-link:hover,
.ai-event-promo .aep-program-link:focus-visible {
	color: #fff;
}

.ai-event-promo .aep-cta {
	text-transform: uppercase;
	letter-spacing: 0.02em;
	background: #f2a93b;
	color: #0b2239;
	box-shadow: 0 6px 16px -6px rgba(242, 169, 59, 0.55);
}

.ai-event-promo .aep-cta:hover,
.ai-event-promo .aep-cta:focus-visible {
	background: #dd8f1d;
	color: #0b2239;
	opacity: 1;
	transform: translateY(-2px);
	box-shadow: 0 10px 20px -8px rgba(242, 169, 59, 0.65);
}

/* Hazard-stripe seam — the signature element separating the dispatch
   header from the "session briefing" panel below. */
.ai-event-promo .aep-seam {
	height: 7px;
	background-image: repeating-linear-gradient(
		-45deg,
		#f2a93b 0,
		#f2a93b 10px,
		#0b2239 10px,
		#0b2239 20px
	);
}

.ai-event-promo .aep-sessions {
	background: #f7f4ee;
}

.ai-event-promo .aep-count-current {
	color: #153854;
}

.ai-event-promo .session-time-day {
	background: #153854;
	color: #fff;
}

.ai-event-promo .session-toggle-icon {
	color: #153854;
}

.ai-event-promo .session-title {
	color: #16202a;
}

.ai-event-promo .slick-dots li button {
	background: rgba(21, 56, 84, 0.2);
}

.ai-event-promo .slick-dots li.slick-active button {
	background: #153854;
}