/* Bosstad Tweewielers – footer v6 (2026-09-25). Hoort bij novamira-sandbox/bosstad-footer.php.
   Eigen markup (.bs-footer), geen Solace-footerlagen meer. Telefoon: native <details>-groepen, geen JS-animatie,
   dus niets kan flikkeren of haperen. Tokens: --bs-* uit bosstad-design-system.css. */

#site-footer.bs-footer,#site-footer.bs-footer *{box-sizing:border-box}
#site-footer.bs-footer{position:relative;margin:0;padding:0;border-top:4px solid var(--bs-turquoise,#33C7B7);background-color:var(--bs-dark,#0E1214);color:var(--bs-on-dark,#D2D9DA);font-family:var(--bs-font-body,Barlow,sans-serif);-webkit-font-smoothing:antialiased}
body.solacewp #site-footer.bs-footer a{text-decoration:none}
body.solacewp #site-footer.bs-footer a:hover{opacity:1}

/* ---- bovenste deel: merk + navigatie ---- */
.bs-footer__inner{max-width:var(--bs-wrap,1440px);margin:0 auto;padding:56px 48px 44px;display:grid;grid-template-columns:minmax(240px,1.15fr) minmax(0,4fr);gap:32px 56px;align-items:start}
.bs-footer__brand{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.bs-footer__logo{display:inline-block;line-height:0}
.bs-footer__logo img{display:block;width:236px;max-width:100%;height:auto;background:transparent;border-radius:0}
.bs-footer__tagline,body.solacewp .bs-footer__tagline{margin:0;font-family:var(--bs-font-body,Barlow,sans-serif);font-size:16px;line-height:1.5;font-weight:500;color:var(--bs-on-dark-muted,#C3CBCD)}
.bs-footer__social{margin:4px 0 0}

.bs-footer__nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px 32px}
.bs-footer__group{margin:0;padding:0;border:0;background:transparent}
.bs-footer__summary,body.solacewp .bs-footer__summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;padding:0;list-style:none;cursor:default;pointer-events:none;font-family:var(--bs-font-body,Barlow,sans-serif);font-size:11.5px;font-weight:700;letter-spacing:3px;text-transform:uppercase;line-height:1.4;color:#fff}
.bs-footer__summary::-webkit-details-marker{display:none}
.bs-footer__summary::marker{content:""}
.bs-footer__chev{display:none;flex:0 0 18px;width:18px;height:18px}
.bs-footer__list,body.solacewp .bs-footer__list{list-style:none;margin:0;padding:0}
.bs-footer__list li{margin:0;padding:0;list-style:none}
.bs-footer__list li::marker{content:""}
.bs-footer__list a,body.solacewp .bs-footer__list a{display:inline-block;padding:5px 0;font-size:15.5px;line-height:1.45;font-weight:400;color:var(--bs-on-dark-muted,#C3CBCD);text-decoration:none;transition:color .15s var(--bs-ease,ease)}
.bs-footer__list a:hover,.bs-footer__list a:focus-visible,body.solacewp .bs-footer__list a:hover{color:var(--bs-turquoise,#33C7B7)}

/* ---- onderbalk ---- */
.bs-footer__bottom{border-top:1px solid rgba(255,255,255,.1)}
.bs-footer__bottom-inner{max-width:var(--bs-wrap,1440px);margin:0 auto;padding:18px 48px 24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 24px}
.bs-footer__copy,.bs-footer__legal,body.solacewp .bs-footer__copy,body.solacewp .bs-footer__legal{margin:0;font-family:var(--bs-font-body,Barlow,sans-serif);font-size:13.5px;line-height:1.5;font-weight:500;color:var(--bs-on-dark-muted,#C3CBCD)}
.bs-footer__legal{display:flex;flex-wrap:wrap;gap:6px 18px}
.bs-footer__legal a,body.solacewp .bs-footer__legal a{color:var(--bs-on-dark-muted,#C3CBCD);text-decoration:none}
.bs-footer__legal a:hover,.bs-footer__legal a:focus-visible,body.solacewp .bs-footer__legal a:hover{color:var(--bs-turquoise,#33C7B7)}

/* ---- tablet ---- */
@media(max-width:1199px){
	.bs-footer__inner{grid-template-columns:1fr;gap:36px;padding:48px 32px 36px}
	.bs-footer__nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px}
	.bs-footer__bottom-inner{padding:16px 32px 22px}
}

/* ---- telefoon: uitklapgroepen zonder animatie ---- */
@media(max-width:767px){
	.bs-footer__inner{display:block;padding:40px 20px 24px}
	.bs-footer__brand{gap:14px}
	.bs-footer__logo img{width:190px}
	.bs-footer__nav{display:block;margin-top:28px;border-top:1px solid rgba(255,255,255,.12)}
	.bs-footer__group{border-bottom:1px solid rgba(255,255,255,.12)}
	/* Eén stijl voor alle toestanden (rust, ingedrukt, focus, open): dat voorkomt het 'springen' van de kop. */
	.bs-footer__summary,body.solacewp .bs-footer__summary,body.solacewp .bs-footer__summary:hover,body.solacewp .bs-footer__summary:focus,body.solacewp .bs-footer__summary:active,body.solacewp .bs-footer__group[open]>.bs-footer__summary{
		margin:0;min-height:56px;padding:16px 0;cursor:pointer;pointer-events:auto;
		font-size:17px;font-weight:600;letter-spacing:0;text-transform:none;line-height:1.3;color:#fff;background:transparent;
		-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;touch-action:manipulation;outline:none
	}
	.bs-footer__summary:focus-visible,body.solacewp .bs-footer__summary:focus-visible{outline:2px solid var(--bs-turquoise,#33C7B7);outline-offset:2px}
	.bs-footer__chev{display:block;color:var(--bs-on-dark-muted,#C3CBCD)}
	.bs-footer__group[open]>.bs-footer__summary .bs-footer__chev{transform:rotate(180deg);color:var(--bs-turquoise,#33C7B7)}
	.bs-footer__list,body.solacewp .bs-footer__list{padding:0 0 12px}
	.bs-footer__list a,body.solacewp .bs-footer__list a{display:block;padding:8px 0;font-size:15.5px;line-height:1.4}
	/* Zonder JavaScript staan alle groepen open; dan geen pijltje tonen. */
	html:not(.bs-footer-js) .bs-footer__chev{display:none}
	.bs-footer__bottom-inner{padding:16px 20px calc(20px + env(safe-area-inset-bottom));flex-direction:column;align-items:flex-start;gap:6px}
}