﻿/* A quiet stone-colored header, with a flowing edge only on the home hero. */
.mr-theme #pok {
    border-bottom: 0;
    background: #e0e5eb;
}

.mr-theme .photo-site {
    position: relative;
    background: linear-gradient(115deg, #d9dfe6, #e7eaf0 62%, #d1dae4);
}

.mr-theme .mr-header {
    min-height: 100px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.mr-theme .mr-brand {
    gap: 13px;
    padding-inline-start: 16px;
/*    border-inline-start: 2px solid #a68e63;
*/}

.mr-theme .mr-brand img {
    width: 62px;
    height: 62px;
    filter: drop-shadow(0 4px 9px #34445619);
}

    .mr-theme .mr-brand strong {
        color: #ffd700
    }
.mr-theme .mr-brand small { color: #ffffff; }

.mr-theme .mr-header-links { gap: 7px; }
.mr-theme .mr-header-links a {
    padding: 8px 13px;
    border-radius: 11px;
    color: #ffffff;
    font-weight: 500;
    transition: background-color .2s ease, color .2s ease;
}
.mr-theme .mr-header-links a:hover,
.mr-theme .mr-header-links a[aria-current="page"] {
    background: #ffffffa8;
    color: #243f6d;
}

.mr-theme .mr-account-button {
    min-height: 48px;
    padding: 5px 11px 5px 15px;
    border: 1px solid #ffffffb5;
    border-radius: 14px;
    background: #fffffff0;
    box-shadow: 0 8px 20px #293b5512;
    color: #31445e;
}
.mr-theme .mr-header-account .dropdown-menu {
    min-width: 200px;
    transform: translate(-23px, 50px) !important;
}
.mr-theme .mr-header-account .mr-button--light {
    border-color: #ffffffbf;
    background: #ffffffc9;
    color: #34445b;
}

/* The SVG lives in the background layer: links, dropdowns and search stay interactive. */
.mr-theme .mr-header--hero .photo-site {
    isolation: isolate;
    background: linear-gradient(180deg, #538bff, #e7eaf0 62%, #e9fcff);
}
    .mr-theme .mr-header--hero .photo-site::before {
        content: "";
        position: absolute;
        inset: 0 0 auto;
        height: 285px;
        background: url("/img/decoration/header-wave.svg") center top / 102% 100% no-repeat;
        pointer-events: none;
        z-index: -1;
        opacity: 0.5;
    }
.mr-theme .mr-header--hero .mr-home-hero {
    position: relative;
    padding-top: 74px;
    padding-bottom: 76px;
}
.mr-theme .mr-header--hero .mr-kicker { color: #000000; }
.mr-theme .mr-header--hero .mr-home-hero__copy { position: relative; }

@media (max-width: 991.98px) {
    .mr-theme .mr-header-links { gap: 0; }
    .mr-theme .mr-header-links a { padding: 8px; }
    .mr-theme .mr-header--hero .mr-home-hero { padding-top: 82px; }
}

@media (max-width: 767.98px) {
    .mr-theme .mr-header { min-height: 78px; }
    .mr-theme .mr-brand { gap: 7px; padding-inline-start: 9px; }
    .mr-theme .mr-brand img { width: 43px; height: 45px; }
    .mr-theme .mr-header--hero .photo-site::before { height: 165px; }
    .mr-theme .mr-header--hero .mr-home-hero { padding-top: 45px; padding-bottom: 42px; }
    .mr-theme .mr-account-button { padding: 5px 9px; }
}

@media (prefers-reduced-motion: reduce) {
    .mr-theme .mr-header-links a { transition: none; }
}
