/* Shared light header used by About and Consultant. */
body:is(.about-page, .consultant-page) #page-hero .header.wrap,
body:is(.about-page, .consultant-page) #page-hero .header .nav__link {
    color: #46413a;
}

body:is(.about-page, .consultant-page) #page-hero .header .nav__chevron,
body:is(.about-page, .consultant-page) #page-hero .header .menu img {
    filter: brightness(0) saturate(100%);
}

body:is(.about-page, .consultant-page) #page-hero .header .nav__chevron {
    opacity: .75;
}

body:is(.about-page, .consultant-page) #page-hero .header .language {
    background: rgb(42 37 35 / 8%);
    box-shadow: inset 0 0 0 .5px rgb(42 37 35 / 30%);
}

body:is(.about-page, .consultant-page) #page-hero .header .language::before {
    background: #2a2523;
}

body:is(.about-page, .consultant-page) #page-hero .header .language__btn {
    color: #2a2523;
}

body:is(.about-page, .consultant-page) #page-hero .header .language__btn.is-active {
    color: #fcfbfa;
}

@media (min-width: 900px) {
    html[dir="rtl"] body:is(.about-page, .consultant-page) #page-hero .header .language::before {
        right: auto;
        left: 4px;
        transform: translateX(0);
    }

    html[dir="rtl"] body:is(.about-page, .consultant-page) #page-hero .header .language[data-active-lang="fa"]::before {
        transform: translateX(42px);
    }
}

body:is(.about-page, .consultant-page) #page-hero .header .pill--light {
    color: #fcfbfa;
    background: rgb(42 37 35 / 8%);
    box-shadow: inset 0 0 0 .5px rgb(42 37 35 / 35%);
}

body:is(.about-page, .consultant-page) #page-hero .header .pill--light::before {
    background: #2a2523;
}

body:is(.about-page, .consultant-page) #page-hero .header .pill--light .pill__icon {
    color: #2a2523;
    background: #fcfbfa;
}

body:is(.about-page, .consultant-page) #page-hero .header .pill--light .pill__icon svg path {
    fill: currentColor;
}

body:is(.about-page, .consultant-page) #page-hero .header .pill--light:is(:hover, :focus-visible) {
    color: #2a2523;
    background: rgb(42 37 35 / 8%);
}

body:is(.about-page, .consultant-page) #page-hero .header .pill--light:is(:hover, :focus-visible)::before {
    background: #fcfbfa;
}

body:is(.about-page, .consultant-page) #page-hero .header .pill--light:is(:hover, :focus-visible) .pill__icon {
    color: #fcfbfa;
    background: #2a2523;
}

@media (max-width: 899px) {
    body:is(.about-page, .consultant-page) #page-hero .header .menu {
        border-color: rgb(42 37 35 / 30%);
        background: rgb(42 37 35 / 8%);
    }
}