@charset "UTF-8";
/* Bollenstreek 2027 – 14-search.css
 * Loep in het hoofdmenu + zoekresultatenpagina (search.php). v0.12.0, 28-10-2026.
 */
/* Gedeeld zoekformulier */
.bs-sform,.bs-sform *{box-sizing:border-box}
.bs-sform label{display:block;font-family:Manrope,Arial,sans-serif;font-weight:700;font-size:14px;margin:0 0 8px;color:#163D35;text-align:left}
.bs-sform-row{display:flex;gap:8px}
.bs-sform input[type=search]{flex:1;min-width:0;height:48px;border:1.5px solid #163D35;border-radius:999px;padding:0 18px;font:500 16px Manrope,Arial,sans-serif;color:#163D35;background:#fff;box-shadow:none;-webkit-appearance:none;appearance:none;margin:0}
.bs-sform input[type=search]:focus{outline:3px solid rgba(198,0,104,.25);border-color:#C60068}
.bs-sform button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;border:0;border-radius:999px;padding:0 20px;background:#C60068;color:#fff;font:700 16px Manrope,Arial,sans-serif;cursor:pointer;margin:0;white-space:nowrap}
.bs-sform button:hover{background:#a10055}
.screen-reader-text{position:absolute !important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}

/* Loep in het menu (desktop): knop + uitklapvenster */
#bs-menu > li.bs-search{margin-left:10px}
#bs-menu .bs-search-btn{margin:0;width:40px;height:40px;padding:0;border-radius:999px;color:#163D35}
#bs-menu .bs-search-btn:hover,#bs-menu .bs-search.open .bs-search-btn{background:#F3EEE4}
#bs-menu .bs-search-pop{display:none;position:absolute;top:100%;right:0;width:380px;max-width:calc(100vw - 32px);margin-top:10px;background:#fff;border-radius:14px;box-shadow:0 12px 32px rgba(22,61,53,.16);padding:12px;z-index:70}
#bs-menu .bs-search.open .bs-search-pop{display:block}
#bs-menu .bs-search-pop button span{display:none}
#bs-menu .bs-search-pop button{width:48px;padding:0}
#bs-menu .bs-search + .bs-lang{margin-left:6px}

/* Mobiel menu: zoekveld altijd zichtbaar bovenaan */
@media (max-width:1080px){
  #bs-menu > li.bs-search{order:-1;margin:0 !important;padding:14px 20px !important;display:block !important;border-bottom:1px solid #F0EBE2 !important}
  #bs-menu .bs-search-btn{display:none !important}
  #bs-menu .bs-search .bs-sform-row{flex-direction:row !important}
  #bs-menu .bs-search .bs-sform input[type=search]{flex:1 1 auto;width:auto;min-width:0}
  #bs-menu .bs-search-pop{display:block !important;position:static;width:auto;max-width:none;margin:0;box-shadow:none;padding:0;background:transparent}
}

/* Zoekresultatenpagina */
body.search #main.bs-search-main{background:#FAF7F2;padding:36px 0 24px}
body.search .wrapper.bs-searchpage{box-sizing:border-box;width:auto;float:none;max-width:960px;margin:0 auto;padding:0 20px;font-family:Manrope,Arial,sans-serif;color:#163D35}
body.search .bs-searchpage *{box-sizing:border-box}
body.search .bs-search-head{max-width:720px;margin:0 0 28px;padding-top:48px !important}
body.search .bs-kicker{font-size:13px !important;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#C60068 !important;margin:0 0 6px}
body.search .bs-searchpage h1{font-family:Manrope,Arial,sans-serif !important;font-size:36px !important;line-height:1.15 !important;font-weight:800 !important;color:#163D35 !important;margin:0 0 8px;text-wrap:balance;word-break:break-word}
body.search .bs-search-count{font-size:17px;line-height:1.6;color:#3C5550;margin:0 0 18px}
body.search .bs-results{list-style:none;margin:0;padding:0;display:grid;gap:14px}
body.search .bs-result{list-style:none;margin:0;padding:0}
body.search .bs-result::before{display:none}
body.search .bs-result-link{display:flex;gap:18px;align-items:stretch;background:#fff;border:1px solid #E9DFCF;border-radius:16px;padding:12px;text-decoration:none;color:#163D35;transition:box-shadow .15s,border-color .15s}
body.search .bs-result-link:hover{border-color:#C60068;box-shadow:0 8px 24px rgba(22,61,53,.10)}
body.search .bs-result-img{flex:0 0 200px;aspect-ratio:3/2;border-radius:10px;overflow:hidden;background:#F3EEE4;display:block}
body.search .bs-result-img img{width:100%;height:100%;object-fit:cover;display:block;max-width:none;margin:0}
body.search .bs-result-body{display:flex;flex-direction:column;gap:6px;min-width:0;padding:4px 4px 4px 0}
body.search .bs-result-title{font-weight:800;font-size:19px;line-height:1.3;color:#163D35}
body.search .bs-result-ex{font-size:15px;line-height:1.55;color:#3C5550}
body.search .bs-result-more{margin-top:auto;font-weight:700;font-size:14px;color:#C60068}
body.search .bs-pagination{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:28px 0 0}
body.search .bs-pagination .page-numbers{display:inline-flex;align-items:center;min-width:42px;height:42px;padding:0 14px;justify-content:center;border-radius:999px;background:#fff;border:1px solid #E9DFCF;color:#163D35;font-weight:700;text-decoration:none}
body.search .bs-pagination .page-numbers.current{background:#163D35;border-color:#163D35;color:#fff}
body.search .bs-pagination a.page-numbers:hover{border-color:#C60068;color:#C60068}
body.search .bs-pagination .dots{border:0;background:transparent}
/* Snelkoppelingen (geen resultaten) */
body.search .bs-search-empty{background:#fff;border:1px solid #E9DFCF;border-radius:18px;padding:26px 24px;max-width:760px}
body.search .bs-search-linkstitle{font-weight:800;font-size:18px;margin:0 0 14px}
body.search .bs-qlinks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
body.search .bs-qlinks li{margin:0;padding:0;list-style:none}
body.search .bs-qlinks li::before{display:none}
body.search .bs-qlinks a{display:block;background:#F3EEE4;border-radius:12px;padding:14px 12px;font-weight:700;font-size:16px;color:#163D35;text-decoration:none;text-align:center}
body.search .bs-qlinks a:hover{background:#E9DFCF}
body.search .bs-qlinks a span{color:#C60068}
@media (max-width:640px){
  body.search .bs-searchpage h1{font-size:28px !important}
  body.search .bs-search-head{padding-top:32px !important}
  body.search .bs-result-link{flex-direction:column;gap:10px}
  body.search .bs-result-img{flex:0 0 auto;width:100%}
  body.search .bs-qlinks{grid-template-columns:1fr 1fr}
  body.search .bs-searchpage .bs-sform-row{flex-direction:column}
  body.search .bs-searchpage .bs-sform input[type=search]{flex:0 0 auto;width:100%}
}