/* Bosstad Tweewielers – ronde 5: footer-accordion, eenvoudige filter, productpagina (USP's, plus/min, omschrijving, specs), winkelzoeker. Tokens: --bs-* */

/* ---------------------------------------------------------------- Footer-navigatie: tablet = kolommen, mobiel = accordion zoals het header-menu */
@media(min-width:768px){
	.bs-fnav{display:grid!important}
	.bs-fnav__group,.bs-fnav__group:last-child{border:0!important}
	.bs-fnav__title{margin:0 0 14px!important}
	.bs-fnav__toggle{min-height:0!important;padding:0!important;cursor:default!important}
	.bs-fnav__chev{display:none!important}
	.bs-fnav__panel{display:block!important;height:auto!important;overflow:visible!important}
	.bs-fnav__panel>.bs-fnav__list{visibility:visible!important}
	.bs-fnav__list a{display:inline-block!important;padding:5px 0!important}
}
@media(min-width:768px) and (max-width:1024px){.bs-fnav{grid-template-columns:repeat(3,1fr)!important}}
@media(max-width:767px){
	.bs-fnav{display:block}
	.bs-fnav__group{border-top:1px solid rgba(255,255,255,.12)}
	.bs-fnav__group:last-child{border-bottom:1px solid rgba(255,255,255,.12)}
	.bs-fnav__title{margin:0}
	body.solacewp .bs-fnav__toggle,.bs-fnav__toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:56px!important;padding:16px 0!important;font-size:12px!important;letter-spacing:2.6px!important;color:#fff!important;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none}
	.bs-fnav__group.is-open .bs-fnav__toggle{color:var(--bs-turquoise,#33C7B7)!important}
	.bs-fnav__chev{display:block;position:relative;width:22px;height:22px;flex:0 0 22px;margin-left:auto;background:none}
	.bs-fnav__chev::before{content:"";position:absolute;left:6px;top:5px;width:8px;height:8px;border-right:2px solid var(--bs-turquoise,#33C7B7);border-bottom:2px solid var(--bs-turquoise,#33C7B7);transform:rotate(45deg);transition:transform .2s ease;background:none}
	.bs-fnav__chev::after{content:none!important}
	.bs-fnav__group.is-open .bs-fnav__chev::before{transform:rotate(-135deg);top:9px}
	.bs-fnav__panel{display:block;grid-template-rows:none;overflow:hidden;height:auto;transition:height .24s ease;visibility:visible}
	.bs-fnav__panel[hidden]{display:none}
	.bs-fnav__panel>.bs-fnav__list{visibility:visible!important;overflow:visible;transition:none;min-height:0;padding:0 0 8px}
	/* Zonder JS (of vóór JS): alles dicht behalve als 'is-open'. */
	html.bs-fnav-ready .bs-fnav__group:not(.is-open) .bs-fnav__panel{height:0}
	.bs-fnav__list a{display:block;padding:10px 0 10px 14px;font-size:15.5px;border-left:2px solid rgba(255,255,255,.08)}
	.bs-fnav__list a:hover,.bs-fnav__list a:focus-visible{border-left-color:var(--bs-turquoise,#33C7B7)}
	.bs-fnav__list li:last-child a{padding-bottom:14px}
}
@media(prefers-reduced-motion:reduce){.bs-fnav__panel,.bs-fnav__chev::before{transition:none}}

/* ---------------------------------------------------------------- Paginering: nooit bullets (thema zet list-style op li) */
.bt-pagination ul.page-numbers,.bt-pagination ul.page-numbers li{list-style:none!important;margin:0;padding:0}
.bt-pagination ul.page-numbers li::marker{content:""}
.bt-pagination .nav-links a,.bt-pagination .nav-links span{margin:0}
.bt-pagination .nav-links a.page-numbers{color:var(--bs-ink,#1C2022)}
.bt-pagination .nav-links a.page-numbers:hover{color:var(--bs-teal,#0F8A7C)}

/* ---------------------------------------------------------------- Filter (eenvoudig) */
.bs-filter--simple .bs-frames,.bs-filter--simple .bs-chips--pick{display:none}
.bs-filter--simple .bs-checks{display:grid;gap:2px}
.bs-filter--simple .bs-check{display:flex;align-items:center;gap:10px;min-height:32px;padding:3px 0;font-size:15px;color:var(--bs-ink-2,#2C3235);cursor:pointer}
.bs-filter--simple .bs-check input{width:18px;height:18px;margin:0;accent-color:var(--bs-teal,#0F8A7C);flex:0 0 18px}
.bs-filter--simple .bs-check span{flex:1 1 auto}
.bs-filter--simple .bs-check em{font-style:normal;font-size:12.5px;color:var(--bs-muted,#697478)}
.bs-filter--simple .bs-filter__gtoggle{font-size:14.5px;letter-spacing:.2px}

/* ---------------------------------------------------------------- Productpagina */
.bs-included{list-style:none;margin:14px 0 0;padding:12px 16px;display:grid;gap:8px;border:1px solid var(--bs-border,#E3E4E2);border-radius:4px;background:var(--bs-surface-soft,#F6F5F2);font-family:var(--bs-font-body);font-size:14.5px;font-weight:600;color:var(--bs-ink,#1C2022)}
.bs-included li{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:10px}
.bs-included em{font-style:normal;font-weight:500;color:var(--bs-muted,#697478)}
.bs-included__check{position:relative;flex:0 0 20px;width:20px;height:20px;border-radius:50%;background:var(--bs-teal,#0F8A7C)}
.bs-included__check::after{content:"";position:absolute;left:6px;top:4px;width:5px;height:9px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg)}

/* USP-vakjes */
.bs-usps{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;font-family:var(--bs-font-body)}
.bs-usps li{list-style:none;margin:0;padding:0}
.bs-usps li::marker{content:""}
.bs-usp{display:flex}
.bs-usp>a,.bs-usp>.bs-usp__icon{text-decoration:none}
.bs-usp>a,.bs-usp{color:inherit}
.bs-usp>a,.bs-usp:not(:has(>a)){display:flex;gap:12px;align-items:flex-start;width:100%;padding:14px 14px 14px 12px;border:1px solid var(--bs-border,#E3E4E2);border-radius:4px;background:#fff;transition:border-color .15s ease,box-shadow .15s ease}
.bs-usp>a:hover,.bs-usp>a:focus-visible{border-color:var(--bs-teal,#0F8A7C);box-shadow:0 6px 18px rgba(28,32,34,.06)}
.bs-usp__icon{flex:0 0 36px;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(51,199,183,.14);color:var(--bs-teal,#0F8A7C)}
.bs-usp__icon svg{width:19px;height:19px}
.bs-usp__body{display:flex;flex-direction:column;gap:2px;min-width:0}
.bs-usp__body strong{font-size:14.5px;font-weight:700;line-height:1.3;color:var(--bs-ink,#1C2022)}
.bs-usp__body span{font-size:13px;line-height:1.45;color:var(--bs-muted,#697478)}
@media(max-width:1100px) and (min-width:901px),(max-width:520px){.bs-usps{grid-template-columns:1fr}}

/* Plus- en minpunten */
.bs-pc__list{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.bs-pc__item{list-style:none;margin:0;padding:0;display:flex;align-items:flex-start;gap:12px;font-family:var(--bs-font-body);font-size:15.5px;line-height:1.5;color:var(--bs-ink-2,#2C3235)}
.bs-pc__item::marker{content:""}
.bs-pc__sign{position:relative;flex:0 0 22px;width:22px;height:22px;margin-top:1px;border-radius:50%}
.bs-pc__item--plus .bs-pc__sign{background:var(--bs-teal,#0F8A7C)}
.bs-pc__item--min .bs-pc__sign{background:#AEB6B9}
.bs-pc__sign::before,.bs-pc__sign::after{content:"";position:absolute;background:#fff;left:6px;top:10px;width:10px;height:2px;border-radius:1px}
.bs-pc__item--plus .bs-pc__sign::after{transform:rotate(90deg)}
.bs-pc__item--min .bs-pc__sign::after{content:none}
.bs-pc__note{margin:14px 0 0;font-size:12.5px;color:var(--bs-muted,#697478)}

/* Omschrijving met 'Meer lezen' */
.bs-desc__body{position:relative}
.bs-desc.is-clamped:not(.is-open) .bs-desc__body{max-height:7.2em;overflow:hidden}
.bs-desc.is-clamped:not(.is-open) .bs-desc__body::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3em;background:linear-gradient(rgba(255,255,255,0),#fff)}
.bs-desc__body p:last-child{margin-bottom:0}
body.solacewp .bs-more,.bs-more{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;min-height:0!important;height:auto!important;border-radius:0!important;font-family:var(--bs-font-body)!important;font-size:14.5px!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important;color:var(--bs-teal,#0F8A7C)!important;cursor:pointer;transform:none!important}
.bs-more::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s ease}
.bs-more[aria-expanded="true"]::after{transform:rotate(-135deg) translateY(-2px)}
.bs-more:hover{text-decoration:underline;text-underline-offset:3px}

/* Specificaties: kern in 2 kolommen, rest uitklapbaar */
.bs-specs__key{margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;column-gap:40px;row-gap:0}
.bs-specs__row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:12px;padding:9px 0;border-bottom:1px solid var(--bs-border-soft,#EEF0EF);font-family:var(--bs-font-body);font-size:14.5px}
.bs-specs__row dt{margin:0;color:var(--bs-muted,#697478);text-decoration:underline dotted rgba(105,116,120,.5);text-underline-offset:3px}
.bs-specs__row dd{margin:0;font-weight:600;color:var(--bs-ink,#1C2022)}
.bs-specs__all{margin-top:18px}
.bs-specs .bs-more--specs{margin-top:16px}
@media(max-width:700px){.bs-specs__key{grid-template-columns:1fr}}

/* Winkelzoeker */
.bs-zw{margin:22px 0 0;padding:20px;border:1px solid var(--bs-border,#E3E4E2);border-radius:4px;background:var(--bs-surface-soft,#F6F5F2);font-family:var(--bs-font-body)}
.bs-zw--dark{background:var(--bs-dark,#0E1214);border-color:rgba(255,255,255,.12);color:#fff}
.bs-zw__head{margin:0 0 12px}
.bs-zw__kop{margin:0;font-family:var(--bs-font-display,Newsreader,serif);font-size:22px;font-weight:400;line-height:1.2;color:var(--bs-ink,#1C2022)}
.bs-zw--compact .bs-zw__kop{font-family:var(--bs-font-body);font-size:15px;font-weight:700}
.bs-zw--dark .bs-zw__kop{color:#fff}
.bs-zw__sub{margin:6px 0 0;font-size:14px;line-height:1.5;color:var(--bs-muted,#697478)}
.bs-zw--dark .bs-zw__sub{color:var(--bs-on-dark-muted,#C3CBCD)}
.bs-zw__form{display:flex;gap:8px}
.bs-zw__form input{flex:1 1 auto;min-width:0;font:inherit;font-size:15px;padding:12px 14px!important;border:1px solid var(--bs-border,#E3E4E2)!important;border-radius:2px!important;background:#fff;color:var(--bs-ink,#1C2022);box-shadow:none!important}
.bs-zw__form input:focus-visible{outline:3px solid rgba(15,138,124,.28);outline-offset:1px;border-color:var(--bs-teal,#0F8A7C)!important}
body.solacewp .bs-zw__btn,.bs-zw__btn{flex:0 0 auto;padding:0 18px!important;min-height:0!important;height:auto!important;white-space:nowrap}
.bs-zw__result{margin-top:12px}
.bs-zw__result:empty{display:none}
.bs-zw__msg,.bs-zw__found{margin:0 0 8px;font-size:14px;color:var(--bs-ink-2,#2C3235)}
.bs-zw--dark .bs-zw__msg,.bs-zw--dark .bs-zw__found{color:var(--bs-on-dark,#D2D9DA)}
.bs-zw__list{list-style:none;margin:0;padding:0;display:grid;gap:8px;counter-reset:none}
.bs-zw__list li{list-style:none;margin:0;padding:0}
.bs-zw__list li::marker{content:""}
.bs-zw__item{display:flex;align-items:center;gap:10px;border:1px solid var(--bs-border,#E3E4E2);border-radius:4px;background:#fff;color:var(--bs-ink,#1C2022)}
.bs-zw__item.is-first{border-color:var(--bs-teal,#0F8A7C);box-shadow:inset 3px 0 0 var(--bs-teal,#0F8A7C)}
.bs-zw__store{flex:1 1 auto;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name km" "addr km";align-items:center;column-gap:12px;padding:11px 14px;text-decoration:none;color:inherit;min-width:0}
.bs-zw__name{grid-area:name;font-weight:700;font-size:15px}
.bs-zw__name em{font-style:normal;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--bs-teal,#0F8A7C);margin-left:6px}
.bs-zw__addr{grid-area:addr;font-size:13px;color:var(--bs-muted,#697478)}
.bs-zw__km{grid-area:km;font-weight:700;font-size:14px;color:var(--bs-teal,#0F8A7C);white-space:nowrap}
.bs-zw__tel{padding:0 14px;font-size:14px;font-weight:600;color:var(--bs-ink-2,#2C3235);text-decoration:none;white-space:nowrap}
.bs-zw__tel:hover{color:var(--bs-teal,#0F8A7C)}
.bs-zw__all{display:inline-block;margin-top:12px;font-size:13.5px;font-weight:600;color:var(--bs-teal,#0F8A7C);text-decoration:underline;text-underline-offset:3px}
.bs-zw--dark .bs-zw__all{color:var(--bs-turquoise,#33C7B7)}
.bs-zw.is-loading .bs-zw__btn{opacity:.7;pointer-events:none}
@media(max-width:480px){.bs-zw__form{flex-direction:column}.bs-zw__tel{display:none}}
.bs-zw--compact .bs-zw__all{font-size:13px}

/* Productpagina: grote foto altijd zichtbaar (geen lazy-blank) */
.bt-gallery__main img{opacity:1!important}