/**
 * Shared Event (TRANSFORM) Styles
 *
 * Event-specific branding shared by the event widgets (event-card,
 * event-pills, event-collage) and the event container background styles.
 * Loaded as a dependency of those styles only — event branding is NOT
 * part of the global design-token build because it is scoped to
 * conference landing pages (e.g. TRANSFORM 2026) and must not leak
 * into the rest of the site.
 *
 * Figma: DicvhGrzEhYHwdwvGgxu13 node 3451:22638 ("transform")
 *
 * @package Zededa
 */

:root {
	/* Event dark band color: #133844 with a 20% black overlay, flattened.
	   Used by .zededa-bg-event-dark* containers and event card interiors. */
	--color-event-dark: #0f2d36;
}

/* ==========================================================================
   Outline Triangle Decoration
   Spring-green stroked equilateral triangle (left-pointing SVG, 316x364).
   Widgets position, size, rotate, and layer instances of this class.
   Decorations are presentational only — hidden from AT and non-interactive.
   ========================================================================== */

.zededa-event-triangle {
	position: absolute;
	background-image: url('../../images/event/triangle-outline-spring.svg');
	background-repeat: no-repeat;
	background-size: contain;
	aspect-ratio: 316 / 364;
	pointer-events: none;
	z-index: 0;
}

/* ==========================================================================
   Event Badge Chip
   Aqua-outlined label chip (e.g. "TRANSFORM 2026 USA") used on event cards.
   ========================================================================== */

.zededa-event-badge {
	display: inline-block;
	padding: var(--spacing-sm) var(--spacing-md);
	background-color: rgba(0, 0, 0, 0.2);
	border: var(--border-width-base) solid var(--color-navigation-cta-background);
	color: var(--color-navigation-cta-background);
	font-family: 'IBM Plex Sans', var(--typography-font-family-base);
	font-size: clamp(15px, calc(0.21vw + 14.2px), 18px);
	font-weight: var(--typography-font-weight-medium);
	line-height: 1.45;
}