/* Invite preview: match dash v4 combo. Keep invite nav — not dash PEI items. */

.site-header .btn:not(.mobile-menu-toggler),
.site-header .btn-danger,
.site-header .btn-sm,
.offcanvas-body .btn-danger,
.hero-section .btn-danger,
.cta-section .btn-danger {
	--bs-btn-color: #ffffff;
	--bs-btn-bg: #00aeef;
	--bs-btn-border-color: #00aeef;
	--bs-btn-hover-color: #ffffff;
	--bs-btn-hover-bg: color-mix(in srgb, #00aeef, black 12%);
	--bs-btn-hover-border-color: color-mix(in srgb, #00aeef, black 12%);
	--bs-btn-active-color: #ffffff;
	--bs-btn-active-bg: color-mix(in srgb, #00aeef, black 12%);
	--bs-btn-active-border-color: color-mix(in srgb, #00aeef, black 12%);
	color: #ffffff !important;
	background-color: #00aeef !important;
	border-color: #00aeef !important;
	font-weight: 700;
}

.site-header .btn:not(.mobile-menu-toggler):hover,
.site-header .btn:not(.mobile-menu-toggler):focus,
.offcanvas-body .btn-danger:hover,
.hero-section .btn-danger:hover,
.hero-section .btn-danger:focus,
.cta-section .btn-danger:hover,
.cta-section .btn-danger:focus {
	color: #ffffff !important;
	background-color: color-mix(in srgb, #00aeef, black 12%) !important;
	border-color: color-mix(in srgb, #00aeef, black 12%) !important;
}

.hero-section .btn-warning,
.js-copy-value.btn-warning {
	--bs-btn-color: #000000;
	--bs-btn-bg: #00aeef;
	--bs-btn-border-color: #00aeef;
	color: #000000 !important;
	background-color: #00aeef !important;
	border-color: #00aeef !important;
	font-weight: 700;
}

.hero-section .btn-warning:hover,
.hero-section .btn-warning:focus,
.js-copy-value.btn-warning:hover {
	color: #000000 !important;
	background-color: color-mix(in srgb, #00aeef, black 8%) !important;
	border-color: color-mix(in srgb, #00aeef, black 8%) !important;
}

.btn,
.btn.rounded-3,
.copy-link-btn,
.hero-share-row .btn {
	--bs-btn-border-radius: 0;
	border-radius: 0 !important;
}

.hero-share-row .form-control,
.hero-logo,
.copy-toast {
	border-radius: 0 !important;
}

.nav-link {
	border-radius: 0;
}

.nav-item:hover .nav-link,
.nav-item:focus-within .nav-link,
.nav-link:hover {
	background: #00aeef !important;
	color: #ffffff !important;
}

.dropdown-menu-box,
.dropdown-link,
.dropdown-footer,
.mobile-menu > li {
	border-radius: 0 !important;
}

.dropdown-link:hover {
	background: #00aeef;
	color: #ffffff;
}

.dropdown-link:hover i {
	color: #ffffff;
}

.dropdown-link i,
.nav-arrow i {
	font-family: "Font Awesome 6 Free", "Font Awesome 7 Free" !important;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}

.dropdown-link i.fa-regular {
	font-weight: 400 !important;
}

.nav-arrow i.fa-solid {
	font-weight: 900 !important;
}

.dropdown-link i.fa-brands {
	font-family: "Font Awesome 6 Brands", "Font Awesome 7 Brands" !important;
	font-weight: 400 !important;
}

.mobile-menu-toggler,
.site-header .btn.mobile-menu-toggler,
.site-header .btn.mobile-menu-toggler:hover,
.site-header .btn.mobile-menu-toggler:focus {
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	color: #00aeef !important;
	width: 46px;
	height: 46px;
	padding: 8px;
	gap: 0 !important;
}

.mobile-menu-toggler i {
	font-family: "Font Awesome 6 Free", "Font Awesome 7 Free" !important;
	font-weight: 900 !important;
	font-style: normal;
	font-size: 1.75rem;
	line-height: 1;
	color: #00aeef !important;
}

.mobile-menu-toggler span {
	display: none;
}

.hero-share-row .hero-register-btn {
	--bs-btn-color: #ffffff;
	--bs-btn-bg: #000000;
	--bs-btn-border-color: #ffffff;
	--bs-btn-hover-color: #000000;
	--bs-btn-hover-bg: #ffffff;
	--bs-btn-hover-border-color: #ffffff;
	--bs-btn-active-color: #000000;
	--bs-btn-active-bg: #ffffff;
	--bs-btn-active-border-color: #ffffff;
	color: #ffffff !important;
	background-color: #000000 !important;
	border-color: #ffffff !important;
	font-weight: 700;
}

.hero-share-row .hero-register-btn:hover,
.hero-share-row .hero-register-btn:focus {
	color: #000000 !important;
	background-color: #ffffff !important;
	border-color: #ffffff !important;
}

.hero-booth {
	font-family: var(--heading-font-family);
	font-weight: 700;
}

.hero-booth-offer span {
	display: block;
}

.hero-intro,
.hero-offer-note {
	max-width: 42rem;
	margin-inline: auto;
	line-height: 1.45;
}

/* Header lockup matches the dash (pei-nav.css). */
.site-header .site-logo {
	max-width: 351px;
}

.site-header .site-logo img {
	width: auto !important;
	max-width: 351px;
	height: auto !important;
	max-height: 112px;
}

@media (min-width: 768px) {
	.site-header .site-logo img {
		max-height: 126px;
	}
}

.site-header .row {
	min-height: 159px;
}

@media (max-width: 1199.98px) {
	.site-header .row {
		min-height: 0;
		flex-wrap: nowrap;
	}
}

@media (max-width: 575.98px) {
	.site-header .site-logo,
	.site-header .site-logo img {
		max-width: min(240px, calc(100vw - 5.5rem));
		max-height: 56px;
	}
}
