/* Local overrides on top of front.css — loaded after it in the layout.
   Keep this file small; anything structural belongs in the theme itself. */

/* Vertically center the nav links on the "Onze fondsen" button.
   The li items stretch to the button's height (36px) but the 24px link
   anchors were top-aligned, leaving the text 6px above the button's
   center. Desktop only — the collapsed mobile menu stacks normally. */
@media (min-width: 992px) {
    .navbar .navbar-nav .nav-item {
        display: flex;
        align-items: center;
    }
}

/* --- Brochure-CTA blok + registratie-popup --------------------------- */
.rvb-brochure-band { background: #E1F0F6; }
.rvb-brochure-img { max-height: 320px; }
.rvb-brochure-eyebrow {
    color: #A6192E; font-weight: 700; font-size: 0.8rem;
    text-transform: uppercase; letter-spacing: 0.12em; margin-bottom: 0.75rem;
}
.rvb-brochure-title { color: #004982; margin-bottom: 1rem; }

.rvb-popup-overlay {
    position: fixed; inset: 0; z-index: 1050;
    background: rgba(28, 43, 57, 0.45);
    display: flex; align-items: center; justify-content: center;
    padding: 1rem;
}
.rvb-popup {
    position: relative; display: flex; width: min(60rem, 100%);
    max-height: 92vh; background: #fff; overflow: hidden auto;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.35);
}
.rvb-popup-close {
    position: absolute; top: 0.5rem; right: 0.75rem; z-index: 2;
    background: none; border: 0; font-size: 1.75rem; line-height: 1;
    color: #6b7682; cursor: pointer;
}
.rvb-popup-close:hover { color: #1C2B39; }
.rvb-popup-info {
    flex: 0 0 42%; background: #004982; color: #fff;
    padding: 2.5rem 2rem; display: flex; flex-direction: column;
}
.rvb-popup-info h3 { color: #fff; font-size: 1.35rem; }
.rvb-popup-info p { color: #dbe7f1; font-size: 0.9rem; }
.rvb-popup-logo { width: 10rem; margin-bottom: 1.5rem; }
.rvb-popup-usps { list-style: none; padding: 0; margin: 0.5rem 0 1.5rem; }
.rvb-popup-usps li { display: flex; gap: 0.6rem; align-items: baseline; font-size: 0.9rem; margin-bottom: 0.6rem; }
.rvb-popup-check {
    display: inline-flex; align-items: center; justify-content: center;
    width: 1.15rem; height: 1.15rem; flex-shrink: 0; border-radius: 50%;
    background: #B4952D; color: #fff; font-size: 0.7rem;
}
.rvb-popup-cover { margin-top: auto; align-self: flex-end; max-width: 8rem; opacity: 0.95; }
.rvb-popup-form { flex: 1; padding: 2.5rem 2rem; }
.rvb-popup-form h3 { color: #004982; margin-bottom: 1.25rem; }
.rvb-popup-toggle { display: flex; gap: 0.75rem; margin-bottom: 1rem; }
.rvb-popup-toggle-option {
    flex: 1; border: 1px solid #ced4da; padding: 0.6rem 1rem;
    cursor: pointer; text-align: center;
}
.rvb-popup-toggle-option:has(input:checked) {
    border-color: #004982; background: #E1F0F6; font-weight: 600;
}
.rvb-popup-toggle-option input { margin-right: 0.4rem; }
@media (max-width: 767px) {
    .rvb-popup { flex-direction: column; }
    .rvb-popup-info { flex: none; }
    .rvb-popup-cover { display: none; }
}

/* --- Sticky navigatie (desktop; mobiel is al fixed via theme) -------- */
@media (min-width: 992px) {
    .navbar.mobile-fixed-top {
        position: sticky;
        top: 0;
        z-index: 1030;
        background-color: #fff;
        box-shadow: 0 2px 10px rgba(28, 43, 57, 0.08);
    }
}

/* --- Login-knop (Mijn Reyersen) in de navigatie ---------------------- */
.navbar .btn-login {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    margin-left: 0.75rem;
    border-radius: 2px;
    background: #004982;
    color: #fff;
    font-size: 1.25rem;
    transition: background 140ms ease;
}
.navbar .btn-login:hover { background: #003a68; color: #fff; }
@media (max-width: 991px) {
    .navbar .btn-login { margin: 0.5rem auto 0; }
}