/* Embedded Viva Divider for the Quick Menu Hero (VMM 2.7.11 / Viva Widget 1.3.3). */
.vmm-quick-menu-hero-wrap {
	width: 100%;
}

.vmm-quick-menu-hero > .vmm-quick-menu-hero__divider {
	position: absolute;
	inset-inline: 0;
	bottom: 0;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 100%;
	height: 72px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	--vmm-hero-divider-bar-color: rgb(8 18 15 / .92);
	--vmm-hero-divider-glass-color: rgb(8 18 15 / .48);
	--vmm-hero-divider-bar-blur: 16px;
}

.vmm-quick-menu-hero__divider--solid {
	background: var(--vmm-hero-divider-bar-color);
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
}

.vmm-quick-menu-hero__divider--glass {
	background: var(--vmm-hero-divider-glass-color);
	-webkit-backdrop-filter: blur(var(--vmm-hero-divider-bar-blur)) saturate(125%);
	backdrop-filter: blur(var(--vmm-hero-divider-bar-blur)) saturate(125%);
	box-shadow: inset 0 1px 0 rgb(255 255 255 / .06);
}

.vmm-quick-menu-hero__divider--transparent {
	background: transparent;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
}

.vmm-hero-divider,
.vmm-hero-divider * {
	box-sizing: border-box;
}

.vmm-hero-divider {
	display: flex;
	width: 100%;
	direction: rtl;
}

.vmm-hero-divider__inner {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	gap: 14px;
}

.vmm-hero-divider__line {
	display: block;
	flex: 1 1 auto;
	height: 1px;
	background: rgb(212 175 55 / .45);
}

.vmm-hero-divider__center {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 38px;
	height: 38px;
	border: 1px solid currentColor;
	border-radius: 999px;
	color: #d4af37;
	font-weight: 800;
	line-height: 1;
	transition: border-radius 180ms ease, transform 180ms ease, background 180ms ease, border-color 180ms ease;
}

.vmm-hero-divider--line .vmm-hero-divider__inner {
	gap: 0;
}

.vmm-hero-divider--decoration-none .vmm-hero-divider__center {
	min-width: auto;
	height: auto;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
}

.vmm-hero-divider--decoration-circle .vmm-hero-divider__center {
	border-radius: 999px;
}

.vmm-hero-divider--decoration-rounded .vmm-hero-divider__center {
	border-radius: 14px;
}

.vmm-hero-divider--decoration-diamond .vmm-hero-divider__center {
	border-radius: 10px;
	transform: rotate(45deg);
}

.vmm-hero-divider--decoration-diamond .vmm-hero-divider__center > * {
	transform: rotate(-45deg);
}

.vmm-hero-divider--decoration-underline .vmm-hero-divider__center {
	min-width: auto;
	height: auto;
	padding-inline: 4px;
	border: 0;
	border-radius: 0;
	background: transparent;
}

.vmm-hero-divider--decoration-underline .vmm-hero-divider__center::after {
	content: "";
	position: absolute;
	right: 50%;
	bottom: -8px;
	width: 44px;
	height: 2px;
	border-radius: 999px;
	background: currentColor;
	transform: translateX(50%);
}

.vmm-hero-divider.no-center-background .vmm-hero-divider__center {
	background: transparent;
}

.vmm-hero-divider.has-center-background .vmm-hero-divider__center {
	background: rgb(7 16 13 / .82);
}

.vmm-hero-divider__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	color: currentColor;
	border: 0 solid transparent;
}

.vmm-hero-divider__icon svg,
.vmm-hero-divider__icon i {
	display: block;
	width: 34px;
	height: 18px;
	font-size: 18px;
	color: currentColor;
	fill: currentColor;
}

.vmm-hero-divider__icon .viva-logo-svg {
	width: 72px;
	height: auto;
	max-width: 100%;
	color: currentColor;
	--viva-logo-fill: currentColor;
	--viva-logo-stroke: transparent;
	--viva-logo-stroke-width: 0;
}

.vmm-hero-divider__icon .viva-logo-mark {
	fill: var(--viva-logo-fill, currentColor);
	stroke: var(--viva-logo-stroke, transparent);
	stroke-width: var(--viva-logo-stroke-width, 0);
	vector-effect: non-scaling-stroke;
}

.vmm-hero-divider--ornament-signature .vmm-hero-divider__inner,
.vmm-hero-divider--ornament-luxury .vmm-hero-divider__inner,
.vmm-hero-divider--ornament-classic .vmm-hero-divider__inner {
	position: relative;
}

.vmm-hero-divider--ornament-signature .vmm-hero-divider__line,
.vmm-hero-divider--ornament-luxury .vmm-hero-divider__line {
	position: relative;
	height: 2px;
	overflow: visible;
	background: linear-gradient(90deg, transparent 0%, rgb(212 175 55 / .28) 14%, rgb(212 175 55 / .88) 50%, rgb(212 175 55 / .28) 86%, transparent 100%);
	box-shadow: 0 0 20px rgb(212 175 55 / .13);
}

