.site-utility {
    background: var(--wp--preset--color--primary);
    padding-inline: var(--wp--preset--spacing--medium);
    position: relative;
    z-index: 2;
}

.site-header-utility__container {
    display: flex;
    justify-content: flex-end;
    margin: 0 auto;
    max-width: var(--wp--style--global--wide-size);
    padding-block: 0.75rem;
}

/* Utility Nav
--------------------------------------------- */

.site-header-utility__nav-links {
    align-items: center;
    display: flex;
    gap: var(--wp--preset--spacing--x-small);
    list-style: none;
    margin: 0;
    padding: 0;
}

.site-header-utility__nav-links > .menu-item {
    font-size: var(--wp--preset--font-size--x-small);
    line-height: 1;
}

.site-header-utility__nav-links > .menu-item > a,
.site-header-utility__language-facade {
    color: var(--wp--preset--color--base);
    font-weight: 700;
}

/* Language Selector
--------------------------------------------- */

.site-header-utility__language {
    display: inline-block;
    position: relative;
}

.site-header-utility__language-facade:not([hidden]) {
    align-items: center;
    column-gap: 0.5em;
    display: flex;
    padding-inline-start: 1.7em;
    position: relative;
}

.site-header-utility__language:hover .site-header-utility__language-label {
    text-decoration: underline;
}

.site-header-utility__language-facade::before {
    background-color: currentColor;
    content: "";
    height: 1.2em;
    inset-inline-start: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    --de-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cg fill='black'%3E%3Cpath d='M14.464 5C14.76 5 15 5.22386 15 5.5C15 5.77614 14.76 6 14.464 6H1.53604C1.23999 6 1 5.77614 1 5.5C1 5.22386 1.23999 5 1.53604 5H14.464Z'/%3E%3Cpath d='M14.464 10C14.76 10 15 10.2239 15 10.5C15 10.7761 14.76 11 14.464 11H1.53604C1.23999 11 1 10.7761 1 10.5C1 10.2239 1.23999 10 1.53604 10H14.464Z'/%3E%3Cpath d='M14.8523 8C14.8523 4.21557 11.7844 1.14768 8 1.14768C4.21557 1.14768 1.14768 4.21557 1.14768 8C1.14768 11.7844 4.21557 14.8523 8 14.8523C11.7844 14.8523 14.8523 11.7844 14.8523 8ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8Z'/%3E%3Cpath d='M4 8C4 4.50578 5.50172 1.60395 7.90646 0.112766C8.21067 -0.075872 8.63995 -0.0223619 8.86529 0.232293C9.09063 0.486954 9.02671 0.846324 8.72251 1.03497C6.77245 2.2442 5.37096 4.7432 5.37096 8C5.37096 11.2568 6.77245 13.7558 8.72251 14.965C9.02671 15.1537 9.09063 15.513 8.86529 15.7677C8.63995 16.0224 8.21067 16.0759 7.90646 15.8872C5.50172 14.3961 4 11.4942 4 8Z'/%3E%3Cpath d='M10.629 8C10.629 4.7432 9.22755 2.2442 7.27749 1.03497C6.97329 0.846324 6.90937 0.486954 7.1347 0.232293C7.36005 -0.0223619 7.78933 -0.075872 8.09354 0.112766C10.4983 1.60395 12 4.50578 12 8C12 11.4942 10.4983 14.3961 8.09354 15.8872C7.78933 16.0759 7.36005 16.0224 7.1347 15.7677C6.90937 15.513 6.97329 15.1537 7.27749 14.965C9.22755 13.7558 10.629 11.2568 10.629 8Z'/%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask: var(--de-mask-image) no-repeat center;
    mask: var(--de-mask-image) no-repeat center;
    width: 1.2em;
}

.site-header-utility__language--is-ready .site-header-utility__language-widget {
    inset: 0;
    position: absolute;
}

