@charset "UTF-8";
/* Bollenstreek 2027 – 07-responsive.css
 * Header-tussenstap 1081–1299 px, mobiele tabellen/agenda, hero op mobiel (22-10)
 * Bron: Extra CSS (Customizer), samengevoegd bij livegang 27-10-2026. Volgorde van de bestanden = oorspronkelijke volgorde (niet wijzigen zonder test).
 */

/* Header 2027: tussenstap 1081–1299 px, zodat het menu niet achter het logo schuift voordat het hamburgermenu verschijnt (≤1080 px) – 22-10-2026 */
@media (min-width:1081px) and (max-width:1299px){
body #logo a{width:190px !important;height:28px !important;background-size:contain !important;background-position:left center !important}
body #nav-main-menu ul > li > a{padding-left:7px !important;padding-right:7px !important;font-size:15px !important}
body #nav-main-menu ul{gap:0 !important}
}

/* Mobiel – 22-10-2026: overzichtstabellen (bijv. Sinterklaasintochten) als kaartjes; agenda zonder zijwaarts scrollen; agenda-intro niet op losse evenementpagina's */
@media (max-width:600px){
.bs-sint-tabel{overflow:visible}
.bs-sint-tabel thead{display:none}
.bs-sint-tabel table,.bs-sint-tabel tbody,.bs-sint-tabel tr,.bs-sint-tabel td{display:block;width:auto;border:0}
.bs-sint-tabel tr{background:#fff;border:1px solid #e3dccd;border-radius:10px;padding:12px 14px;margin:0 0 10px}
.bs-sint-tabel td{padding:0}
.bs-sint-tabel td:first-child{font-weight:700;font-size:17px;margin-bottom:2px}
.bs-sint-tabel td:nth-child(2),.bs-sint-tabel td:nth-child(3){display:inline}
.bs-sint-tabel td:nth-child(2)::after{content:" · "}
.bs-sint-tabel td:nth-child(4){font-size:15px;color:#555;margin-top:2px}
.tribe-events-l-container{overflow-x:clip}
}
.single-tribe_events .bs-agenda-intro{display:none}

/* Hero op mobiel en tablet (≤781 px): foto boven, tekstvak eronder in donkergroen, zodat de foto zichtbaar blijft – 22-10-2026 */
@media (max-width:781px){
.bs-hero{min-height:0 !important;padding:0 !important;display:block !important;overflow:visible}
.bs-hero > .wp-block-cover__image-background{position:relative !important;inset:auto !important;display:block;width:100% !important;height:auto !important;aspect-ratio:3/2;object-fit:cover}
.bs-hero > .wp-block-cover__background{display:none !important}
.bs-hero > .wp-block-cover__inner-container{position:relative;width:100% !important;max-width:none !important;margin:0 !important;padding:0 !important}
.bs-hero .bs-hero-panel{max-width:none !important;width:100% !important;border-radius:0 !important;background:#163D35 !important;padding:24px 20px 36px !important;margin:0 !important}
}
@media (min-width:600px) and (max-width:781px){.bs-hero > .wp-block-cover__image-background{aspect-ratio:16/9}}

/* 27-10-2026 (v0.8.2): homepage "Ontdek de Bollenstreek" op mobiel 1 kolom (foto links, tekst rechts), zoals de routes-blokken */
@media (max-width:600px){body .bs-home .bs-pillars .bs-grid{grid-template-columns:1fr !important}}