/*
 * Mortgage site color overrides.
 * No scoping needed — this file only loads on the mortgage child theme.
 */

:root {
    --wp--preset--color--cobalt: #003036;
    --wp--preset--color--coral: #00FBF0;
}

.rl-header.rl-header_cobalt .rl-header__utility-menu {
    background-color: #BFDDDB;
}

.rl-header.rl-header_cobalt .rl-header__utility-menu a {
    color: #003036;
}

.rl-header.rl-header_cobalt .rl-header__utility-menu a:hover,
.rl-header.rl-header_cobalt .rl-header__utility-menu a:active,
.rl-header.rl-header_cobalt .rl-header__utility-menu a:focus,
.rl-header.rl-header_cobalt .rl-header__utility-menu a:focus-visible {
    color: #65615c;
}

.rl-header.rl-header_cobalt .rl-header__region button svg path {
    stroke: #003036;
}

.rl-header.rl-header_cobalt .rl-header__region button:hover svg path {
    stroke: #65615c;
}

/* Logo color swaps when mobile menu opens on off-white background */
.rl-header_active-mobile-menu .rl-header__logo svg path[fill="white"] {
    fill: #003036 !important;
}

.rl-header_active-mobile-menu .rl-header__logo svg path[fill="black"] {
    fill: white !important;
}