@charset "UTF-8";
/* Bollenstreek 2027 – 03-header-footer.css
 * Header en footer 2027: menu, logo, taalmenu, golfrand, mobiel menu (bs-header-proto, bs-proto v2–v4)
 * Bron: Extra CSS (Customizer), samengevoegd bij livegang 27-10-2026. Volgorde van de bestanden = oorspronkelijke volgorde (niet wijzigen zonder test).
 */

/* ===== bs-header-proto 2027 (alleen conceptpagina 56504) ===== */
@font-face{font-family:'Manrope';font-style:normal;font-weight:400 800;font-display:swap;src:url(https://fonts.gstatic.com/s/manrope/v20/xn7gYHE41ni1AdIRggexSvfedN4.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
body{background:#FAF7F2}
body #container{position:relative}
body header{background:#fff !important;height:76px;padding:0 !important;margin:0 !important;border-bottom:1px solid #E9DFCF}
body header .wrapper-header{width:auto !important;max-width:1360px;margin:0 auto;padding:0 32px !important;height:76px;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box}
body #logo{width:auto !important;float:none !important;margin:0 !important;padding:0 !important;height:auto !important}
body #logo a{display:block !important;width:230px;height:36px !important;background:url(/wp-content/uploads/2026/10/logo-kleur-q.png) left center/contain no-repeat}
body #logo img{display:none !important}
body header .cleaner,body #nav-main-menu .cleaner{display:none !important}
body #nav-main-menu{position:absolute;top:0;left:0;right:0;height:76px;background:transparent !important;border:0 !important;pointer-events:none;z-index:50;margin:0}
body #nav-main-menu .wrapper-menu{width:auto !important;max-width:1360px;margin:0 auto;padding:0 32px !important;height:76px;display:flex;justify-content:flex-end;align-items:center;box-sizing:border-box}
body #main{margin-top:0 !important;padding-top:0 !important}
body.bs-newnav #menu-main,body.bs-newnav .selectnav{display:none !important}
#bs-menu{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:2px;pointer-events:auto;font-family:Manrope,Arial,sans-serif}
#bs-menu li{list-style:none;margin:0;padding:0;background:none;border:0}
#bs-menu > li{position:relative;display:flex;align-items:center}
#bs-menu a{text-decoration:none}
#bs-menu > li > a{display:block;padding:10px 12px;font-size:16px;font-weight:700;color:#163D35;border-radius:999px;line-height:1.2;text-transform:none;letter-spacing:0}
#bs-menu > li > a:hover{background:#F3EEE4;color:#163D35}
#bs-menu .bs-sub-toggle{border:0;background:transparent;color:#163D35;cursor:pointer;padding:6px 4px;margin-left:-8px;display:flex;align-items:center;justify-content:center;border-radius:6px;min-height:32px;font-family:Manrope,Arial,sans-serif}
#bs-menu > li > ul{position:absolute;top:100%;left:0;min-width:220px;background:#fff;border-radius:14px;box-shadow:0 12px 32px rgba(22,61,53,.16);padding:8px;margin:10px 0 0;display:none;z-index:60}
#bs-menu > li > ul::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
#bs-menu > li:hover > ul,#bs-menu > li:focus-within > ul,#bs-menu > li.open > ul{display:block}
#bs-menu > li > ul a{display:block;padding:10px 14px;border-radius:8px;font-size:15px;font-weight:600;color:#163D35;white-space:nowrap}
#bs-menu > li > ul a:hover{background:#FAF7F2;color:#C60068}
#bs-menu .bs-lang{margin-left:14px}
#bs-menu .bs-lang-btn{margin:0;padding:8px 14px;border:1.5px solid #163D35;border-radius:999px;font-weight:700;font-size:14px;gap:6px}
#bs-menu .bs-lang > ul{left:auto;right:0;min-width:160px}
.bs-burger{display:none}
#bs-menu a:focus-visible,#bs-menu button:focus-visible,.bs-burger:focus-visible{outline:3px solid #C60068;outline-offset:2px}
@media (max-width:1080px){
body header,body header .wrapper-header{height:64px}
body header .wrapper-header{padding:0 12px 0 16px !important}
body #logo a{width:190px;height:30px !important}
body .bs-burger{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;background:transparent;color:#163D35;padding:0;cursor:pointer}
body #nav-main-menu{top:64px;height:auto;pointer-events:auto;display:none !important}
body.bs-nav-open #nav-main-menu{display:block !important;background:#fff !important;border-bottom:1px solid #E9DFCF !important;box-shadow:0 16px 24px rgba(22,61,53,.10)}
body #nav-main-menu .wrapper-menu{height:auto;padding:4px 0 16px !important;display:block}
#bs-menu{flex-direction:column;align-items:stretch;gap:0}
#bs-menu > li{flex-wrap:wrap;border-bottom:1px solid #F0EBE2}
#bs-menu > li > a{flex:1;padding:16px 20px;border-radius:0;font-size:17px}
#bs-menu > li > a:hover{background:transparent;color:#C60068}
#bs-menu .bs-sub-toggle{width:56px;height:52px;margin:0}
#bs-menu > li > ul{position:static;width:100%;box-shadow:none;border-radius:0;background:#FAF7F2;margin:0;padding:6px 0}
#bs-menu > li > ul::before{display:none}
#bs-menu > li:hover > ul,#bs-menu > li:focus-within > ul{display:none}
#bs-menu > li.open > ul{display:block}
#bs-menu > li > ul a{padding:12px 36px;font-size:16px}
#bs-menu .bs-lang{margin:14px 20px 0;border:0;flex-wrap:nowrap;gap:8px}
#bs-menu .bs-lang-btn{width:auto;height:auto;padding:10px 16px;background:#C60068;color:#fff;border-color:#C60068}
#bs-menu .bs-lang > ul,#bs-menu .bs-lang:hover > ul{display:flex !important;gap:8px;background:transparent;padding:0;width:auto}
#bs-menu .bs-lang > ul a{padding:10px 14px;border:1.5px solid #E9DFCF;border-radius:999px;font-size:14px;font-weight:700}
}
/* huisstijl 1.0 op de concept-homepage */
body .bs-home{font-family:Manrope,Arial,sans-serif;color:#163D35;background:#FAF7F2 !important}
body .wrapper-content-inside:has(.bs-home),body #content:has(.bs-home){background:#FAF7F2}
body .bs-home h1,body .bs-home h2,body .bs-home h3{font-family:Manrope,Arial,sans-serif;color:#163D35;letter-spacing:-.01em}
body .bs-home h1,body .bs-home h2{font-weight:800}
body .bs-home .bs-hero h1,body .bs-home .bs-hero p{color:#fff}
body .bs-home p{font-family:Manrope,Arial,sans-serif}

/* bs-header-proto fallback: huidig menu in nieuwe stijl (zonder script) */
body #menu-main{width:auto !important;float:none !important;pointer-events:auto;display:flex;align-items:center;background:none !important;margin:0 !important}
body #menu-main > li{float:none !important;border:0 !important;background:none !important;margin:0 !important;padding:0 !important}
body #menu-main > li > a{font-family:Manrope,Arial,sans-serif !important;font-size:16px !important;font-weight:700 !important;color:#163D35 !important;padding:10px 12px !important;border-radius:999px;text-transform:none !important;border:0 !important;background:none !important;line-height:1.2 !important;text-shadow:none !important}
body #menu-main > li > a:hover{background:#F3EEE4 !important}
body #menu-main > li.wpml-ls-item > a{border:1.5px solid #163D35 !important;margin-left:14px;padding:8px 14px !important;font-size:14px !important}
body #menu-main .wpml-ls-flag,body #menu-main .sf-sub-indicator{display:none !important}
body #menu-main ul{background:#fff !important;border:0 !important;border-radius:12px;box-shadow:0 12px 32px rgba(22,61,53,.16);padding:6px !important}
body #menu-main ul a{font-family:Manrope,Arial,sans-serif !important;color:#163D35 !important;border:0 !important;background:none !important;font-weight:600 !important;padding:9px 12px !important;border-radius:8px}
body #menu-main ul a:hover{background:#FAF7F2 !important;color:#C60068 !important}
@media (max-width:1080px){
body:not(.bs-newnav) #nav-main-menu{display:block !important;top:0;left:auto;right:16px;height:64px;pointer-events:auto}
body:not(.bs-newnav) #nav-main-menu .wrapper-menu{height:64px;padding:0 !important;display:flex !important;align-items:center}
body:not(.bs-newnav) #menu-main{display:none !important}
body:not(.bs-newnav) .selectnav{display:block !important;width:auto !important;height:44px;margin:0 !important;-webkit-appearance:none;appearance:none;border:1.5px solid #163D35;border-radius:999px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5' fill='none' stroke='%23163D35' stroke-width='2'/%3E%3C/svg%3E") right 14px center no-repeat;padding:0 36px 0 16px;font-family:Manrope,Arial,sans-serif;font-weight:700;font-size:15px;color:#163D35}
}

/* bs-proto v2: vectorlogo, taalmenu, footer, golfrand (alleen 56504) */
body #logo a{width:230px;height:34px !important;background-image:url(/wp-content/uploads/2026/10/bollenstreek-nl-logo.png) !important}
@media (max-width:1080px){body #logo a{width:190px;height:28px !important}}
body #menu-main .wpml-ls-item > ul,#bs-menu > li > ul{background:#fff !important;border:0 !important;border-radius:14px !important;box-shadow:0 12px 32px rgba(22,61,53,.16) !important;padding:8px !important;min-width:180px}
body #menu-main .wpml-ls-item > ul li,#bs-menu li{background:none !important;border:0 !important;box-shadow:none !important}
body #menu-main .wpml-ls-item > ul a,#bs-menu > li > ul a{display:block !important;background:none !important;color:#163D35 !important;font-family:Manrope,Arial,sans-serif !important;font-weight:600 !important;font-size:15px !important;padding:10px 14px !important;border-radius:8px !important;border:0 !important;text-shadow:none !important}
body #menu-main .wpml-ls-item > ul a:hover,#bs-menu > li > ul a:hover{background:#FAF7F2 !important;color:#C60068 !important}
body #menu-main .wpml-ls-item > ul{right:0;left:auto !important}
body .bs-home .bs-btn-primary .wp-block-button__link{background:#C60068 !important;border-color:#C60068 !important}
body .bs-home .bs-hero{position:relative}
body .bs-home .bs-hero::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:32px;z-index:2;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 32' preserveAspectRatio='none'%3E%3Cpath d='M0 20C240 4 480 0 720 10s480 20 720 4V32H0z' fill='%23FAF7F2'/%3E%3C/svg%3E") center bottom/100% 100% no-repeat}
body footer{background:#163D35 !important;color:#E9DFCF !important;font-family:Manrope,Arial,sans-serif !important;position:relative;margin-top:48px !important;padding:76px 0 0 !important;border:0 !important}
body footer::before{content:"";position:absolute;left:0;right:0;top:-1px;height:32px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 32' preserveAspectRatio='none'%3E%3Cpath d='M0 0H1440V12C1200 28 960 30 720 20S240 2 0 14z' fill='%23FAF7F2'/%3E%3C/svg%3E") center top/100% 100% no-repeat}
body footer > .wrapper{width:auto !important;max-width:1360px;margin:0 auto !important;padding:0 32px !important;display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 40px;box-sizing:border-box}
body footer > .wrapper::before{content:"";grid-column:1/-1;display:block;width:230px;height:34px;background:url(/wp-content/uploads/2026/10/bollenstreek-nl-logo-wit.png) left center/contain no-repeat;margin-bottom:12px}
body footer .column{width:auto !important;float:none !important;margin:0 !important;padding:0 !important}
body footer .cleaner{display:none !important}
body footer .widget{margin:0 0 24px !important;padding:0 !important;border:0 !important}
body footer .title-widget,body footer .title{font-family:Manrope,Arial,sans-serif !important;font-weight:800 !important;font-size:16px !important;color:#fff !important;text-transform:none !important;letter-spacing:0 !important;margin:0 0 12px !important;border:0 !important;padding:0 !important;background:none !important}
body footer ul{margin:0 !important;padding:0 !important;list-style:none !important}
body footer li{border:0 !important;padding:4px 0 !important;margin:0 !important;background:none !important;font-size:15px !important;line-height:1.4 !important}
body footer a{color:#E9DFCF !important;text-decoration:none !important;font-family:Manrope,Arial,sans-serif !important}
body footer a:hover{color:#fff !important;text-decoration:underline !important}
body footer p,body footer .textwidget{color:#E9DFCF !important;font-size:14px !important;line-height:1.6 !important;font-family:Manrope,Arial,sans-serif !important}
body footer > .wrapper > div:not(.column):not(.cleaner){grid-column:1/-1;border-top:1px solid rgba(255,255,255,.16);padding:20px 0 28px !important;margin:8px 0 0 !important;color:rgba(233,223,207,.8) !important;font-size:13px !important;width:auto !important}
body footer > .wrapper > div:not(.column):not(.cleaner) *{color:rgba(233,223,207,.85) !important;font-size:13px !important}
@media (max-width:900px){body footer > .wrapper{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 20px !important;gap:8px 24px}}
@media (max-width:520px){body footer > .wrapper{grid-template-columns:minmax(0,1fr)}}

/* bs-proto v3: opruimen boven/onder footer */
body #comments,body #comments .divider{display:none !important}
body .wpml-ls-statics-footer{background:#163D35 !important;margin:0 !important;padding:0 0 24px !important;border:0 !important}
body .wpml-ls-statics-footer a{color:#E9DFCF !important;background:none !important;font-family:Manrope,Arial,sans-serif !important;font-size:13px !important}
body .wpml-ls-statics-footer a:hover{color:#fff !important}

/* bs-proto v4: mobiel menu */
@media (max-width:1080px){
body #nav-main-menu,body #nav-main-menu .wrapper-menu,#bs-menu,#bs-menu li,#bs-menu a{text-align:left !important}
#bs-menu > li{border-bottom:1px solid #F0EBE2 !important;justify-content:space-between}
#bs-menu > li > a{padding:16px 20px !important;font-size:17px !important;border-radius:0 !important}
#bs-menu > li > ul{background:#FAF7F2 !important;border-radius:0 !important;box-shadow:none !important;padding:4px 0 10px !important;min-width:0 !important;margin:0 !important}
#bs-menu > li > ul a{padding:12px 36px !important;font-size:16px !important;border-radius:0 !important}
#bs-menu .bs-lang{flex-wrap:wrap !important;margin:16px 20px 0 !important;border:0 !important}
#bs-menu .bs-lang-btn{display:none !important}
#bs-menu .bs-lang > ul{display:flex !important;flex-wrap:wrap !important;gap:8px !important;width:100% !important;background:none !important;padding:0 !important;box-shadow:none !important}
#bs-menu .bs-lang > ul a{border:1.5px solid #E9DFCF !important;border-radius:999px !important;padding:8px 14px !important;font-size:14px !important;font-weight:700 !important}
}