/* NOTE: Selector Specificity: (1, 5, 2) */
html body.et-db #et-boc .et_builder_outer_content .et-l[class*="et-l--"] .et_builder_inner_content {
	/* MARK :: SHORTCODE :: journey-navigation */
	& #journey-navigation {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding-block: var(--size-20-15);

		& .logo {
			--clamp: clamp(240px, -355px + 50vw, 280px);

			max-width: var(--clamp);
			color: var(--color-parchment);

			& a {
				display: block;
				margin: 0;
				padding: 0;
				border-radius: 10px;
				outline-offset: 6px;

				&:hover {
					color: var(--color-white----);
				}
			}

			& svg {
				display: block;
				width: 100%;
				height: 100%;
				max-width: var(--size-140-280);
			}
		}

		& .menu {
			display: flex;
			align-items: center;
			justify-content: space-between;
			column-gap: 35px;

			@media (min-width: 1191px) {
				& .menu-item.mobile-only {
					display: none;
				}
			}

			& .menu-item.active-parent > a,
			& .menu-item.active > a {
				color: var(--color-parchment);
			}

			& .submenu .menu-item.active > a {
				text-decoration: underline !important;
			}

			& > .menu-item {
				isolation: isolate;
				position: relative;

				& > a {
					position: relative;
					z-index: var(--strata-baldur-base---);
				}

				& > .submenu {
					--grace-offset: 40px;

					isolation: isolate;
					box-sizing: content-box;
					display: grid;
					align-items: stretch;
					justify-content: stretch;
					pointer-events: none;
					opacity: 0;
					margin: 0;
					position: absolute;
					z-index: var(--strata-atlas--back---);
					inset-block-start: calc(var(--grace-offset) * -0.5 + 100%);
					inset-block-end: auto;
					inset-inline-start: calc(var(--grace-offset) * -1.5);
					inset-inline-end: auto;
					width: 200px;
					height: max-content;
					padding-block: var(--grace-offset);
					padding-inline: calc(var(--grace-offset) * 1.5);
					transition: var(--transition-opacity);

					& > span {
						display: grid;
						align-items: stretch;
						justify-content: stretch;

						& > a {
							display: block;
							max-width: 100%;
							padding-block: 12px;
							padding-inline: 15px;
							color: inherit;
							background-color: var(--color-white----);
							color: var(--color-plum-----);

							&:hover {
								color: var(--color-plumlink-);
							}

							&:active {
								opacity: 1;
							}

							&,
							&:hover,
							&:focus-visible,
							&:focus-within {
								border-radius: 0;
								outline-offset: -4px;
							}
						}

						&:first-child > a {
							padding-block-start: 15px;

							&,
							&:hover,
							&:focus-visible,
							&:focus-within {
								border-start-start-radius: 7px;
								border-start-end-radius: 7px;
							}
						}

						&:last-child > a {
							padding-block-end: 15px;

							&,
							&:hover,
							&:focus-visible,
							&:focus-within {
								border-end-start-radius: 7px;
								border-end-end-radius: 7px;
							}
						}

						&:has(a:focus-visible),
						&:has(a:focus-within),
						&:has(a:active) {
							position: relative;
							z-index: var(--strata-baldur-base---);
						}
					}
				}

				&:hover,
				&:focus-visible,
				&:focus-within {
					&,
					& .submenu,
					& .submenu:focus-visible,
					& .submenu:focus-within,
					& .submenu:hover {
						opacity: 1;
						pointer-events: all;
					}
				}
			}

			& aside {
				display: flex;
				align-items: stretch;
				column-gap: 14px;

				& .my-account {
					&:has(img) {
						padding: 4px;

						& img {
							border-radius: 100%;
						}
					}
				}
			}
		}

		& .mobile {
			display: none;
		}

		@media (max-width: 1190px) {
			& .logo {
				--clamp: clamp(240px, 466.6667px + -19.0476vw, 280px);
			}

			& .menu {
				display: none;
			}

			& .mobile {
				margin-inline-start: 20px;
				display: flex;
				align-items: center;
				justify-content: space-between;

				& .menu {
					display: flex;

					& aside {
						column-gap: 7px;

						& .wwm-button[variant~="icon"] {
							width: var(--size-30-40);
							height: var(--size-30-40);

							& svg {
								width: var(--size-15-20);
								height: var(--size-15-20);
							}
						}

						& #mobile-nav-toggler {
							cursor: pointer;
							display: block;
							border: none;
							border-radius: 2px;
							padding: 0;
							margin-inline-start: 3px;
							color: var(--color-parchment);
							background-color: var(--color-trans----);
							transition: var(--transition-color-foreground);

							&:focus-visible,
							&:focus-within,
							&:hover {
								color: var(--color-white----);
							}

							& > svg {
								display: block;
								width: unset;
								height: unset;
							}

							&:focus-visible,
							&:focus-within {
								outline: var(--outline-basis);
								outline-offset: var(--outline-off--);
							}
						}
					}
				}
			}
		}

		&[data-version] {
			&[data-version="1"] {
			}
		}
	}
}