/* A right-anchored contact button, with navigation that retracts beside it. */
@media (min-width: 1161px) {
  .site-header,
  .site-header.on-white,
  .menu-open .site-header {
    display: block;
    width: 760px;
    height: 44px;
    transition: width .48s cubic-bezier(.22, 1, .36, 1), box-shadow .2s;
  }
  .site-header.is-collapsed { width: 196px; }
  .site-header .main-navigation { position: static; }
  .site-header .nav-triggers {
    position: absolute;
    left: 3px;
    top: 3px;
    width: 494px;
    grid-template-columns: 140px 214px 140px;
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    transition: opacity .2s .12s, transform .38s cubic-bezier(.22, 1, .36, 1), visibility 0s;
  }
  .site-header .nav-trigger { min-height: 36px; white-space: nowrap; }
  .site-header .nav-label { display: grid; text-align: left; }
  .site-header .nav-label-text,
  .site-header .nav-label-reserve { grid-area: 1 / 1; }
  .site-header .nav-label-reserve { font-weight: 700; visibility: hidden; }
  .site-header .nav-label-text {
    transform-origin: left center;
    transition: transform .18s ease, font-weight .18s ease;
  }
  .site-header .nav-trigger:is(:hover, :focus-visible) .nav-label-text,
  .site-header.mega-open .nav-trigger.is-active .nav-label-text {
    font-weight: 700;
    transform: scale(1.045);
  }
  .site-header .mega-links a {
    transform-origin: left center;
    transition: color .18s ease, transform .18s ease, font-weight .18s ease;
  }
  .site-header .mega-links a:is(:hover, :focus-visible) {
    font-weight: 700;
    transform: scale(1.025);
  }
  .site-header .header-right {
    position: absolute;
    top: 3px;
    right: 3px;
    width: 258px;
    height: 36px;
    display: grid;
    grid-template-columns: 106px 152px;
    gap: 0;
    pointer-events: none;
  }
  .site-header .header-right > * { pointer-events: auto; }
  .site-header .desktop-languages {
    grid-column: 1;
    grid-row: 1;
    transition: opacity .2s .12s, visibility 0s;
  }
  .site-header .nav-contact {
    grid-column: -2;
    grid-row: 1;
    width: 152px;
    height: 36px;
    margin: 0;
  }
  .site-header.is-scrolled .header-right { grid-template-columns: 70px 36px 152px; }
  .site-header.is-scrolled .menu-toggle {
    display: inline-flex;
    grid-column: 2;
    grid-row: 1;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: #fff;
    cursor: pointer;
  }
  .site-header .menu-toggle:hover { background: #ffffff12; }
  .site-header .menu-label { display: none; }
  .site-header.is-collapsed .nav-triggers,
  .site-header.is-collapsed .desktop-languages {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .1s, transform .35s cubic-bezier(.22, 1, .36, 1), visibility 0s .12s;
  }
  .site-header.is-collapsed .nav-triggers { transform: translateX(28px); }
  .site-header .mega-panel {
    grid-template-columns: 140px 214px 140px 1fr;
    isolation: isolate;
    background: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    /* Moving/fading a backdrop-filter surface can leave a stripe in the bar. */
    animation: none;
  }
  .site-header .mega-panel::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    border-radius: inherit;
    background: rgba(23,23,23,.5);
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
    clip-path: inset(0 round 16px);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    pointer-events: none;
  }
  .mega-links a,
  .menu-placeholder { white-space: nowrap; overflow-wrap: normal; }
}

.site-header .mobile-panel-footer { display: none; }

/* Keep language choice beside the first heading, with contact at the end. */
@media (max-width: 1160px) {
  .site-header .mega-panel { position: relative; }
  .site-header .mobile-languages {
    position: absolute;
    top: 14px;
    right: 0;
    margin: 0;
    padding: 0;
    border: 0;
    gap: 10px;
    font-size: 14px;
  }
  .site-header .mobile-languages a { padding-block: 4px; }
  .site-header .mega-column[data-section="0"] .mega-heading { padding-right: 108px; }
  .site-header .mega-heading { font-weight: 700; }
  .site-header .mobile-panel-footer {
    display: flex;
    justify-content: flex-start;
    margin-top: 4px;
    padding-top: 18px;
    border-top: 1px solid #ffffff26;
  }
  .site-header .mobile-panel-contact {
    min-height: 42px;
    margin: 0;
    padding: 0 22px;
    border-radius: 12px;
    font-size: 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .site-header,
  .site-header.on-white,
  .site-header .nav-triggers,
  .site-header .desktop-languages,
  .site-header .nav-label-text,
  .site-header .mega-links a { transition: none; }
}

/* UHANDA is a home link on both the desktop bar and mobile menu. */
.mega-home-link { display: none; }
@media (max-width: 1160px) {
  .mega-home-label { display: none; }
  .mega-home-link { display: inline-block; color: inherit; text-decoration: none; padding-block: 4px; }
}