/* Tradeshow (/events/): hero photo layer and scrim, stand rows, event tabs. Glyph masks (.iwg-ico) are in tech.css. */

/* Hero: the photo is its own layer so the native saturate/contrast filter never touches the copy; the comp's 100deg scrim sits between photo and copy. */
html body .elementor .iwg-ts-hero { position: relative; }
html body .elementor .iwg-ts-hero .iwg-ts-hero__photo { position: absolute; inset: 0; z-index: 0; margin: 0; }
html body .elementor .iwg-ts-hero .iwg-ts-hero__photo img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; }
html body .elementor .iwg-ts-hero::after {
	content: '';
	position: absolute;
	inset: 0;
	pointer-events: none;
	background: linear-gradient(100deg, rgba(3, 22, 38, .92) 0%, rgba(3, 22, 38, .7) 46%, rgba(3, 22, 38, .24) 84%);
}
html body .elementor .iwg-ts-hero .iwg-ts-hero__inner { position: relative; z-index: 1; }

/* On the stand: the row is the link; the name turns blue, the arrow keeps its muted tone. */
html body .elementor .iwg-ts-row { color: var(--intwater-ink); }
html body .elementor .iwg-ts-row .iwg-ts-row__name .elementor-heading-title { transition: color 180ms linear; }
html body .elementor .iwg-ts-row:hover .iwg-ts-row__name .elementor-heading-title,
html body .elementor .iwg-ts-row:focus-visible .iwg-ts-row__name .elementor-heading-title { color: var(--intwater-blue); }
html body .elementor .iwg-ts-row:focus-visible { outline: 2px solid var(--intwater-blue); outline-offset: 2px; }
.iwg-ts-row__arrow { color: var(--intwater-muted); }

/* Events tabs: state is .is-on (js/tradeshow.js); the resting look is the native button controls. Without the script both lists show. */
html body .elementor .iwg-ts-archive .iwg-tab .elementor-button { transition: background-color 180ms linear, color 180ms linear; }
html body .elementor .iwg-ts-archive .iwg-tab.is-on .elementor-button,
html body .elementor .iwg-ts-archive .iwg-tab.is-on .elementor-button:hover,
html body .elementor .iwg-ts-archive .iwg-tab.is-on .elementor-button:focus {
	background-color: var(--intwater-blue);
	border-color: var(--intwater-blue);
	color: var(--intwater-white);
}
.iwg-js .iwg-ts-archive:not(.is-past) .iwg-events--past,
.iwg-js .iwg-ts-archive.is-past .iwg-events--upcoming { display: none; }

@media (max-width: 767px) {
	html body .elementor .iwg-ts-hero::after { background: linear-gradient(180deg, rgba(3, 22, 38, .78) 0%, rgba(3, 22, 38, .6) 100%); }
	.iwg-ts-archive .iwg-tabs { width: 100%; }
}

@media (max-width: 767px) {
	.iwg-ts-row__arrow { display: none; }
}

/* Zebra on the event rows: a class, because js/tradeshow.js moves rows between the lists. */
html body .elementor .iwg-events .iwg-event.is-alt { background-color: var(--intwater-zebra); }