/* visned.nl static export: search form + results (replaces Universal AJAX Live Search) */
.vn-search { display: flex; max-width: 640px; margin: 0 auto; border: 1px solid #d5dbe1; border-radius: 4px; background: #fff; overflow: hidden; }
.vn-search input { flex: 1; min-width: 0; border: 0; padding: 12px 16px; font-size: 16px; background: transparent; }
.vn-search input:focus { outline: none; }
.vn-search:focus-within { border-color: #0052A1; box-shadow: 0 0 0 3px rgba(0, 82, 161, .15); }
.vn-search button { border: 0; padding: 0 18px; background: #0052A1; color: #fff; cursor: pointer; transition: background .2s; }
.vn-search button:hover, .vn-search button:focus-visible { background: #003d78; }
.vn-search-page { padding: 40px 0 60px; }
.vn-search-page .vn-search { margin: 20px 0 10px; }
.vn-search-status { margin: 16px 0; color: #555; }
.vn-search-results { list-style: none; padding: 0; margin: 0; }
.vn-search-results li { padding: 16px 0; border-bottom: 1px solid #e5e9ed; }
.vn-search-results h3 { font-size: 1.15rem; margin: 0 0 4px; }
.vn-search-results h3 a { color: #0052A1; }
.vn-search-results p { margin: 0; }
.vn-search-date { font-size: .85rem; color: #777; margin-bottom: 4px !important; }
.vn-search-results mark { background: #fff2a8; padding: 0 1px; }

/* Dropdown menu: header above the slider + white background (z-index on the header section had no effect without position) */
.astroid-header-section { position: relative; z-index: 1000; }
.astroid-nav .megamenu-container { background: #fff; border-radius: 0 0 4px 4px; box-shadow: 0 8px 24px rgba(0, 0, 0, .15); }
.astroid-nav .megamenu-container .nav-submenu { background: #fff; box-shadow: none; }

/* News tiles with the title on the photo: white text + dark gradient, readable on light photos too */
#sp-buttons .uk-panel, .sp-buttons .uk-panel { position: relative; overflow: hidden; }
#sp-buttons .uk-panel::after, .sp-buttons .uk-panel::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 70%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .75)); pointer-events: none; }
#sp-buttons .uk-h2, .sp-buttons .uk-h2 { z-index: 1; pointer-events: none; }
#sp-buttons .uk-h2, #sp-buttons .uk-h2 a, #sp-buttons .uk-h2 time,
.sp-buttons .uk-h2, .sp-buttons .uk-h2 a, .sp-buttons .uk-h2 time { color: #fff !important; text-shadow: 0 1px 3px rgba(0, 0, 0, .6) !important; }

/* Info box (nieuwsbrief) */
.vn-notice-section { padding: 40px 0 60px; }
.vn-notice { max-width: 760px; margin: 0 auto; padding: 24px 28px; background: #eef4fb; border-left: 5px solid #0052A1; border-radius: 4px; }
.vn-notice h3 { margin: 0 0 10px; color: #0052A1; }
.vn-notice p { margin: 0 0 8px; }
.vn-notice p:last-child { margin-bottom: 0; }
.vn-notice a { color: #0052A1; text-decoration: underline; }