/*! © 2026 SlimmeKids – slimmekids.be. Alle rechten voorbehouden. Kopiëren, verspreiden of hergebruiken zonder schriftelijke toestemming is niet toegestaan. */
/* Bouwbaas thuisversie – Delen */
.bb-share-btn { position: fixed; right: 12px; bottom: 78px; z-index: 60; height: 56px; padding: 0 1.1rem 0 .9rem; border-radius: 28px; border: 3px solid #fff;
  background: linear-gradient(160deg, #ff8ab4, #ff6b9d); color: #fff; font: 700 1.05rem/1 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  display: flex; align-items: center; gap: .45rem; box-shadow: 0 6px 18px rgba(255,107,157,.45); cursor: pointer; touch-action: manipulation; }
.bb-share-btn:active { transform: scale(.96); }
.bb-share-btn svg { width: 24px; height: 24px; }
.bb-share-pop { position: fixed; right: 12px; bottom: 146px; z-index: 61; width: min(320px, calc(100vw - 28px)); background: #fff; border-radius: 22px; padding: 1rem;
  box-shadow: 0 14px 40px rgba(28,51,72,.28); border: 3px solid #ffd0e0; font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
.bb-share-pop[hidden] { display: none; }
.bb-share-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: .6rem; }
.bb-share-head h2 { margin: 0; font-size: 1.15rem; color: #1c3348; }
.bb-share-head button { width: 44px; height: 44px; border-radius: 50%; border: 0; background: #f1f4f8; font-size: 1.2rem; cursor: pointer; }
.bb-share-list { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; }
.bb-share-list a, .bb-share-list button { display: flex; align-items: center; gap: .5rem; min-height: 56px; padding: 0 .7rem; border-radius: 16px; border: 2px solid #e6ecf2;
  background: #fafcff; color: #1c3348; font: 600 .98rem system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; text-decoration: none; cursor: pointer; }
.bb-share-list .ic { width: 30px; height: 30px; border-radius: 9px; display: inline-flex; align-items: center; justify-content: center; color: #fff; font-weight: 800; flex: none; }
.bb-share-list #shCopy { grid-column: 1 / -1; justify-content: center; }
@media (min-width: 1700px) { .bb-share-btn { height: 64px; font-size: 1.25rem; right: 16px; bottom: 96px; } .bb-share-pop { bottom: 172px; } }
@media (max-width: 1200px) { .bb-share-btn { bottom: 150px; } .bb-share-pop { bottom: 216px; } }