/* Bosstad Tweewielers – ronde 8 (2026-09-15): USP-balk home, kaartvoordelen, compacte productpagina, mobiele CTA, postcode-zoeker in footerstrook. */

/* ================================================================ USP-balk (home, tussen header en hero) */
.elementor-element.bs-topbar > .e-con-inner{min-height:42px}
.elementor-element.bs-topbar .elementor-widget-shortcode{width:100%}
.bs-uspbar{width:100%;font-family:var(--bs-font-body,Barlow,sans-serif);color:var(--bs-btn-ink,#06110F)}
.bs-uspbar__list{list-style:none;margin:0;padding:0;display:flex;align-items:center;justify-content:center;min-height:42px}
.bs-uspbar__item{display:none;align-items:center;margin:0;padding:0;list-style:none;opacity:0;transition:opacity .35s var(--bs-ease,ease)}
.bs-uspbar__item::marker{content:""}
.bs-uspbar__item.is-on{display:flex}
.bs-uspbar__item.is-on.is-in{opacity:1}
.bs-uspbar__item.is-on + .bs-uspbar__item.is-on::before{content:"";display:block;width:1px;height:14px;margin:0 clamp(16px,2.2vw,30px);background:rgba(6,17,15,.28)}
.bs-uspbar__item a,.bs-uspbar__txt{display:inline-flex;align-items:center;gap:8px;color:inherit;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;line-height:1.2;white-space:nowrap}
.bs-uspbar__item a:hover span{text-decoration:underline;text-underline-offset:3px}
.bs-uspbar__ico{width:14px;height:14px;flex:0 0 14px;color:var(--bs-teal-deep,#1E4A46)}
@media(max-width:767px){.bs-uspbar__list{min-height:38px}
.bs-uspbar__item a,.bs-uspbar__txt{font-size:11.5px;letter-spacing:1.5px}}
@media(prefers-reduced-motion:reduce){.bs-uspbar__item{transition:none}}

/* ================================================================ Hero-knoppen strak */
.elementor-element.bs-hero-btn .elementor-button{box-shadow:none;transition:background-color .18s var(--bs-ease,ease),border-color .18s var(--bs-ease,ease),color .18s var(--bs-ease,ease)}
.elementor-element.bs-hero-btn .elementor-button-content-wrapper{gap:0}
.elementor-element.bs-hero-btn--ghost .elementor-button:hover{border-color:#FFFFFF;background:rgba(255,255,255,.06)!important}

/* ================================================================ Catalogus: korte voordelen op kaarten */
.bs-hl{list-style:none;margin:6px 0 2px;padding:0;display:grid;gap:4px}
.bs-hl li{list-style:none;margin:0;padding:0;display:flex;align-items:flex-start;gap:8px;font-size:13.5px;line-height:1.35;font-weight:500;color:var(--bs-ink-2,#2C3235)}
.bs-hl li::marker{content:""}
.bs-hl__check{position:relative;flex:0 0 15px;width:15px;height:15px;margin-top:2px;border-radius:50%;background:rgba(51,199,183,.22)}
.bs-hl__check::after{content:"";position:absolute;left:4.5px;top:2.5px;width:4px;height:7px;border-right:1.8px solid var(--bs-teal,#0F8A7C);border-bottom:1.8px solid var(--bs-teal,#0F8A7C);transform:rotate(45deg)}
.bt-card .bt-card__facts{margin-top:8px}

/* ================================================================ Productpagina: compacte USP's onder 'Op voorraad bij' */
.bs-usp-mini{margin-top:14px;font-family:var(--bs-font-body,Barlow,sans-serif)}
.bs-usp-mini__list{list-style:none;margin:0;padding:14px 16px;display:grid;grid-template-columns:1fr 1fr;gap:9px 16px;border:1px solid var(--bs-border,#E3E4E2);border-radius:4px;background:#fff}
.bs-usp-mini__list li{list-style:none;margin:0;padding:0}
.bs-usp-mini__list li::marker{content:""}
.bs-usp-mini__list li,.bs-usp-mini__list a{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:600;line-height:1.3;color:var(--bs-ink,#1C2022);text-decoration:none}
.bs-usp-mini__list a:hover span:last-child{text-decoration:underline;text-underline-offset:3px}
.bs-usp-mini__check{position:relative;flex:0 0 18px;width:18px;height:18px;border-radius:50%;background:var(--bs-teal,#0F8A7C)}
.bs-usp-mini__check::after{content:"";position:absolute;left:6px;top:3.5px;width:4px;height:8px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg)}
.bs-usp-mini__google{display:inline-flex;align-items:center;gap:6px;margin:10px 0 0;font-size:13px;color:var(--bs-muted,#697478);text-decoration:none}
.bs-usp-mini__google strong{color:var(--bs-ink,#1C2022)}
.bs-usp-mini__google em{font-style:normal}
.bs-usp-mini__star{color:#E5A100;font-size:14px}
a.bs-usp-mini__google:hover{color:var(--bs-teal,#0F8A7C)}
@media(max-width:420px){.bs-usp-mini__list{grid-template-columns:1fr}}

/* Ruimte tussen blokken iets compacter */
.bt-single .bt-avail{margin-top:16px}
.bt-single .bt-battery{margin-top:16px}
.bt-single .bt-cta{margin-top:22px}

/* ================================================================ Productpagina: CTA-knoppen (vooral mobiel) strak en leesbaar */
.bt-single .bt-cta a.bt-btn{border-radius:3px;letter-spacing:1.4px;font-size:13px;font-weight:700;text-decoration:none}
.bt-single .bt-cta a.bt-btn--primary,.bt-single .bt-cta a.bt-btn--primary:hover,.bt-single .bt-cta a.bt-btn--primary:focus-visible{color:#06110F!important;background:var(--bs-turquoise,#33C7B7)}
.bt-single .bt-cta a.bt-btn--primary:hover{background:var(--bs-turquoise-light,#4FD8C8)}
.bt-single .bt-cta a.bt-btn--ghost,.bt-single .bt-cta a.bt-btn--ghost:hover{color:#1C2022!important;background:#fff;border-color:#C9CDCB}
.bt-single .bt-cta a.bt-btn--ghost:hover{border-color:var(--bs-teal,#0F8A7C)}
@media(max-width:767px){
	.bt-single .bt-cta{gap:10px}
	.bt-single .bt-cta a.bt-btn{width:100%;min-height:54px;font-size:14px;letter-spacing:1.2px}
	.bt-single .bt-cta__note{font-size:13.5px;line-height:1.5;text-align:center;margin-top:2px}
}
/* Sticky balk onderaan (mobiel): geen blur/transparantie meer, duidelijke knop */
.bs-sticky{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;border-top:1px solid var(--bs-border,#E3E4E2);box-shadow:0 -6px 20px rgba(28,32,34,.10)}
.bs-sticky__title{color:var(--bs-ink,#1C2022)}
.bs-sticky__price{color:var(--bs-ink,#1C2022)}
.bs-sticky .bs-sticky__btn.bs-btn,.bs-sticky .bs-sticky__btn.bs-btn:hover{color:#06110F!important;background:var(--bs-turquoise,#33C7B7);font-size:13px;letter-spacing:1.2px;padding:15px 20px;border-radius:3px;white-space:nowrap;text-decoration:none}

/* ================================================================ Strook boven de footer: vestiging óf postcode */
.bs-prs__or{display:flex;align-items:center;gap:12px;width:100%;margin:2px 0;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--bs-muted,#697478)}
.bs-prs__or::before,.bs-prs__or::after{content:"";flex:1 1 auto;height:1px;background:var(--bs-border,#E3E4E2)}
.bs-prs--dark .bs-prs__or{color:var(--bs-on-dark-muted,#C3CBCD)}
.bs-prs--dark .bs-prs__or::before,.bs-prs--dark .bs-prs__or::after{background:rgba(255,255,255,.14)}
.bs-zw.bs-zw--strip{width:100%;margin:0;padding:0;border:0;background:transparent}
.bs-zw--strip .bs-zw__form{display:flex;gap:10px;flex-wrap:wrap}
.bs-zw--strip .bs-zw__form input{flex:1 1 280px;min-height:52px;padding:0 16px!important;font-size:15px;border-radius:3px!important}
.bs-zw--strip .bs-zw__form .bs-zw__btn{flex:0 0 auto;min-height:52px!important;padding:0 22px!important;border-radius:3px}
.bs-prs--dark .bs-zw--strip .bs-zw__btn{color:#fff;border-color:#6E7071}
.bs-prs--dark .bs-zw--strip .bs-zw__btn:hover{background:var(--bs-teal-deep,#1E4A46);color:#fff}
.bs-zw--strip .bs-zw__result{margin-top:12px}
.bs-prs--dark .bs-zw--strip .bs-zw__found{color:var(--bs-on-dark,#D2D9DA)}
@media(max-width:767px){.bs-zw--strip .bs-zw__form{flex-direction:column}
.bs-zw--strip .bs-zw__form .bs-zw__btn{width:100%}}