/* ABOUTME: Carries Showcase Pro's design intent onto EventRail's components.
   ABOUTME: Replaces the design the old .tribe-* theme rules used to provide.

   EventRail defines its --tder-* custom properties on COMPONENT ROOTS, not on :root.
   A bare `body { --tder-accent: … }` would therefore lose to the plugin's own rule —
   the override has to target those same roots. Every selector below is prefixed with
   `body` purely to win on specificity (0,2,0 vs the plugin's 0,1,0). */

body .tder-archive,
body .tder-single-details,
body .tder-events-grid,
body .tder-events-list,
body .tder-calendar,
body .tder-event-card,
body .tder-event-row {
	/* New Amsterdam Singers brand red — the theme's button/link accent. */
	--tder-accent: #E4002B;
	--tder-ink: #000000;
}

/* Primary CTA ("Purchase Tickets") should read as the theme's .button, which the old
   TEC single-event template used via `class="button arrow-right"`. */
body .tder-btn--primary {
	border-radius: 5px;
	padding: 1.1rem 2rem 1rem;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.8;
	text-transform: uppercase;
	letter-spacing: 0.1rem;
	white-space: nowrap;
}

body .tder-btn--primary:hover,
body .tder-btn--primary:focus {
	color: #fff;
	text-decoration: none;
	box-shadow: inset 0 0 0 20rem rgba( 0, 0, 0, 0.1 ), 0 2rem 2rem rgba( 0, 0, 0, 0.1 );
}

/* Secondary (add-to-calendar) buttons: same shape, quieter weight. */
body .tder-btn--ghost {
	border-radius: 5px;
	font-size: 1.3rem;
	text-transform: uppercase;
	letter-spacing: 0.05rem;
}