/* Sitewide header menus (classes/class.Header_Primary_Menu.php): the primary menu and the look of the product menu below it. */

.atlantis-primary-menu {
    align-items: flex-start;
    border-bottom: 1px solid #c9c9c9;
    gap: 6px clamp(18px, 4vw, 58px);
    height: 54px;
    justify-content: center;
    margin-bottom: 6px;
    overflow: hidden;
}

/*
 * Compact header. assets/js/header-compact.js adds .is-compact while the visitor scrolls down and removes
 * it as soon as they scroll up. Compact, the header only tightens the logo row: both menus stay visible.
 * What it loses in height it gets back as bottom margin, so the page underneath never jumps.
 */
#fixed-header > .container > .row:first-child { transition: padding .35s cubic-bezier(.22, .61, .36, 1); }
#fixed-header { transition: margin-bottom .35s cubic-bezier(.22, .61, .36, 1), box-shadow .35s ease; }

#fixed-header.fixed { box-shadow: 0 6px 24px -14px rgba(0, 0, 0, .45); }
#fixed-header.is-compact { margin-bottom: 28px; }
#fixed-header.is-compact > .container > .row:first-child { padding-bottom: 10px !important; padding-top: 10px !important; }

@media (prefers-reduced-motion: reduce) {
    #fixed-header, #fixed-header > .container > .row:first-child { transition: none; }
}

.atlantis-primary-menu .nav-link {
    color: #000;
    font-size: clamp(16px, 1.35vw, 19px);
    font-weight: 700;
    line-height: 1.2;
    padding: 6px 0;
    position: relative;
    transition: color .2s ease;
}

.atlantis-primary-menu .nav-link::after {
    background: #f36e51;
    bottom: 0;
    content: '';
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform .3s cubic-bezier(.22, .61, .36, 1);
}

.atlantis-primary-menu .nav-link:hover,
.atlantis-primary-menu .nav-link.active { color: #f36e51; text-decoration: none; }

/* Product menu: regular weight, grey, with a thin orange chevron. */
.urt-main-menu.v2 > .products-menu > .nav-link { color: #4a4a4a; font-weight: 400; }
.urt-main-menu.v2 > .products-menu > .nav-link:hover,
.urt-main-menu.v2 > .products-menu > .nav-link.active { color: #f36e51; }

/* The theme's solid Font Awesome chevron is swapped for a lighter one drawn in CSS. */
.urt-main-menu.v2 > .products-menu > .nav-link > .text-primary > * { display: none; }
.urt-main-menu.v2 > .products-menu > .nav-link > .text-primary::after {
    border-bottom: 2px solid currentColor;
    border-right: 2px solid currentColor;
    content: '';
    display: inline-block;
    height: 8px;
    margin-left: 4px;
    position: relative;
    top: -3px;
    transform: rotate(45deg);
    width: 8px;
}

.atlantis-primary-menu .nav-link:hover::after,
.atlantis-primary-menu .nav-link.active::after { transform: scaleX(1); }