/* 18-boekkaart.css – boekkaart op detailpagina's (v0.18.0). Alleen geladen op pagina's met een product (body.has-bk).
   Desktop (≥1024 px): tekst links, kaart rechts die meeschuift. Mobiel: kaart na de intro + vaste balk onderaan. */

.bk-card{box-sizing:border-box;max-width:100%;background:#fff;border:1px solid var(--bs-z,#E9DFCF);border-radius:16px;padding:20px;margin:24px 0;box-shadow:0 6px 20px rgba(22,61,53,.08);font-family:Manrope,Arial,sans-serif;color:var(--bs-g,#163D35)}
body .bk-card p.bk-kicker{margin:0 0 4px!important;font-size:12px!important;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--bs-r,#C60068)}
body .bk-card p.bk-title{margin:0 0 12px!important;font-size:20px!important;line-height:1.25!important;font-weight:800;color:var(--bs-g,#163D35)}
body .bk-card ul.bk-usp{list-style:none!important;margin:0 0 14px!important;padding:0!important;display:grid;gap:6px}
body .bk-card .bk-usp li{display:block!important;list-style:none!important;margin:0!important;padding:0 0 0 24px!important;position:relative;font-size:15px;line-height:1.45}
.bk-usp li::before{content:"✓";position:absolute;left:0;top:0;font-weight:800;color:var(--bs-r,#C60068)}
.bk-usp li::marker{content:none}
.bk-widget{margin:0 0 14px;min-height:60px}
.bk-widget:empty{display:none}
.bk-card a.bk-btn,body .post-single .bk-card a.bk-btn{display:block;text-align:center;background:var(--bs-r,#C60068);color:#fff!important;font-weight:800;font-size:16px;border-radius:10px;padding:13px 16px;text-decoration:none!important;border:0}
body .bk-card a.bk-btn:hover{background:#9E0053;color:#fff!important}
body .bk-card p.bk-price{margin:0 0 14px!important;font-size:15px!important;font-weight:700;color:var(--bs-g,#163D35)}
/* Zodra het widget geladen is, heeft het zelf de hoofdknop; onze knop wordt dan een tekstlink. */
body .bk-card.bk-live a.bk-btn{background:none!important;color:var(--bs-r,#C60068)!important;padding:4px 0!important;font-size:15px;font-weight:700;text-align:left;text-decoration:underline!important;text-underline-offset:3px}
body .bk-card p.bk-note{margin:10px 0 0!important;font-size:12.5px!important;line-height:1.45!important;color:#5b6b65}

/* Vaste balk onderaan (alleen mobiel/tablet) */
.bk-bar{position:fixed;left:0;right:0;bottom:0;z-index:999;display:flex;align-items:center;gap:12px;justify-content:space-between;background:var(--bs-g,#163D35);color:#fff;padding:10px max(16px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));box-shadow:0 -4px 16px rgba(0,0,0,.15);font-family:Manrope,Arial,sans-serif}
.bk-bar[hidden]{display:none}
.bk-bar-name{font-weight:700;font-size:15px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bk-bar a.bk-bar-btn{flex:none;background:var(--bs-r,#C60068);color:#fff!important;font-weight:800;border-radius:10px;padding:10px 18px;text-decoration:none!important}

/* Desktop: twee kolommen, kaart rechts naast de tekst */
@media (min-width:1024px){
  body.has-bk .bk-bar{display:none!important}
  body.has-bk .wrapper-main > #content{width:auto!important;max-width:none!important;margin-left:0!important;margin-right:0!important;float:none!important;display:grid!important;grid-template-columns:minmax(0,1fr) 320px;column-gap:40px;align-items:start}
  body.has-bk #content > .wrapper-content-inside,
  body.has-bk #content .post-single{display:contents!important}
  body.has-bk #content > *,
  body.has-bk #content > .wrapper-content-inside > *,
  body.has-bk #content .post-single > *{grid-column:1;min-width:0}
  body.has-bk #content .bk-card{grid-column:2;grid-row:1 / span 600;align-self:start;position:sticky;top:96px;margin:0}
  body.has-bk #content .post-cover img{width:100%;height:auto}
}