.site-header {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: center;
    background: #96000c;
    color: white;
    font-family: var(--font-sans);

    padding-inline: var(--space-s);
}

.site-header__container {
    width: 100%;
    max-width: 1240px;

    display: flex;
    justify-content: space-between;
    align-items: center;

    /* border: solid 1px lime; */
}

.site-title {
    margin-block: var(--space-l);
    a {
        color: white;
        text-decoration: none;
        text-transform: uppercase;
        font-weight: 800;
        font-size: var(--step-2);
    }
}

#primary-menu-list {
    margin: 0;
    padding: 0;
    list-style-type: none;

    display: flex;

    & .menu-item {
        padding-inline: var(--space-s);
    }

    & .menu-item > a {
        color: white;
        text-decoration: none;
        font-size: var(--step-0);
    }

    & .current-menu-item > a,
    & .current-menu-parent > a,
    & .current-menu-ancestor > a,
    & .current-page-ancestor > a {
        font-weight: 700;
        text-decoration: underline;
        text-underline-offset: 0.25em;
        text-decoration-thickness: 1px;
    }
}