/* LinkVeilig V35.3.1 — vaste, responsieve publieke header. */
.site-header,#masthead,.site-branding,#site-navigation,.main-navigation,#main-nav,.main-menu,nav.primary-navigation,.primary-menu-container,.menu-toggle,.mobile-menu,#mobile-menu{display:none!important}
body.lvx-v19-virtual-page .lvx-utility-row,body.lvx-v19-virtual-page .lvx-bottom-row{display:none!important}

.lvx-global-header-spacer{display:none!important}
.lvx-global-header{
    position:-webkit-sticky;
    position:sticky;
    z-index:99990;
    top:0;
    left:0;
    right:0;
    width:100%;
    height:82px;
    margin:0;
    padding:0;
    background:#0000ff;
    color:#fff;
    box-shadow:0 2px 5px rgba(0,0,0,.18);
    font-family:Arial,Helvetica,sans-serif;
}
.admin-bar .lvx-global-header{top:32px}
.lvx-global-header *,.lvx-global-header *::before,.lvx-global-header *::after{box-sizing:border-box}
.lvx-global-header__inner{
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:clamp(4px,1.3vw,20px);
    padding:0 clamp(6px,2.1vw,32px);
    overflow:hidden;
}
.lvx-global-header__brand{
    flex:0 1 auto;
    min-width:0;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    text-decoration:none!important;
    font-size:clamp(24px,3vw,42px);
    line-height:1;
    font-weight:800;
    letter-spacing:-.7px;
    white-space:nowrap;
}
.lvx-global-header__actions{
    flex:0 1 auto;
    min-width:0;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:clamp(3px,.75vw,10px);
    white-space:nowrap;
}
.lvx-global-header .lvx-font-controls{display:inline-flex!important;align-items:center!important;gap:clamp(1px,.35vw,4px)!important;margin:0!important}
.lvx-global-header .lvx-font-controls button,.lvx-global-header__button{
    height:46px!important;
    min-height:46px!important;
    max-height:46px!important;
    border:1px solid #111!important;
    border-radius:7px!important;
    background:#fff!important;
    color:#111!important;
    -webkit-text-fill-color:#111!important;
    box-shadow:none!important;
    text-decoration:none!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-weight:700!important;
}
.lvx-global-header .lvx-font-controls button{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:clamp(28px,3.3vw,46px)!important;
    min-width:clamp(28px,3.3vw,46px)!important;
    padding:0!important;
    line-height:1!important;
    cursor:pointer;
}
.lvx-global-header .lvx-font-controls button[data-lvx-global-font="0"] span{font-size:15px!important}
.lvx-global-header .lvx-font-controls button[data-lvx-global-font="1"] span{font-size:17px!important}
.lvx-global-header .lvx-font-controls button[data-lvx-global-font="2"] span{font-size:19px!important}
.lvx-global-header .lvx-font-controls button[data-lvx-global-font="3"] span{font-size:21px!important}
.lvx-global-header .lvx-font-controls button[data-lvx-global-font="4"] span{font-size:23px!important}
.lvx-global-header .lvx-font-controls button.is-active{background:#eef2f8!important;color:#111!important;-webkit-text-fill-color:#111!important}
.lvx-global-header .lvx-font-controls button.is-disabled{opacity:.42!important;cursor:not-allowed!important;background:#e5e5e5!important}
.lvx-global-header .lvx-font-controls button:hover:not(.is-disabled),.lvx-global-header .lvx-font-controls button:focus-visible:not(.is-disabled),.lvx-global-header__button:hover,.lvx-global-header__button:focus-visible{background:#f0f0f0!important;color:#000!important;-webkit-text-fill-color:#000!important;outline:3px solid #fff!important;outline-offset:2px!important}
.lvx-global-header__button{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:clamp(58px,7.4vw,104px);
    padding:0 clamp(6px,1.25vw,18px)!important;
    font-size:clamp(13px,1.35vw,19px)!important;
    line-height:1!important;
    white-space:nowrap;
}

/* LinkVeilig-pagina's: slechts 8px buitenruimte links/rechts; theme blijft elders onaangeroerd. */
body.lvx-v19-virtual-page #page,
body.lvx-v19-virtual-page .site.grid-container{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
body.lvx-v19-virtual-page #content,
body.lvx-v19-virtual-page .site-content{padding-left:8px!important;padding-right:8px!important}
body.lvx-v19-virtual-page .inside-article,
body.lvx-v19-virtual-page .entry-content,
body.lvx-v19-virtual-page .page-content{padding-left:0!important;padding-right:0!important}

/* Keuzes/menu's: rondom 1px donkergrijs kader, zonder schaduw. */
.lvx-v19-public-wrap .lvx-nav-card,.lvx-v19-public-wrap .lvx-list-item,.lvx-v19-public-wrap .lvx-nav-card:hover,.lvx-v19-public-wrap .lvx-nav-card:focus,.lvx-v19-public-wrap .lvx-list-item:hover,.lvx-v19-public-wrap .lvx-list-item:focus{border:1px solid #666!important;border-top:1px solid #666!important;border-right:1px solid #666!important;border-bottom:1px solid #666!important;border-left:1px solid #666!important;box-shadow:none!important}

@media(max-width:980px){
    .lvx-global-header{height:74px}
    .lvx-global-header__inner{gap:8px;padding:0 12px}
    .lvx-global-header__brand{font-size:28px;letter-spacing:-.4px}
    .lvx-global-header__actions{gap:6px}
    .lvx-global-header .lvx-font-controls{gap:2px!important}
    .lvx-global-header .lvx-font-controls button,.lvx-global-header__button{height:40px!important;min-height:40px!important;max-height:40px!important}
    .lvx-global-header .lvx-font-controls button{width:34px!important;min-width:34px!important}
    .lvx-global-header__button{min-width:64px;padding:0 9px!important;font-size:14px!important}
    .lvx-global-header .lvx-font-controls button[data-lvx-global-font="0"] span{font-size:12px!important}
    .lvx-global-header .lvx-font-controls button[data-lvx-global-font="1"] span{font-size:14px!important}
    .lvx-global-header .lvx-font-controls button[data-lvx-global-font="2"] span{font-size:16px!important}
    .lvx-global-header .lvx-font-controls button[data-lvx-global-font="3"] span{font-size:18px!important}
    .lvx-global-header .lvx-font-controls button[data-lvx-global-font="4"] span{font-size:20px!important}
}
@media(max-width:782px){.admin-bar .lvx-global-header{top:46px}}
@media(max-width:700px){
    .lvx-global-header{height:66px}
    .lvx-global-header__inner{gap:5px;padding:0 7px}
    .lvx-global-header__brand{font-size:23px}
    .lvx-global-header__actions{gap:3px}
    .lvx-global-header .lvx-font-controls{gap:1px!important}
    .lvx-global-header .lvx-font-controls button,.lvx-global-header__button{height:36px!important;min-height:36px!important;max-height:36px!important;border-radius:5px!important}
    .lvx-global-header .lvx-font-controls button{width:28px!important;min-width:28px!important}
    .lvx-global-header__button{min-width:52px;padding:0 5px!important;font-size:11px!important}
}
@media(max-width:480px){
    .lvx-global-header{height:60px}
    .lvx-global-header__inner{gap:3px;padding:0 4px}
    .lvx-global-header__brand{font-size:18px;letter-spacing:-.2px}
    .lvx-global-header__actions{gap:2px}
    .lvx-global-header .lvx-font-controls button,.lvx-global-header__button{height:34px!important;min-height:34px!important;max-height:34px!important}
    .lvx-global-header .lvx-font-controls button{width:25px!important;min-width:25px!important}
    .lvx-global-header__button{min-width:45px;padding:0 3px!important;font-size:10px!important}
    .lvx-global-header .lvx-font-controls button[data-lvx-global-font="0"] span{font-size:10px!important}
    .lvx-global-header .lvx-font-controls button[data-lvx-global-font="1"] span{font-size:11px!important}
    .lvx-global-header .lvx-font-controls button[data-lvx-global-font="2"] span{font-size:12px!important}
    .lvx-global-header .lvx-font-controls button[data-lvx-global-font="3"] span{font-size:13px!important}
    .lvx-global-header .lvx-font-controls button[data-lvx-global-font="4"] span{font-size:14px!important}
}
@media(max-width:390px){
    .lvx-global-header{height:56px}
    .lvx-global-header__inner{gap:2px;padding:0 3px}
    .lvx-global-header__brand{font-size:15px;letter-spacing:0}
    .lvx-global-header__actions{gap:1px}
    .lvx-global-header .lvx-font-controls button,.lvx-global-header__button{height:31px!important;min-height:31px!important;max-height:31px!important;border-radius:4px!important}
    .lvx-global-header .lvx-font-controls button{width:20px!important;min-width:20px!important}
    .lvx-global-header__button{min-width:40px;padding:0 2px!important;font-size:9px!important}
    .lvx-global-header .lvx-font-controls button[data-lvx-global-font="0"] span{font-size:9px!important}
    .lvx-global-header .lvx-font-controls button[data-lvx-global-font="1"] span{font-size:10px!important}
    .lvx-global-header .lvx-font-controls button[data-lvx-global-font="2"] span{font-size:11px!important}
    .lvx-global-header .lvx-font-controls button[data-lvx-global-font="3"] span{font-size:12px!important}
    .lvx-global-header .lvx-font-controls button[data-lvx-global-font="4"] span{font-size:13px!important}
}

.lvx-scroll-top{position:fixed;right:22px;bottom:22px;z-index:99980;display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:1px solid #555;border-radius:50%;background:#fff;color:#0000ff;font:800 30px/1 Arial,Helvetica,sans-serif;box-shadow:0 3px 10px rgba(0,0,0,.18);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .15s ease,transform .15s ease,visibility .15s ease}
.lvx-scroll-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}
.lvx-scroll-top:hover,.lvx-scroll-top:focus-visible{background:#f3f6ff;color:#FF4500;outline:3px solid rgba(0,0,255,.22);outline-offset:2px}
.lvx-scroll-top:disabled{display:none}
@media(max-width:620px){.lvx-scroll-top{right:12px;bottom:12px;width:44px;height:44px;font-size:27px}}

/* V35.3.1 — iPad/tablet portrait: Safari kan sticky verliezen door theme-containers.
   Alleen in portrait op tabletbreedte gebruiken we daarom fixed + gereserveerde ruimte. */
@media (orientation:portrait) and (min-width:701px) and (max-width:980px){
    .lvx-global-header{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important}
    body{padding-top:74px!important}
    body.admin-bar .lvx-global-header{top:46px!important}
}
@media (orientation:portrait) and (min-width:981px) and (max-width:1180px){
    .lvx-global-header{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important}
    body{padding-top:82px!important}
    body.admin-bar .lvx-global-header{top:32px!important}
}
