/* Vislokaal 2026: bovenbalk en gouden band (fork TO, 17 oktober 2026). Alle pagina's. */

/* 1. Bovenbalk: alles past tot 992 px breed, open-status naast het adres */
div#top-bar .row-inner { gap: 0; }
div#top-bar .mctb-search-block { flex: 0 1 230px; min-width: 170px; max-width: 260px; }
div#top-bar .topbar-vacancy { margin: 0 16px 0 14px; font-size: 14px; flex: 0 0 auto; }
div#top-bar .topbar-vacancy > span:last-child { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
div#top-bar .top-right { flex: 1 1 auto; min-width: 0; justify-content: flex-end; }
div#top-bar .top-right #et-info-phone .txt { font-size: 15px; }
div#top-bar .top-right #et-secondary-menu > ul > li { margin-left: 20px; }
div#top-bar .top-right #et-secondary-menu > ul > li > a { font-size: 15px; }
div#top-bar .menu-login { margin-left: 20px; }
div#top-bar .menu-login a { font-size: 15px; }
div#top-bar #et-secondary-nav > li.menu-item-12156, div#top-bar #et-secondary-nav > li.menu-item-13362 { display: none; }
@media (max-width: 1199px) { div#top-bar #et-secondary-nav > li.icon-sign { display: none; } }

/* Open-status (bovenbalk, mobiel menu en homepage) */
.vl26-open { display: inline-flex; align-items: center; gap: 8px; }
.vl26-open__dot { display: inline-block; width: 9px; height: 9px; border-radius: 50%; background: #9094a7; flex: 0 0 auto; }
.vl26-open.is-open .vl26-open__dot { background: #3cb371; box-shadow: 0 0 0 3px rgba(60, 179, 113, .2); }
.vl26-open.is-closed .vl26-open__dot { background: #c5aa73; }
#et-secondary-nav > li.vl26-open-item > a.vl26-open { display: inline-flex; }

/* 2. Gouden band: gekanteld goud lint met de beloftes, navy lint met Fish to the people! eronder */
#main-footer.vl-footer { overflow-x: clip; }
@supports not (overflow: clip) { #main-footer.vl-footer { overflow-x: hidden; } }
#main-footer .vl-footer-trust { position: relative; z-index: 2; width: calc(100% + 160px); margin: 0 0 0 -80px; background: #c5aa73; transform: translateY(-26px) rotate(1.3deg); transform-origin: 50% 50%; box-shadow: 0 12px 26px rgba(23, 38, 77, .22); overflow: hidden; }
#main-footer .vl-footer-trust__track { height: auto; padding: 28px 0 26px 80px; animation: none; }
#main-footer .vl-footer-trust .vl-footer-trust__label { font: 700 32px/1 "Roboto Serif", Georgia, serif; letter-spacing: .01em; text-shadow: 0 1px 0 rgba(120, 90, 40, .25); }
#main-footer .vl-footer-trust.vl26-band-run .vl-footer-trust__track { animation: vl26-band-slide var(--vl26-dur, 38s) linear infinite; will-change: transform; }
#main-footer .vl-footer-trust.vl26-band-run:hover .vl-footer-trust__track,
#main-footer .vl-footer-trust.vl26-band-run:focus-within .vl-footer-trust__track,
#main-footer .vl-footer-trust.vl26-band-paused .vl-footer-trust__track { animation-play-state: paused; }
@keyframes vl26-band-slide { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(var(--vl26-shift, -2093px), 0, 0); } }
#main-footer .vl26-band-toggle { position: absolute; right: 100px; bottom: 6px; z-index: 3; padding: 6px 12px; border: 0; border-radius: 4px; background: #2e4881; color: #fff; font: 600 13px/1.2 Roboto, Arial, sans-serif; cursor: pointer; opacity: 0; pointer-events: none; }
#main-footer .vl26-band-toggle:focus, #main-footer .vl26-band-toggle:focus-visible { opacity: 1; pointer-events: auto; outline: 3px solid #f8b840; outline-offset: 2px; }

#main-footer .vl-footer-brand-promise { position: relative; z-index: 1; margin-top: -70px; padding: 92px 0 30px; background: #2e4881; border: 0; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 14px), 0 100%); }
#main-footer .vl-footer-brand-promise__inner { display: flex; justify-content: center; padding-block: 0; }
#main-footer .vl-footer-brand-promise__tagline { color: #c5aa73; font: 700 64px/1.05 "Roboto Serif", Georgia, serif; letter-spacing: -.01em; text-align: center; white-space: normal; }
#main-footer .vl-footer-brand-promise__tagline sup { top: -1.1em; margin-left: 8px; color: #c5aa73; font: 700 22px/1 Roboto, Arial, sans-serif; }
#main-footer .vl-footer-brand-promise ul.vl-footer-brand-promise__usps { display: none !important; }

@media (max-width: 980px) {
	#main-footer .vl-footer-brand-promise__tagline { font-size: 48px; }
}
@media (max-width: 767px) {
	#main-footer .vl-footer-trust { width: calc(100% + 60px); margin: 0 0 0 -30px; transform: translateY(-14px) rotate(-2deg); }
	#main-footer .vl-footer-trust__track { padding: 14px 0 12px 30px; }
	#main-footer .vl-footer-trust__item { height: 44px; transform: none; margin-right: 0; }
	#main-footer .vl-footer-trust__icon { height: 44px; }
	#main-footer .vl-footer-trust__item--caught, #main-footer .vl-footer-trust__item--caught .vl-footer-trust__icon { width: 387px; }
	#main-footer .vl-footer-trust__item--caught .vl-footer-trust__label { margin-left: -197px; }
	#main-footer .vl-footer-trust__item--processed { width: 254px; margin-left: -2px; }
	#main-footer .vl-footer-trust__item--processed .vl-footer-trust__icon { width: 254px; }
	#main-footer .vl-footer-trust__item--processed .vl-footer-trust__label { margin-left: -200px; }
	#main-footer .vl-footer-trust__item--express { width: 350px; margin-left: -2px; }
	#main-footer .vl-footer-trust__item--express .vl-footer-trust__icon { width: 350px; }
	#main-footer .vl-footer-trust__item--express .vl-footer-trust__label { margin-left: -244px; }
	#main-footer .vl-footer-trust__item--cold { width: 315px; margin-left: -18px; }
	#main-footer .vl-footer-trust__item--cold .vl-footer-trust__icon { width: 315px; }
	#main-footer .vl-footer-trust__item--cold .vl-footer-trust__label { margin-left: -197px; }
	#main-footer .vl-footer-trust .vl-footer-trust__label { font-size: 19px; }
	#main-footer .vl26-band-toggle { right: 40px; }
	#main-footer .vl-footer-brand-promise { margin-top: -40px; padding: 54px 0 22px; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 8px), 0 100%); }
	#main-footer .vl-footer-brand-promise__tagline { font-size: 32px; }
	#main-footer .vl-footer-brand-promise__tagline sup { font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) {
	#main-footer .vl-footer-trust .vl-footer-trust__track { animation: none !important; transform: none !important; }
	#main-footer .vl26-band-toggle { display: none; }
}