.vmm-hero-divider--ornament-signature .vmm-hero-divider__line::before,
.vmm-hero-divider--ornament-signature .vmm-hero-divider__line::after,
.vmm-hero-divider--ornament-luxury .vmm-hero-divider__line::before,
.vmm-hero-divider--ornament-luxury .vmm-hero-divider__line::after {
	content: "";
	position: absolute;
	top: 50%;
	width: 7px;
	height: 7px;
	border: 1px solid currentColor;
	border-radius: 999px;
	color: #d4af37;
	background: #07100d;
	transform: translateY(-50%);
	box-shadow: 0 0 0 4px rgb(212 175 55 / .06);
}

.vmm-hero-divider--ornament-signature .vmm-hero-divider__line:first-child::before,
.vmm-hero-divider--ornament-luxury .vmm-hero-divider__line:first-child::before { left: 0; }
.vmm-hero-divider--ornament-signature .vmm-hero-divider__line:first-child::after,
.vmm-hero-divider--ornament-luxury .vmm-hero-divider__line:first-child::after { right: 12px; }
.vmm-hero-divider--ornament-signature .vmm-hero-divider__line:last-child::before,
.vmm-hero-divider--ornament-luxury .vmm-hero-divider__line:last-child::before { left: 12px; }
.vmm-hero-divider--ornament-signature .vmm-hero-divider__line:last-child::after,
.vmm-hero-divider--ornament-luxury .vmm-hero-divider__line:last-child::after { right: 0; }

.vmm-hero-divider--ornament-signature .vmm-hero-divider__center,
.vmm-hero-divider--ornament-luxury .vmm-hero-divider__center {
	z-index: 2;
	min-width: 58px;
	height: 46px;
	padding-inline: 12px;
	border-width: 0;
	background: radial-gradient(circle at 50% 50%, rgb(212 175 55 / .16), transparent 68%);
}

.vmm-hero-divider--ornament-signature .vmm-hero-divider__center::before,
.vmm-hero-divider--ornament-signature .vmm-hero-divider__center::after,
.vmm-hero-divider--ornament-luxury .vmm-hero-divider__center::before,
.vmm-hero-divider--ornament-luxury .vmm-hero-divider__center::after {
	content: "";
	position: absolute;
	top: 50%;
	width: 28px;
	height: 18px;
	border-top: 3px solid currentColor;
	color: #d4af37;
}

.vmm-hero-divider--ornament-signature .vmm-hero-divider__center::before,
.vmm-hero-divider--ornament-luxury .vmm-hero-divider__center::before {
	right: calc(100% - 10px);
	border-right: 3px solid currentColor;
	border-top-right-radius: 26px;
	transform: translateY(-50%) rotate(16deg);
}

.vmm-hero-divider--ornament-signature .vmm-hero-divider__center::after,
.vmm-hero-divider--ornament-luxury .vmm-hero-divider__center::after {
	left: calc(100% - 10px);
	border-left: 3px solid currentColor;
	border-top-left-radius: 26px;
	transform: translateY(-50%) rotate(-16deg);
}

.vmm-hero-divider--ornament-signature .vmm-hero-divider__icon .viva-logo-svg,
.vmm-hero-divider--ornament-luxury .vmm-hero-divider__icon .viva-logo-svg {
	width: 86px;
	filter: drop-shadow(0 0 10px rgb(212 175 55 / .18));
}

.vmm-hero-divider--ornament-signature.has-ornament-glow .vmm-hero-divider__center,
.vmm-hero-divider--ornament-luxury.has-ornament-glow .vmm-hero-divider__center {
	filter: drop-shadow(0 0 14px rgb(212 175 55 / .22));
}

