/* Hero van bloomintranet.com: scrollende Bloom Hub per taal + play-knop. Wordt geladen door het HTML-widget in de hero. */
.elementor-widget-html:has(.bhs){width:100%;min-width:0}
.bhs{width:100%;position:relative;align-self:center;margin:auto 0}
.bhs-win{position:relative;width:100%;aspect-ratio:1606/1700;overflow:hidden;border-radius:20px;background:#fff;box-shadow:0 24px 60px rgba(40,20,0,.16);isolation:isolate}
.bhs-win img{display:block;max-width:none}
.bhs-head{position:absolute;left:0;top:0;width:100%;height:auto;z-index:3}
.bhs-view{position:absolute;left:0;right:0;top:2.29%;bottom:0;overflow:hidden}
.bhs-board{width:100%;height:auto;will-change:transform;animation:bhs-scroll 36s cubic-bezier(.45,.05,.55,.95) infinite}
.bhs-rail{position:absolute;left:94.04%;top:8.94%;width:3.99%;height:auto;z-index:2}
@keyframes bhs-scroll{0%,7%{transform:translateY(0)}50%,57%{transform:translateY(-52.5%)}100%{transform:translateY(0)}}
.bhs:hover .bhs-board{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){.bhs-board{animation:none}}
.bt-launch{position:absolute;z-index:5;display:grid;place-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent}
html body button.bt-launch{margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:inherit!important;box-shadow:none!important;min-height:0!important;line-height:1!important;text-transform:none!important;transition:background-color .35s ease!important}
html body button.bt-launch:hover,html body button.bt-launch:focus-visible{background:rgba(28,14,4,.10)!important}
html body button.bt-launch:focus-visible{outline:3px solid #ff7112;outline-offset:3px}
.bt-launch .bt-pill{display:inline-flex;align-items:center;height:64px;padding:0 20px;border-radius:999px;background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 14px 34px -14px rgba(40,18,0,.55),0 0 0 1px rgba(255,255,255,.6) inset;color:#0a0a0a;transition:background-color .3s ease,box-shadow .3s ease,transform .3s cubic-bezier(.2,.8,.2,1)}
.bt-launch .bt-pill svg{flex:none;width:24px;height:24px;margin-left:2px;fill:#ff7112}
.bt-launch .bt-label{display:inline-block;max-width:0;overflow:hidden;white-space:nowrap;opacity:0;font:600 17px/1 "Plus Jakarta Sans",system-ui,sans-serif;letter-spacing:0;transition:max-width .4s cubic-bezier(.2,.8,.2,1),opacity .25s ease,margin .4s cubic-bezier(.2,.8,.2,1)}
.bt-launch:hover .bt-pill,.bt-launch:focus-visible .bt-pill{background:#fff;box-shadow:0 18px 40px -14px rgba(40,18,0,.6);transform:scale(1.03)}
.bt-launch:hover .bt-label,.bt-launch:focus-visible .bt-label{max-width:260px;opacity:1;margin:0 4px 0 12px}
@media (hover:none){.bt-launch .bt-label{max-width:260px;opacity:1;margin:0 4px 0 12px}.bt-launch .bt-pill{height:56px}}
@media (prefers-reduced-motion:reduce){.bt-launch,.bt-launch *{transition:none!important}}
/* smalle schermen: de afbeelding past in de kolom en de knop is alleen een play-icoon */
@media (max-width:767px){
  picture[class*="e-1d0a590"],img[class*="e-1d0a590"]{width:100%!important;max-width:576px!important;height:auto!important}
  picture[class*="e-1d0a590"] img{width:100%!important;height:auto!important}
  .bt-launch .bt-label{display:none!important}
  .bt-launch .bt-pill{height:56px!important;padding:0 18px!important}
}

/* mobiel: knoppen naast elkaar, evenementen als carrousel */
.bh-dots{display:none}
@media (max-width:767px){
  .elementor-element-1c612aa{flex-direction:row!important;flex-wrap:nowrap!important;gap:10px!important;width:100%;justify-content:center;align-items:stretch}
  .elementor-element-1c612aa>.elementor-element{flex:1 1 0!important;min-width:0;width:auto!important;max-width:none!important}
  .elementor-element-1c612aa a,.elementor-element-1c612aa .e-button-base{width:100%!important;box-sizing:border-box;justify-content:center;text-align:center;white-space:nowrap;padding-left:12px!important;padding-right:12px!important;font-size:16px!important}
  .elementor-element-3c5bf75{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:0!important;width:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .elementor-element-3c5bf75::-webkit-scrollbar{display:none}
  .elementor-element-3c5bf75>*{flex:0 0 100%!important;min-width:100%!important;box-sizing:border-box;scroll-snap-align:start}
  .bh-dots{display:flex;justify-content:center;gap:8px;margin:2px 0 6px}
  html body .bh-dots button{width:8px;height:8px;min-height:0;margin:0;padding:0;border:0;border-radius:50%;background:#e3d6c9;box-shadow:none;cursor:pointer;transition:background-color .25s,transform .25s}
  html body .bh-dots button.on{background:#ff7112;transform:scale(1.25)}
}

/* Mobiel: geen interactieve demo-knop */
@media (max-width:767px){.bt-launch{display:none!important}}
@media (max-width:767px){.bh-mobile-hero{display:flex!important;width:100%!important;max-width:576px!important}img[class*="e-1d0a590"]{display:none!important}}