/* mobile menu */

header *:focus,
header *:focus::before,
header *:focus .icon--menu-toggle {
	/* outline-color: var(--brand-color-title-text, var(--brand-color-lightest, white)) !important; */
	/* border-color: var(--brand-color-title-text, var(--brand-color-lightest, white)) !important; */
	outline-color: transparent !important;
	border-color: transparent !important;
}

.secondary-nav__menu-link::after,
.primary-nav__menu-link-inner::after {
	border-top: solid 2px var(--brand-color-darkest) !important;
	transition: opacity 0.2s, transform 0.2s !important;
}

.header-nav {
	width: auto;
	min-width: 20rem;
}

.header-nav, 
.header-nav a {
	color: var(--default-dark);
}
.header-nav:not(.is-active) .primary-nav__menu,
.header-nav:not(.is-active) .secondary-nav__menu {
	display: block !important;
	white-space: nowrap;
}
.header-nav:not(.is-active) .primary-nav__menu button {
	display: none;
}

nav.menu--tools:not(.is_active),
nav.menu--account {
	font-size: 1rem !important;
	padding: 0.5em 1.5em;
}

.header-nav:not(.is-active) .primary-nav__menu,
.header-nav:not(.is-active) .secondary-nav__menu,
.header-nav:not(.is-active) .secondary-nav__menu-link {
	font-size: 0.9rem !important;
}

.header-nav:not(.is-active) nav > .primary-nav__menu > li,
.header-nav:not(.is-active) nav > .secondary-nav__menu > li { 
	display: inline-block !important;
	margin-inline-end: 0.85rem !important;	/* var(--sp1); */
}
.primary-nav__menu-link-inner::after {
	color:  var(--brand-color-darkest);
	border-color: var(--brand-color-darkest);
}

@media (min-width: 31.25rem) {
	.mobile-buttons {
		align-items: end;
		display: flex;
	}
}
.mobile-nav-button__icon::before, 
.mobile-nav-button__icon::after,
.mobile-nav-button__icon,
.primary-nav__button-toggle .icon--menu-toggle::before, 
.primary-nav__button-toggle .icon--menu-toggle::after {
	color:  var(--brand-color-title-text, var(--brand-color-lightest, white));
	border-color: var(--brand-color-title-text, var(--brand-color-lightest, white));
}

.header-nav:not(.is-active) {
	background: none;
}
.header-nav.is-active,
.sticky-header-toggle {
    background-color: var(--color-hamburger-button-bg);
	border-color: var(--color-hamburger-button-bg);
}
.header-nav.is-active .menu  {
	background: none !important;
}
.primary-nav__menu-link:hover .primary-nav__menu-link-inner::after,
.primary-nav__menu-link:focus .primary-nav__menu-link-inner::after,
.secondary-nav__menu-link:hover::after,
.secondary-nav__menu-link:focus::after {
    transform: scaleX(1);
	opacity: 0.8;
}

.header-nav:not(.is-active) .navigation {
	background: var(--color-header-menu-bg);
	padding-left: 1em;
	box-shadow: 1px 1px 3px #00000022 inset;
}

.header-nav:not(.is-active) .navigation:first-child {
	border-radius: 5em 0 0 5em;
	padding-right: 0 !important;
}
.header-nav:not(.is-active) .menu--main {
	padding: .5em 0 0.5em 1em;
}
.header-nav:not(.is-active) .navigation.secondary-nav {
	border-radius: 0 5em 5em 0;
	background: var(--color-header-menu-bg);
	box-shadow: -1px 1px 3px #00000022 inset;
	/* padding: 0.5em 1.5em; */
}


.primary-nav__menu-link,
.secondary-nav__menu-link {
	min-height: var(--sp2);
}


[dir=ltr] body:not(.is-always-mobile-nav) .primary-nav__menu--level-1 {
	margin-right: 0;
}

.primary-nav__menu--level-1,
.primary-nav__menu--level-2,
.primary-nav__menu--level-3 {
	border-inline-start: none;
}
.primary-nav__menu--level-2.is-active-menu-parent,
.primary-nav__menu--level-3.is-active-menu-parent {
	margin-block-start: 0;
}
.primary-nav__menu--level-2 li,
.primary-nav__menu--level-3 li {
	margin-left: 1em;
}
.primary-nav__menu-link--level-1,
.primary-nav__menu-link--level-2,
.primary-nav__menu-link--level-3,
.secondary-nav__menu-link {
	font-weight: bold;
}
.primary-nav__menu-link--level-1 {
	font-size: 1.5rem;
}
.primary-nav__menu-link--level-2,
.primary-nav__menu-link--level-3,
.secondary-nav__menu-link {
	font-size: 1.2rem;
}

.primary-nav__menu-item {
	margin-bottom: 1.25em;
}
.primary-nav__menu-link-inner {
	padding-block: 0 !important;
	padding: 0;
}

.header-nav.is-active .primary-nav__menu-link-inner {
	font-size: 1.5rem;
	line-height: 1.1em;	
}
.header-nav.is-active .primary-nav__menu-item {
	align-items: center;
}
.header-nav.is-active .primary-nav__button-toggle {
	margin: 0;
}

.header-nav.is-active .region--secondary-menu,
.header-nav.is-active .region--secondary-menu ul,
.header-nav.is-active .region--secondary-menu li {
	display: block;
}
.header-nav.is-active .menu--account ul {
	border-color: var(--brand-color-title-text, var(--brand-color-lightest, white));
	border-style: solid;
	border-width: 1px 0 1px 0;
	padding: 0.5em 0;
}

.header-nav.is-active .region--secondary-menu .language-switcher-language-url ul {
	margin: 0;
}
.header-nav.is-active .region--secondary-menu .language-switcher-language-url li {
	font-size: 1.1rem;
	display: inline-block;
	margin: 0 0.5em;
}

body:not(.is-always-mobile-nav) .secondary-nav { 
	margin: 0;
}

/*
@media (min-width: 1400px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		max-width: 1450px;
	}
}
*/

/* drop downs from main menu */
.primary-nav__menu--level-2 {
	border-color: var(--brand-color-primary) !important;
}
.primary-nav__menu-🥕 {
	border-bottom-color: var(--brand-color-primary) !important;
}

.header-nav:not(.is-active) .primary-nav__menu--level-2,
.header-nav.is-active .primary-nav__menu--level-2.is-active-menu-parent,
.header-nav:not(.is-active) .primary-nav__menu-🥕,
.header-nav.is-active .primary-nav__menu-🥕.is-active-menu-parent {
	margin-top: 1em !important;	
}