@charset "UTF-8";
/* Bollenstreek 2027 – 02-homepage.css
 * Homepage 2027 (.bs-home): hero, intro, kaarten, evenementen, overnachten, zo kom je + fixes v2–v6
 * Bron: Extra CSS (Customizer), samengevoegd bij livegang 27-10-2026. Volgorde van de bestanden = oorspronkelijke volgorde (niet wijzigen zonder test).
 */

/* ===== Nieuwe homepage (concept 2027) — alles binnen .bs-home. Toegevoegd 2026-10-08. ===== */
html:has(.bs-home){overflow-x:clip}
body:has(.bs-home) h1.title-post-single,
.wrapper-content-inside:has(.bs-home) > .wpzoom-breadcrumbs,
.wrapper-content-inside:has(.bs-home) > .post-meta-single,
.wrapper-content-inside:has(.bs-home) > .divider,
.wrapper-content-inside:has(.bs-home) > .post-share{display:none}
.wrapper-content-inside:has(.bs-home){padding:0}
.bs-home{width:100vw;margin-left:calc(50% - 50vw);color:#555}
.bs-home .bs-section{max-width:1100px;margin:0 auto;padding:48px 20px 0;box-sizing:border-box}
.bs-home h2{font-size:24px;line-height:1.3;color:#222;margin:0 0 20px}
.bs-home .bs-section-head{align-items:baseline;margin-bottom:20px}
.bs-home .bs-section-head h2{margin:0}
.bs-home .bs-more{margin:0}
.bs-home .bs-more a{color:#b0005f;font-weight:700;text-decoration:none}
.bs-home .bs-grid{gap:20px}
/* Hero */
.bs-home .bs-hero{min-height:540px;padding:0 20px 56px;box-sizing:border-box}
.bs-home .bs-hero .wp-block-cover__inner-container{max-width:1100px;width:100%;margin:0 auto}
.bs-home .bs-hero-panel{max-width:560px;box-sizing:border-box;padding:32px 36px;background:rgba(20,18,28,.78);border-radius:12px}
.bs-home .bs-eyebrow{margin:0;font-size:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#ffb3dd}
.bs-home .bs-hero-title{margin:10px 0 12px;font-size:38px;line-height:1.2;color:#fff}
.bs-home .bs-hero-text{margin:0 0 22px;font-size:17px;line-height:1.55;color:#f1eef4}
.bs-home .wp-block-buttons{gap:12px}
.bs-home .bs-btn-primary .wp-block-button__link{background:#e6007e;color:#fff;border-radius:10px;padding:13px 22px;font-weight:700;font-size:15px;text-decoration:none}
.bs-home .bs-btn-primary .wp-block-button__link:hover{background:#c4006b}
.bs-home .bs-btn-ghost .wp-block-button__link{background:transparent;color:#fff;border:2px solid #fff;border-radius:10px;padding:11px 20px;font-weight:700;font-size:15px;text-decoration:none}
/* Intro */
.bs-home .bs-intro h2{font-size:28px;margin:0}
.bs-home .bs-intro p{font-size:17px;line-height:1.65;margin:0}
.bs-home .bs-intro .wp-block-columns{gap:48px;margin:0}
/* Kaarten */
.bs-home .bs-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.bs-home .bs-card .bs-card-img{margin:0}
.bs-home .bs-card .bs-card-img img{display:block;width:100%;height:200px;object-fit:cover}
.bs-home .bs-card-title{margin:16px 18px 6px;font-size:18px;line-height:1.3}
.bs-home .bs-card-title a{color:#222;text-decoration:none}
.bs-home .bs-card-title a:hover{color:#e6007e}
.bs-home .bs-card-text{margin:0 18px 20px;font-size:14px;line-height:1.5;color:#666}
.bs-home .bs-card-compact .bs-card-img img{height:110px}
.bs-home .bs-card-compact .bs-card-title{margin:10px 12px 12px;font-size:15px}
.bs-home .bs-card-compact .bs-card-text{display:none}
.bs-home .bs-card-feature .bs-card-img img{height:260px}
.bs-home .bs-card-feature .bs-card-title{font-size:20px;margin:20px 24px 8px}
.bs-home .bs-card-feature .bs-card-text{margin:0 24px 24px;font-size:15px}
.bs-home .bs-card-row{margin-bottom:14px}
.bs-home .bs-card-row > .wp-block-group__inner-container{display:grid;grid-template-columns:84px 1fr;column-gap:16px;padding:12px;align-items:center}
.bs-home .bs-card-row .bs-card-img{grid-row:span 2}
.bs-home .bs-card-row .bs-card-img img{width:84px;height:76px;border-radius:8px}
.bs-home .bs-card-row .bs-card-title{margin:0;font-size:16px;align-self:end}
.bs-home .bs-card-row .bs-card-text{margin:4px 0 0;font-size:13px;align-self:start}
/* Evenementen */
.bs-home .bs-events{max-width:none;background:#fff;margin-top:56px;padding:48px max(20px,calc(50% - 530px))}
.bs-home .bs-event{background:#fff;border:1px solid #e6e6e6;border-radius:12px;padding:18px;gap:14px}
.bs-home .bs-date{flex-shrink:0;width:60px;height:64px;margin:0;border-radius:10px;background:#fdf0f7;color:#b0005f;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;font-weight:700;line-height:1.15;text-align:center}
.bs-home .bs-date strong{font-size:19px}
.bs-home .bs-date br{display:none}
.bs-home .bs-event-title{margin:0;font-size:16px;line-height:1.35}
.bs-home .bs-event-title a{color:#222;text-decoration:none}
.bs-home .bs-event-text{margin:6px 0 0;font-size:13px;color:#666}
/* Overnachten */
.bs-home .bs-stay{background:#fdf0f7;border-radius:16px;margin:56px auto 0;padding:40px 44px}
.bs-home .bs-stay .wp-block-columns{gap:40px;margin:0}
.bs-home .bs-stay p{font-size:16px;line-height:1.6}
.bs-home .bs-stay .bs-card{box-shadow:none}
/* Zo kom je */
.bs-home .bs-reach{padding-bottom:64px}
.bs-home .bs-reach .wp-block-columns{gap:20px;margin:0}
@media (max-width:781px){
.bs-home .bs-hero{min-height:420px;padding:0 0 0}
.bs-home .bs-hero-panel{border-radius:0;padding:24px 20px}
.bs-home .bs-hero-title{font-size:27px}
.bs-home .bs-section{padding-top:32px}
.bs-home .bs-intro h2{font-size:22px}
.bs-home .bs-stay{margin:32px 20px 0;padding:26px 22px}
.bs-home .bs-events{padding:32px 20px}
}
/* bs-home fixes v2 */
.bs-home{background:#f8f8f8}
.wrapper-content-inside:has(.bs-home) .post-single{margin:0 !important;width:auto !important;padding:0 !important;float:none !important}
.wrapper-content-inside:has(.bs-home), #content:has(.bs-home){background:#f8f8f8}
.bs-home .bs-card .bs-card-img, .bs-home .bs-card .bs-card-img a{display:block;width:100% !important;margin:0 !important;line-height:0}
.bs-home .bs-card .bs-card-img img{width:100% !important;max-width:100% !important;height:200px !important;object-fit:cover;display:block}
.bs-home .bs-card-compact .bs-card-img img{height:150px !important}
.bs-home .bs-card-feature .bs-card-img img{height:340px !important}
.bs-home .bs-card-row .bs-card-img img{height:100% !important;min-height:120px}
.bs-home .bs-hero .wp-block-cover__inner-container{margin:0 auto !important;max-width:1100px;width:100% !important}

/* bs-home fixes v3 */
.wrapper-main:has(.bs-home){padding-left:25px !important;padding-right:25px !important}
body:has(.bs-home){overflow-x:hidden}

/* bs-home fixes v4 */
.bs-home .bs-event-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important}
.bs-home .bs-event{min-width:0;overflow:hidden}
.bs-home .bs-event h3,.bs-home .bs-event p{overflow-wrap:anywhere;hyphens:auto}
@media (max-width:1000px){.bs-home .bs-event-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}
@media (max-width:781px){.bs-home .bs-event-grid{grid-template-columns:minmax(0,1fr) !important}.wrapper-main:has(.bs-home){padding-left:0 !important;padding-right:0 !important}}

/* bs-home mobile v5 */
@media (max-width:781px){
.bs-home .bs-grid{gap:12px !important}
.bs-home .bs-grid > .bs-card:not(.bs-card-compact) > .wp-block-group__inner-container{display:grid;grid-template-columns:96px minmax(0,1fr);column-gap:14px;align-items:center}
.bs-home .bs-grid > .bs-card:not(.bs-card-compact) .bs-card-img{grid-row:1 / span 2;margin:0 !important;height:96px}
.bs-home .bs-grid > .bs-card:not(.bs-card-compact) .bs-card-img img{height:96px !important}
.bs-home .bs-grid > .bs-card:not(.bs-card-compact) .bs-card-title{margin:12px 12px 2px 0 !important;align-self:end;font-size:17px}
.bs-home .bs-grid > .bs-card:not(.bs-card-compact) .bs-card-text{margin:0 12px 12px 0 !important;align-self:start}
.bs-home .bs-grid:has(> .bs-card:nth-child(4):last-child):not(:has(.bs-card-compact)){grid-template-columns:repeat(2,minmax(0,1fr)) !important}
.bs-home .bs-grid:has(> .bs-card:nth-child(4):last-child):not(:has(.bs-card-compact)) > .bs-card > .wp-block-group__inner-container{display:block}
.bs-home .bs-grid:has(> .bs-card:nth-child(4):last-child):not(:has(.bs-card-compact)) .bs-card-img{height:120px}
.bs-home .bs-grid:has(> .bs-card:nth-child(4):last-child):not(:has(.bs-card-compact)) .bs-card-img img{height:120px !important}
.bs-home .bs-grid:has(> .bs-card:nth-child(4):last-child):not(:has(.bs-card-compact)) .bs-card-title{margin:10px 12px 2px !important;font-size:15px}
.bs-home .bs-grid:has(> .bs-card:nth-child(4):last-child):not(:has(.bs-card-compact)) .bs-card-text{margin:0 12px 12px !important;font-size:13px}
}

/* bs-home fixes v6 */
.wrapper-content-inside:has(.bs-home){border:0 !important;box-shadow:none !important;padding:0 !important}
.wrapper-main:has(.bs-home){padding-bottom:0 !important;padding-top:0 !important}
.bs-home{padding-bottom:48px}