.site-header {
    position: relative;
    z-index: 100;
    height: 72px;
    background: #844cf6;
    color: #fff;
}
.site-header__inner {
    width: min(calc(100% - 2rem), var(--gtheme-header-max, 1280px));
    height: 100%;
    display: flex;
    align-items: center;
    margin-inline: auto;
}
.site-logo { display: block; flex: 0 0 auto; }
.site-logo img { display: block; width: 90.8px; height: 55.89px; object-fit: contain; }
.primary-nav {
    display: flex;
    align-items: center;
    padding: 3px 5px;
    border: 1px solid #a277f7;
    border-radius: 100px;
    margin-left: auto;
    background: #9361f7;
    font-family: "Gilroy-Medium", "DM Sans", Arial, sans-serif;
    font-size: 16px;
    line-height: 1;
}
.primary-nav__menu { display: flex; align-items: center; gap: clamp(1.75rem, 3vw, 2.75rem); padding: 0 0 0 24px; margin: 0; list-style: none; }
.primary-nav a { color: #fff; text-decoration: none; transition: .3s ease; }
.primary-nav__menu > li > a:not(.cedaw-button) { position: relative; display: block; padding-block: 17px; }
.primary-nav__menu > li > a:not(.cedaw-button):hover,
.primary-nav__menu > li > a:not(.cedaw-button):focus-visible { opacity: .78; }
.primary-nav .cedaw-button { min-height: 44px; padding: 13px 34px; border: 2px solid #fff; border-radius: 100px; background: #fff; color: #003f27; display: inline-flex; align-items: center; justify-content: center; }
.primary-nav .cedaw-button:hover,
.primary-nav .cedaw-button:focus-visible { background: transparent; color: #fff; }
.language-switcher { position: relative; margin-inline: .65rem .2rem; }
.language-switcher__toggle { min-width: 58px; min-height: 40px; display: inline-flex; align-items: center; justify-content: center; gap: .45rem; padding: .6rem .8rem; border: 1px solid rgb(255 255 255 / .65); border-radius: 100px; background: transparent; color: #fff; font: inherit; line-height: 1; cursor: pointer; transition: .3s ease; }
.language-switcher__toggle:hover, .language-switcher__toggle:focus-visible, .language-switcher__toggle[aria-expanded="true"] { background: #fff; color: #003f27; }
.language-switcher__arrow { width: .45rem; height: .45rem; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: translateY(-.12rem) rotate(45deg); transition: transform .2s ease; }
.language-switcher__toggle[aria-expanded="true"] .language-switcher__arrow { transform: translateY(.12rem) rotate(225deg); }
.language-switcher__menu { position: absolute; z-index: 10; top: calc(100% + .65rem); right: 0; min-width: 150px; padding: .45rem; border: 1px solid #a277f7; border-radius: 12px; margin: 0; background: #844cf6; box-shadow: 0 12px 28px rgb(0 32 20 / .2); list-style: none; }
.language-switcher__menu[hidden] { display: none; }
.language-switcher__menu a { display: block; padding: .7rem .8rem; border-radius: 8px; color: #fff; white-space: nowrap; }
.language-switcher__menu a:hover, .language-switcher__menu a:focus-visible, .language-switcher__menu a[aria-current="page"] { background: rgb(255 255 255 / .16); opacity: 1; }
.nav-toggle { display: none; width: 2.75rem; height: 2.75rem; padding: .6rem; border: 0; margin-left: auto; background: transparent; color: inherit; cursor: pointer; }
.nav-toggle > span:not(.screen-reader-text) { display: block; width: 100%; height: .12rem; margin: .3rem 0; background: currentColor; transition: .3s ease; }
@media (max-width: 70rem) {
    .site-header { height: 64px; }
    .site-logo img { width: 74px; height: 50px; }
    .nav-toggle { display: block; }
    .primary-nav { position: absolute; top: 100%; right: 0; left: 0; visibility: hidden; display: block; padding: 1rem max(1rem, calc((100% - var(--gtheme-header-max, 1280px)) / 2)) 1.5rem; border: 0; border-radius: 0; background: #844cf6; opacity: 0; transform: translateY(-.5rem); pointer-events: none; transition: .3s ease; }
    .primary-nav__menu { display: grid; gap: .2rem; padding: 0; }
    .primary-nav[data-open="true"] { visibility: visible; opacity: 1; transform: none; pointer-events: auto; }
    .primary-nav a { padding: .7rem; }
    .primary-nav .menu-item--cta { justify-self: start; }
    .primary-nav .cedaw-button { margin-top: .4rem; }
    .language-switcher { width: fit-content; margin: 1rem 0 0; }
    .language-switcher__menu { right: auto; left: 0; }
    .nav-toggle[aria-expanded="true"] > span:nth-of-type(2) { transform: translateY(.42rem) rotate(45deg); }
    .nav-toggle[aria-expanded="true"] > span:nth-of-type(3) { opacity: 0; }
    .nav-toggle[aria-expanded="true"] > span:nth-of-type(4) { transform: translateY(-.42rem) rotate(-45deg); }
}