/* Keep the native select interactive over the facade, including on touch devices. */
.site-header-utility__language--is-ready .site-header-utility__language-widget select.gt_selector {
    cursor: pointer;
    font: inherit;
    height: 100%;
    inset: 0;
    margin: 0;
    opacity: 0;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.site-header-utility__language--is-ready:focus-within {
    outline: 2px solid var(--wp--preset--color--base);
    outline-offset: 4px;
}

/* Search Link
--------------------------------------------- */

.site-header-utility__nav-links > .menu-item--is-search,
.site-header-utility__nav-links > .menu-item--is-language-selector {
    padding-left: var(--wp--preset--spacing--x-small);
    position: relative;
}

.site-header-utility__nav-links > .menu-item--is-search::before,
.site-header-utility__nav-links > .menu-item--is-language-selector::before {
    background: var(--wp--preset--color--border-light);
    content: "";
    height: 1.2em;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    width: 1px;
}

.site-header-utility__nav-links > .menu-item--is-search a {
    align-items: center;
    column-gap: 0.5em;
    display: flex;
    padding-inline-end: 1.6em;
    position: relative;
}

.site-header-utility__nav-links > .menu-item--is-search a::after {
    background-color: currentColor;
    content: "";
    height: 1.1em;
    inset-inline-end: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    --de-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%0A%3Cpath%20d%3D%22M9.8125%209.8125C9.8125%209.8125%2010.0232%209.60176%2010.4447%209.18029C10.8662%208.75881%2011.0769%207.95513%2011.0769%206.76923C11.0769%205.58333%2010.6554%204.56891%209.8125%203.72596C8.96955%202.88301%207.95513%202.46154%206.76923%202.46154C5.58333%202.46154%204.56891%202.88301%203.72596%203.72596C2.88301%204.56891%202.46154%205.58333%202.46154%206.76923C2.46154%207.95513%202.88301%208.96955%203.72596%209.8125C4.56891%2010.6554%205.58333%2011.0769%206.76923%2011.0769C7.95513%2011.0769%208.96955%2010.6554%209.8125%209.8125ZM16%2014.7692C16%2015.1026%2015.8782%2015.391%2015.6346%2015.6346C15.391%2015.8782%2015.1026%2016%2014.7692%2016C14.4231%2016%2014.1346%2015.8782%2013.9038%2015.6346L10.6058%2012.3462C9.45833%2013.141%208.17949%2013.5385%206.76923%2013.5385C5.85256%2013.5385%204.97596%2013.3606%204.13942%2013.0048C3.30288%2012.649%202.58173%2012.1683%201.97596%2011.5625C1.37019%2010.9567%200.889423%2010.2356%200.533654%209.39904C0.177885%208.5625%200%207.6859%200%206.76923C0%205.85256%200.177885%204.97596%200.533654%204.13942C0.889423%203.30288%201.37019%202.58173%201.97596%201.97596C2.58173%201.37019%203.30288%200.889422%204.13942%200.533653C4.97596%200.177884%205.85256%200%206.76923%200C7.6859%200%208.5625%200.177884%209.39904%200.533653C10.2356%200.889422%2010.9567%201.37019%2011.5625%201.97596C12.1683%202.58173%2012.649%203.30288%2013.0048%204.13942C13.3606%204.97596%2013.5385%205.85256%2013.5385%206.76923C13.5385%208.17949%2013.141%209.45833%2012.3462%2010.6058L15.6442%2013.9038C15.8814%2014.141%2016%2014.4295%2016%2014.7692Z%22%20fill%3D%22currentColor%22%2F%3E%0A%3C%2Fsvg%3E");
    -webkit-mask: var(--de-mask-image) no-repeat center;
    mask: var(--de-mask-image) no-repeat center;
    width: 1.1em;
}

/* Site Utility Styles for Mobile */

@media (max-width: 1023px) {
    .site-utility {
        display: none;
    }

    .site-header__nav > .site-header-utility__container {
        background: var(--wp--preset--color--primary-dark);
        padding: var(--wp--preset--spacing--small);
    }

    .site-header__nav .site-header-utility__nav-links {
        align-items: stretch;
        display: grid;
        gap: var(--wp--preset--spacing--x-small);
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
    }

    .site-header__nav .site-header-utility__nav-links > .menu-item {
        line-height: 1;
        padding-left: 0;
    }

    .site-header__nav .site-header-utility__nav-links > .menu-item::before {
        display: none;
    }

    .site-header__nav .site-header-utility__nav-links > .menu-item:first-child {
        grid-column: span 2;
    }

    .site-header__nav .site-header-utility__nav-links > .menu-item > a,
    .site-header__nav .site-header-utility__nav-links > .menu-item > .site-header-utility__language {
        align-items: center;
        background: rgba(37, 37, 50, 0.35);
        border-radius: var(--wp--preset--border-radius--default);
        column-gap: 0.5em;
        display: flex;
        font-weight: 600;
        height: 100%;
        line-height: 1;
        padding: 1em var(--wp--preset--spacing--small);
    }

    .site-header__nav .site-header-utility__nav-links > .menu-item--is-search > a {
        padding-inline-start: calc(var(--wp--preset--spacing--small) + 1.6em);
    }

    .site-header__nav .site-header-utility__nav-links > .menu-item--is-search > a::after {
        inset-inline-end: auto;
        inset-inline-start: var(--wp--preset--spacing--small);
    }

    .site-header__nav .site-header-utility__language-facade:not([hidden]) {
        width: 100%;
    }

    .site-header__nav .site-header-utility__nav-links > .menu-item > a::before,
    .site-header__nav .site-header-utility__language-facade::after {
        background-color: currentColor;
        content: "";
        flex-shrink: 0;
        height: 0.75rem;
        margin-inline-start: auto;
        --de-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='m4 2 4 4-4 4' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        -webkit-mask: var(--de-mask-image) no-repeat center;
        mask: var(--de-mask-image) no-repeat center;
        order: 1;
        width: 0.75rem;
    }
}

@media (max-width: 767px) {
    .site-header__nav .site-header-utility__nav-links {
        flex-direction: column;
    }
}