/* MUAH Shoshanna: compacte, zelfstandige banner; geen externe fonts/scripts nodig. */
html.muahsh-banner-dismissed .muahsh-banner:not(.muahsh-banner--preview),
.muahsh-banner[hidden] { display: none !important; }
.muahsh-banner,
.muahsh-banner * { box-sizing: border-box; }
.muahsh-banner {
    --muah-bg: #F8EEEA;
    --muah-fg: #51403E;
    --muah-accent: #AE7775;
    width: 100%;
    display: block;
    position: relative;
    z-index: 2147483000;
    background: var(--muah-bg);
    color: var(--muah-fg);
    border: 0;
    border-bottom: 1px solid rgba(105, 71, 68, .13);
    margin: 0;
    padding: 0;
    text-align: left;
    box-shadow: 0 2px 16px rgba(71, 44, 42, .035);
    font-family: inherit;
    line-height: 1.5;
}
.muahsh-banner__inner {
    width: min(100%, 1400px);
    min-height: 76px;
    margin: 0 auto;
    padding: 16px 52px 16px 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    position: relative;
}
.muahsh-banner__symbol {
    flex: none;
    font-family: Georgia, 'Times New Roman', serif;
    color: var(--muah-accent);
    font-size: 24px;
    line-height: 1;
    font-weight: normal;
}
.muahsh-banner__content {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 5px 13px;
    flex-wrap: wrap;
    min-width: 0;
}
.muahsh-banner__title {
    color: var(--muah-accent);
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -.3px;
    white-space: normal;
}
.muahsh-banner__message {
    color: var(--muah-fg);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.65;
    letter-spacing: .08px;
}
.muahsh-banner__message p,
.muahsh-banner__message p:last-child { display: inline; padding: 0; margin: 0 !important; color: inherit; font: inherit; line-height: inherit; }
.muahsh-banner__message p + p::before { content: ' '; }
.muahsh-banner__message a,
.muahsh-banner__link { color: var(--muah-accent); text-decoration: underline; text-underline-offset: 3px; }
.muahsh-banner__link {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.65;
    white-space: nowrap;
}
.muahsh-banner__link:hover,
.muahsh-banner__message a:hover { opacity: .7; color: var(--muah-accent); }
.muahsh-banner__close {
    position: absolute;
    top: 50%;
    right: 9px;
    transform: translateY(-50%);
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    appearance: none;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--muah-fg);
    opacity: .73;
    padding: 0;
    margin: 0;
    cursor: pointer;
    transition: background-color .2s ease, opacity .2s ease;
}
.muahsh-banner__close:hover { background: rgba(92, 69, 65, .075); opacity: 1; }
.muahsh-banner__close:focus-visible,
.muahsh-banner__link:focus-visible { outline: 2px solid var(--muah-accent); outline-offset: 2px; }
.muahsh-banner__close svg { display: block; width: 19px; height: 19px; }
@media (max-width: 767px) {
    .muahsh-banner__inner {
        padding: 15px 48px 15px 18px;
        gap: 10px;
        min-height: 80px;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .muahsh-banner__symbol { font-size: 20px; margin-top: 3px; }
    .muahsh-banner__content { justify-content: flex-start; align-items: flex-start; display: block; }
    .muahsh-banner__title { display: block; font-size: 18px; margin-bottom: 3px; }
    .muahsh-banner__message { font-size: 13px; line-height: 1.55; }
    .muahsh-banner__link { display: inline-block; font-size: 12px; margin-top: 5px; }
    .muahsh-banner__close { right: 4px; top: 8px; transform: none; width: 40px; height: 40px; }
}
@media (prefers-reduced-motion: reduce) {
    .muahsh-banner__close { transition: none; }
}
/* Preview wordt niet verborgen wanneer de bezoeker de live banner gesloten heeft. */
.muahsh-admin__preview { max-width: 1100px; border: 1px solid #dfd8d4; }
.muahsh-admin__preview .muahsh-banner { box-shadow: none; }
.muahsh-admin__preview .muahsh-banner__close { cursor: default; }

/* Divi: houd vaste navigatie onder de extra mededelingenbalk. */
body.muahsh-divi-header-offset #main-header {
    top: calc(var(--muahsh-main-header-base, 0px) + var(--muahsh-banner-height, 0px)) !important;
}
body.muahsh-divi-header-offset #top-header {
    top: calc(var(--muahsh-top-header-base, 0px) + var(--muahsh-banner-height, 0px)) !important;
}