.vmm-hero-divider--ornament-luxury .vmm-hero-divider__line {
	height: 3px;
	background: linear-gradient(90deg, transparent, rgb(212 175 55 / .25) 10%, #d4af37 50%, rgb(212 175 55 / .25) 90%, transparent);
}

.vmm-hero-divider--ornament-luxury .vmm-hero-divider__center {
	min-width: 72px;
	height: 52px;
}

.vmm-hero-divider--ornament-classic .vmm-hero-divider__line {
	height: 1px;
	background: linear-gradient(90deg, transparent, rgb(212 175 55 / .65), transparent);
}

.vmm-hero-divider--ornament-classic .vmm-hero-divider__center {
	border-width: 1px;
	background: rgb(7 16 13 / .72);
}

.vmm-hero-divider--ornament-signature.vmm-hero-divider--decoration-none .vmm-hero-divider__center,
.vmm-hero-divider--ornament-luxury.vmm-hero-divider--decoration-none .vmm-hero-divider__center {
	min-width: auto;
	height: auto;
	padding: 0 8px;
	background: transparent;
}

.vmm-hero-divider--ornament-signature.vmm-hero-divider--decoration-underline .vmm-hero-divider__center::before,
.vmm-hero-divider--ornament-signature.vmm-hero-divider--decoration-underline .vmm-hero-divider__center::after,
.vmm-hero-divider--ornament-luxury.vmm-hero-divider--decoration-underline .vmm-hero-divider__center::before,
.vmm-hero-divider--ornament-luxury.vmm-hero-divider--decoration-underline .vmm-hero-divider__center::after {
	display: none;
}

/* Event-inspired gold style from Viva Widget 1.3.3. */
.vmm-hero-divider--ornament-event_gold {
	--vmm-hero-divider-event-color: #d4af37;
	--vmm-hero-divider-event-soft: rgb(212 175 55 / .22);
	--vmm-hero-divider-event-glow: rgb(212 175 55 / .28);
}

.vmm-hero-divider--ornament-event_gold .vmm-hero-divider__line {
	position: relative;
	height: 3px;
	min-width: 60px;
	border-radius: 999px;
	background: linear-gradient(90deg, transparent 0%, var(--vmm-hero-divider-event-soft) 16%, var(--vmm-hero-divider-event-color) 54%, var(--vmm-hero-divider-event-soft) 86%, transparent 100%) !important;
	box-shadow: 0 0 18px var(--vmm-hero-divider-event-glow);
	overflow: visible;
}

.vmm-hero-divider--ornament-event_gold .vmm-hero-divider__line::before,
.vmm-hero-divider--ornament-event_gold .vmm-hero-divider__line::after {
	content: "";
	position: absolute;
	top: 50%;
	width: 5px;
	height: 5px;
	border-radius: 999px;
	background: var(--vmm-hero-divider-event-color);
	box-shadow: 0 0 12px var(--vmm-hero-divider-event-glow);
	transform: translateY(-50%);
	display: none;
}

.vmm-hero-divider--ornament-event_gold .vmm-hero-divider__line:first-child::before { left: 100%; margin-left: 8px; }
.vmm-hero-divider--ornament-event_gold .vmm-hero-divider__line:first-child::after { left: 100%; width: 7px; height: 7px; margin-left: 28px; }
.vmm-hero-divider--ornament-event_gold .vmm-hero-divider__line:last-child::before { right: 100%; margin-right: 8px; }
.vmm-hero-divider--ornament-event_gold .vmm-hero-divider__line:last-child::after { right: 100%; width: 7px; height: 7px; margin-right: 28px; }

.vmm-hero-divider--ornament-event_gold .vmm-hero-divider__center {
	min-width: 56px !important;
	width: auto !important;
	height: auto !important;
	padding: 0 8px !important;
	color: var(--vmm-hero-divider-event-color) !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

.vmm-hero-divider--ornament-event_gold .vmm-hero-divider__center::before,
.vmm-hero-divider--ornament-event_gold .vmm-hero-divider__center::after {
	content: none !important;
	display: none !important;
}

.vmm-hero-divider--ornament-event_gold .vmm-hero-divider__icon {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	line-height: 0;
	filter: drop-shadow(0 0 10px rgb(212 175 55 / .22));
}

.vmm-hero-divider--ornament-event_gold .vmm-hero-divider__icon .viva-logo-svg,
.vmm-hero-divider--ornament-event_gold .vmm-hero-divider__icon svg {
	display: block;
	width: 44px;
	height: auto;
	max-width: 100%;
	color: currentColor;
}

.vmm-hero-divider--ornament-event_gold .vmm-hero-divider__icon .viva-logo-mark,
.vmm-hero-divider--ornament-event_gold .vmm-hero-divider__icon svg .viva-logo-mark {
	fill: currentColor;
	stroke: transparent;
}

.vmm-hero-divider--ornament-event_gold.no-ornament-glow .vmm-hero-divider__line,
.vmm-hero-divider--ornament-event_gold.no-ornament-glow .vmm-hero-divider__line::before,
.vmm-hero-divider--ornament-event_gold.no-ornament-glow .vmm-hero-divider__line::after {
	box-shadow: none;
}

@media (max-width: 767px) {
	.vmm-hero-divider__inner { width: 100%; }
	.vmm-hero-divider--ornament-signature .vmm-hero-divider__center::before,
	.vmm-hero-divider--ornament-signature .vmm-hero-divider__center::after,
	.vmm-hero-divider--ornament-luxury .vmm-hero-divider__center::before,
	.vmm-hero-divider--ornament-luxury .vmm-hero-divider__center::after {
		width: 18px;
		height: 12px;
		border-top-width: 2px;
	}
	.vmm-hero-divider--ornament-event_gold .vmm-hero-divider__line::after { display: none; }
	.vmm-hero-divider--ornament-event_gold .vmm-hero-divider__center { min-width: 42px !important; padding: 0 6px !important; }
	.vmm-hero-divider--ornament-event_gold .vmm-hero-divider__icon .viva-logo-svg,
	.vmm-hero-divider--ornament-event_gold .vmm-hero-divider__icon svg { width: 34px; }
	.vmm-quick-menu-hero > .vmm-quick-menu-hero__divider { height: 54px; }
}