@charset "utf-8";
/* NAOIH – dunne leesvoortgangslijn direct onder de vastgezette titel.
   Het script bepaalt het eindpunt van de actieve sticky kop en de
   documentvoortgang. Geen invloed op de hero- of stackanimaties. */
.naoih-reading-progress {
    /* De balk leeft BINNEN de vaste Spiderman-header; nooit in de footer. */
    position: absolute;
    top: 100%;
    bottom: auto;
    left: 0;
    right: 0;
    width: 100%;
    height: 6px;
    z-index: 2;
    overflow: hidden;
    background: rgba(211, 152, 88, .22);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .2s ease, visibility .2s ease;
}
.naoih-reading-progress.is-visible {
    opacity: 1;
    visibility: visible;
}
.naoih-reading-progress__fill {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, #C98948, #EACEAA 78%, #D39858);
    transform: scaleX(0);
    transform-origin: left center;
    will-change: transform;
}
@media (prefers-reduced-motion: reduce) {
    .naoih-reading-progress { transition: none; }
    .naoih-reading-progress__fill { will-change: auto; }
}
/* Nieuw middenlogo behoudt zijn originele goud-en-blauwe kleuren. */
.footer-bottom .footer-na-logo { filter: none !important; }
/* Rechtsonder: rustige makervermelding, als los footer-element. */
.footer-bottom .footer-verbazer-credit {
    position: absolute;
    right: clamp(12px, 3.8vw, 36px);
    bottom: calc(clamp(1.75rem, 5svh, 3.5rem) + 1.05rem);
    z-index: 4;
    color: var(--blue, #203A5A);
    font-family: var(--font-body, "Inter", sans-serif);
    font-size: clamp(.68rem, 2.7vw, .82rem);
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: .035em;
    text-decoration: none;
    white-space: nowrap;
}
.footer-bottom .footer-verbazer-credit:hover { text-decoration: underline; text-underline-offset: .22em; }
.footer-bottom .footer-verbazer-credit:focus-visible {
    outline: 2px solid var(--honey, #D39858);
    outline-offset: 5px;
    border-radius: 2px;
}
body:not(.naoih-video-page) .footer-bottom .footer-verbazer-credit {
    color: var(--offwhite, #FCFAF6);
    bottom: 1.6rem;
}
@media (max-width: 340px) {
    .footer-bottom .footer-verbazer-credit {
        right: 10px;
        font-size: .67rem;
    }
}