/* ==========================================================================
   E3 Connect Hub – "Hybrid" template
   Inner pages: light background (from e3-spectrum.css).
   Login and E3 2027: blue key-visual background.
   Buttons, outlines and headings use the gradients of the E3 2026
   registration visual ("Walk-in" purple, "Pre-registered" aqua-blue,
   "REGISTRATION" title gradient). Loaded after e3.css and e3-spectrum.css.
   ========================================================================== */

:root {
	/* Buttons: "Walk-in" purple ending in light blue */
	--hy-walkin: linear-gradient(100deg, #A83EF0 0%, #7F45F0 38%, #5A7BF4 66%, #3FC8F8 100%); /* purple into light blue (option C) */
	--hy-walkin-edge: linear-gradient(120deg, #F7A6FF 0%, #C99BFF 100%);
	/* "Pre-registered" outline: aqua into blue */
	--hy-prereg: linear-gradient(120deg, #3FE0FF 0%, #38A8F8 50%, #4F6EF2 100%);
	/* "REGISTRATION" title: orange, pink, violet, lavender, aqua */
	--hy-title: linear-gradient(90deg, #FF7A1A 0%, #FF4F8B 25%, #D55CF0 50%, #9C8CFF 74%, #2FD0F5 100%);
	--hy-title-dark: linear-gradient(90deg, #FF8A2A 0%, #FF5A9A 25%, #E06BF5 50%, #A99CFF 74%, #4FE6FF 100%);

	/* Feed the shared variables used by e3-spectrum.css */
	--sp-line: linear-gradient(120deg, #E85CF0 0%, #9B5CF6 32%, #4F7BF5 64%, #3FE0FF 100%);
	--sp-fill: var(--hy-walkin);
	--sp-title: var(--hy-title);
	--e3-gradient: var(--hy-walkin);
}

/* --------------------------------------------------------------------------
   Headings: the "REGISTRATION" gradient
   -------------------------------------------------------------------------- */

.e3-content > h1,
.e3-content > .wp-block-heading:first-child { background: var(--hy-title); -webkit-background-clip: text; background-clip: text; }

/* --------------------------------------------------------------------------
   Menu tabs: slanted, like the registration buttons
   -------------------------------------------------------------------------- */

.e3-nav .wp-block-navigation-item__content {
	border: 3px solid transparent !important;
	border-radius: 18px;
	background: linear-gradient(#fff, #fff) padding-box, var(--hy-prereg) border-box !important;
	box-shadow: 0 0 16px rgba(63, 200, 255, .28);
	transform: skewX(-10deg);
}

.e3-nav .wp-block-navigation-item__label { display: inline-block; transform: skewX(10deg); }

.e3-nav .wp-block-navigation-item__content:hover {
	background: linear-gradient(#EEF9FF, #EEF9FF) padding-box, var(--hy-prereg) border-box !important;
	transform: skewX(-10deg) translateY(-1px);
}

.e3-nav .current-menu-item > .wp-block-navigation-item__content,
.e3-nav .wp-block-navigation-item__content[aria-current="page"] {
	background: var(--hy-walkin) padding-box, var(--hy-walkin-edge) border-box !important;
	color: #fff !important;
	box-shadow: 0 0 20px rgba(214, 92, 255, .45), 0 10px 24px rgba(80, 40, 180, .25) !important;
}

/* --------------------------------------------------------------------------
   Fact cards: alternate the two button styles
   -------------------------------------------------------------------------- */

.e3-fact,
.e3-fact:nth-child(n) {
	border: 3px solid transparent !important;
	border-radius: 18px;
	background: linear-gradient(#fff, #fff) padding-box, var(--hy-prereg) border-box !important;
	box-shadow: 0 0 16px rgba(63, 200, 255, .22);
}
.e3-fact:nth-child(odd) {
	background: linear-gradient(#fff, #fff) padding-box, linear-gradient(120deg, #E85CF0, #8E3FF0) border-box !important;
	box-shadow: 0 0 16px rgba(214, 92, 255, .22);
}
.e3-fact:nth-child(odd) .e3-fact__label { color: #A23BD8 !important; }
.e3-fact:nth-child(even) .e3-fact__label { color: #1F86D8 !important; }

/* --------------------------------------------------------------------------
   Buttons: "Walk-in" purple with a soft pink edge
   -------------------------------------------------------------------------- */

.e3-btn {
	background: var(--hy-walkin);
	box-shadow: 0 0 0 1.5px rgba(247, 166, 255, .9), 0 6px 16px rgba(110, 50, 200, .25);
}
.e3-btn:hover { box-shadow: 0 0 0 1.5px #F7A6FF, 0 0 20px rgba(214, 92, 255, .45); }

.e3-tier.is-active { background: var(--hy-walkin) padding-box, var(--hy-walkin-edge) border-box !important; }

/* Search box uses the "Pre-registered" outline */
.e3-search { background: linear-gradient(#fff, #fff) padding-box, var(--hy-prereg) border-box !important; box-shadow: 0 0 14px rgba(63, 200, 255, .22); }

/* Video play button and speaker initials */
.e3-video__icon { background: var(--hy-walkin); box-shadow: 0 10px 30px rgba(10, 12, 60, .4), 0 0 0 6px rgba(63, 224, 255, .35); }

/* --------------------------------------------------------------------------
   Login and E3 2027: blue key-visual background
   -------------------------------------------------------------------------- */

.e3-screen {
	background:
		url("../images/spectrum-waves.svg") left bottom / 100% 42% no-repeat,
		radial-gradient(760px 560px at 0% 0%, rgba(200, 69, 230, .55), transparent 62%),
		radial-gradient(900px 620px at 100% 100%, rgba(0, 210, 250, .40), transparent 60%),
		radial-gradient(700px 480px at 62% 38%, rgba(255, 255, 255, .10), transparent 70%),
		linear-gradient(135deg, #6E3BEA 0%, #4A4FE8 22%, #2F5DE9 48%, #2B6CEE 74%, #1E90F0 100%);
}

.e3-screen h1.e3-next__title { background: var(--hy-title-dark); -webkit-background-clip: text; background-clip: text; }

.e3-login__card h1.e3-login__title { background: var(--hy-title); -webkit-background-clip: text; background-clip: text; }

/* Notify Me: the "Pre-registered" glass button */
.e3-notify__btn {
	border-radius: 18px;
	border: 2px solid rgba(63, 224, 255, .95);
	background: linear-gradient(100deg, rgba(63, 160, 255, .28), rgba(63, 224, 255, .14));
	box-shadow: 0 0 26px rgba(63, 216, 255, .5), inset 0 0 22px rgba(63, 216, 255, .18);
}

/* --------------------------------------------------------------------------
   Phone
   -------------------------------------------------------------------------- */

@media (max-width: 900px) {
	.e3-nav .wp-block-navigation-item__content { transform: none; }
	.e3-nav .wp-block-navigation-item__label { transform: none; }
	.e3-nav .wp-block-navigation-item__content:hover { transform: none; }
}

@media (max-width: 600px) {
	.e3-nav .wp-block-navigation__responsive-container-open { background: var(--hy-walkin); box-shadow: 0 0 0 1.5px #F7A6FF, 0 6px 16px rgba(110, 50, 200, .3); }
	.e3-nav .is-menu-open .wp-block-navigation-item__content { transform: skewX(-8deg); }
	.e3-nav .is-menu-open .wp-block-navigation-item__label { transform: skewX(8deg); }
}