/* Be-Jack's – aanvullingen op het thema (slider, lopende band, popup, mobiele bestelknop) */
:root{--bj-red:#b80818;--bj-yellow:#ffb200;--bj-dark:#282932;--bj-cream:#f7f1e8}
html{scroll-behavior:smooth}
body{background:var(--bj-cream)}
body.bj-noscroll{overflow:hidden}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.skip-link:focus{position:fixed!important;left:12px;top:12px;width:auto;height:auto;clip:auto;z-index:100000;background:#fff;color:var(--bj-dark);padding:12px 18px;border-radius:8px;font-weight:700}
img{max-width:100%;height:auto}
/* header: taalkeuze als laatste menu-item, kleiner */
.pbmit-navbar .bj-lang-item>a{font-weight:700;letter-spacing:.5px}
.pbmit-navbar .bj-lang-item>.sub-menu{min-width:150px}
.pbmit-header-style-2 .site-title img{max-height:95px;width:auto}
.pbmit-sticky-header .site-title img{max-height:70px}
/* ---------- lopende band (kayanyazi) ---------- */
.kayanyazi{height:60px;overflow:hidden;position:relative;display:flex;align-items:center}
.kayanyazi__track{display:flex;width:max-content;animation:bj-marquee 22s linear infinite}
.kayanyazi__set{display:flex}
.kayanyazi__item{font-family:Poppins,sans-serif;font-weight:700;font-size:2em;line-height:50px;color:#fff;white-space:nowrap;padding:0 .9em}
.kayanyazi__item::after{content:"★";color:var(--bj-yellow);font-size:.6em;margin-left:1.4em;vertical-align:middle}
.kayanyazi:hover .kayanyazi__track{animation-play-state:paused}
@keyframes bj-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (max-width:767px){.kayanyazi{height:48px}.kayanyazi__item{font-size:1.35em}}
@media (prefers-reduced-motion:reduce){.kayanyazi__track{animation:none}}
.elementor-element-c5a5c05 .pbmit-element-title,.elementor-element-c5a5c05 .pbmit-element-subtitle{text-transform:uppercase}
.elementor-element-c5a5c05 .pbmit-element-subtitle{font-family:Poppins,sans-serif;font-weight:500}
/* titels die letter per letter binnenkomen */
.split-line{display:block;position:relative}
.bj-word{display:inline-block;white-space:nowrap}
.bj-char{display:inline-block;position:relative}
/* video + play-knop */
.pbmit-ihbox-style-7 .pbmit-ihbox-icon-type-icon{display:flex;align-items:center;justify-content:center;transition:transform .3s,background-color .3s}
.pbmit-ihbox-style-7 a:hover .pbmit-ihbox-icon-type-icon{transform:scale(1.08);background-color:rgba(255,255,255,.15)}
.bj-play{display:block;margin-left:5px}
.bj-video-title{margin:24px 0 0;text-align:center;font-family:Poppins,sans-serif;font-weight:700;font-size:28px;color:#fff;text-shadow:0 2px 16px rgba(0,0,0,.4)}
.bj-video{position:fixed;inset:0;z-index:100000;background:rgba(10,10,14,.86);display:grid;place-items:center;padding:20px}
.bj-video[hidden]{display:none}
.bj-video__box{position:relative;width:min(960px,100%)}
.bj-video__frame{position:relative;aspect-ratio:16/9;background:#000;border-radius:14px;overflow:hidden}
.bj-video__frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.bj-video__close{position:absolute;right:-6px;top:-48px;width:40px;height:40px;border:0;border-radius:50%;background:#fff;color:#000;font-size:28px;line-height:1;cursor:pointer}
/* weekaanbieding: knop */
.elementor-element-0980081 .elementor-button{cursor:pointer}
/* footer: nieuwsbrief + links */
.site-footer a{color:inherit}
.site-footer .pbmit-contact-widget-line a:hover{color:var(--bj-yellow)}
.bj-news{margin-top:28px}
.bj-news__form{display:flex;gap:8px;max-width:360px}
.bj-news__form input{flex:1;min-width:0;height:48px;border:1px solid rgba(255,255,255,.35);border-radius:30px;background:rgba(255,255,255,.08);color:#fff;padding:0 18px;font:inherit}
.bj-news__form input::placeholder{color:rgba(255,255,255,.7)}
.bj-news__form button{height:48px;border:0;border-radius:30px;background:var(--bj-yellow);color:var(--bj-dark);font-family:Poppins,sans-serif;font-weight:700;padding:0 20px;cursor:pointer}
.bj-news__form button:hover{background:#fff}
/* meldingen */
.bj-flash{position:fixed;left:50%;top:130px;transform:translateX(-50%);z-index:99999;background:var(--bj-dark);color:#fff;padding:14px 22px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.2);font-weight:600;animation:bj-flash 6s forwards}
.bj-flash--error{background:var(--bj-red)}
@keyframes bj-flash{0%,85%{opacity:1}100%{opacity:0;visibility:hidden}}
/* mobiele bestelknop */
.bj-fab{display:none}
@media (max-width:1200px){
  .bj-fab{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:9990;display:inline-flex;white-space:nowrap;line-height:1.2;align-items:center;gap:10px;background:var(--bj-red);color:#fff;font-family:Poppins,sans-serif;font-weight:700;font-size:15px;text-transform:uppercase;letter-spacing:.4px;padding:14px 26px;border-radius:40px;box-shadow:0 12px 30px rgba(184,8,24,.4)}
  .bj-fab:hover{color:#fff;background:#8e0612}
  .bj-fab{transition:opacity .2s,transform .2s}
  .bj-fab.is-hide{opacity:0;pointer-events:none;transform:translate(-50%,20px)}
  .pbmit-progress-wrap{bottom:84px!important}
}
/* sayaç: Roboto Slab zoals het origineel + passend op kleine schermen */
.elementor-widget-countdown .elementor-countdown-item{background:transparent!important;padding:6px 0}
.elementor-widget-countdown .elementor-countdown-digits{font-family:Poppins,sans-serif;font-weight:700;color:#fff;font-size:64px;line-height:1;letter-spacing:-1px}
.elementor-widget-countdown .elementor-countdown-label{font-family:Quicksand,sans-serif;font-weight:600;color:var(--pbmit-dilicious-secondary-color,#ffb200);font-size:15px;text-transform:uppercase;letter-spacing:1.5px;margin-top:6px}
@media (max-width:767px){
  .elementor-widget-countdown .elementor-countdown-wrapper{max-width:100%}
  .elementor-widget-countdown .elementor-countdown-item{padding:4px 0;min-width:0}
  .elementor-widget-countdown .elementor-countdown-digits{font-size:42px}
  .elementor-widget-countdown .elementor-countdown-label{font-size:11px;letter-spacing:1px}
}


/* "Bestel nu": thema-instelling = witte outline, rond (groen was de Elementor-standaardkleur) */
.elementor-element-0980081 .elementor-button{background:transparent!important;border:2px solid #fff!important;color:#fff!important;border-radius:40px!important;padding:16px 42px!important;font-family:Poppins,sans-serif;font-weight:600;letter-spacing:1px;transition:background .25s,color .25s}
.elementor-element-0980081 .elementor-button:hover,.elementor-element-0980081 .elementor-button:focus-visible{background:#fff!important;color:var(--pbmit-dilicious-global-color,#b80818)!important}
/* header: echte bestelknop */
.bj-order-btn{display:inline-flex;align-items:center;gap:10px;height:54px;padding:0 26px 0 8px;border-radius:999px;background:var(--pbmit-dilicious-global-color,#b80818);color:#fff!important;font-family:Poppins,sans-serif;font-weight:700;font-size:15px;letter-spacing:.2px;white-space:nowrap;box-shadow:0 10px 24px rgba(184,8,24,.28);transition:background .25s,transform .25s,box-shadow .25s}
.bj-order-btn__ic{width:40px;height:40px;border-radius:50%;background:#fff;color:var(--pbmit-dilicious-global-color,#b80818);display:inline-flex;align-items:center;justify-content:center;transition:transform .35s}
.bj-order-btn:hover{background:var(--pbmit-dilicious-blackish-color,#282932);transform:translateY(-2px);box-shadow:0 14px 28px rgba(40,41,50,.28)}
.bj-order-btn:hover .bj-order-btn__ic{transform:rotate(-12deg) scale(1.06)}
.pbmit-sticky-header .bj-order-btn{height:48px}.pbmit-sticky-header .bj-order-btn__ic{width:34px;height:34px}
@media(max-width:1200px){.bj-order-btn{padding:0 18px 0 6px;font-size:14px}}
@media(max-width:600px){.bj-order-btn__t{display:none}.bj-order-btn{padding:6px;height:auto;box-shadow:none}}
/* hoofdmenu: nooit over twee regels (ook niet bij langere vertalingen) */
@media(min-width:1201px){
  .pbmit-header-content{flex-wrap:nowrap}
  .pbmit-logo-menuarea{flex:1 1 auto;min-width:0;flex-wrap:nowrap}
  .pbmit-navbar .menu-bejacks-container>ul.menu{display:flex;flex-wrap:nowrap;white-space:nowrap}
  .pbmit-navbar .menu-bejacks-container>ul.menu>li>a{white-space:nowrap}
  .pbmit-right-box{flex:0 0 auto}
}
@media(min-width:1201px) and (max-width:1440px){
  .pbmit-header-style-2 .site-title img{max-height:72px}
  .pbmit-navbar .menu-bejacks-container>ul.menu>li>a{font-size:14px;padding-left:12px!important;padding-right:12px!important}
}
/* lopende band van rand tot rand */
.elementor-element-a95e91e,.elementor-element-c824d3d{overflow:hidden}
.elementor-element-a95e91e .kayanyazi{width:100vw;margin-left:calc(50% - 50vw);max-width:none}
.site-header a.bj-order-btn{padding:0 22px 0 7px!important;gap:20px;flex:0 0 auto;line-height:1}
@media(max-width:1200px){.site-header a.bj-order-btn{padding:0 18px 0 6px!important;gap:16px}}
@media(max-width:600px){.site-header a.bj-order-btn{padding:6px!important}}
@media(max-width:767px){.elementor-element-c5a5c05 .pbmit-heading-desc{padding:0 12px}}
@media(min-width:768px) and (max-width:1024px){
  .elementor-element-3ccf99e .elementor-element-d06a378{width:100%!important;max-width:100%;justify-content:center}
  .elementor-element-3ccf99e .elementor-element-d06a378>.elementor-widget-wrap{margin:0 auto!important;max-width:620px;padding:0 20px}
}
/* lopende band: tekst exact verticaal in het midden */
.elementor-element-a95e91e{padding-top:0!important;padding-bottom:0!important}
.elementor-element-a95e91e .elementor-widget-wrap,.elementor-element-a95e91e .elementor-widget-container,.elementor-element-a95e91e .elementor-element-populated{padding:0!important;margin-top:0!important;margin-bottom:0!important}
.kayanyazi{height:62px}
.kayanyazi__item{line-height:1;display:inline-flex;align-items:center;height:62px}
@media (max-width:767px){.kayanyazi{height:48px}.kayanyazi__item{height:48px}}
/* knop "Bestel online": tekst optisch in het midden (Poppins zit anders iets te laag) */
.bj-order-btn__t{display:inline-block;transform:translateY(-1px)}
.bj-order-btn__ic svg{transform:translate(-4px,0)}
.site{overflow:clip!important}
.elementor-198 > .elementor-element-a95e91e{margin-top:0!important}

/* ===== geen handschrift meer: nette 'eyebrow' boven titels ===== */
.pbmit-heading-subheading .pbmit-element-subtitle,.pbmit-ihbox .pbmit-element-subtitle,
.bj-b-eyebrow,.bj-legal__eb,.bj-gift__eb,.bj-rev__eb,.bj-acct__eb,.bj-ac__eb,.script{font-family:Poppins,system-ui,sans-serif!important;font-weight:700!important;font-style:normal!important;text-transform:uppercase;letter-spacing:.14em;line-height:1.35!important;font-size:14px!important}
@media (max-width:767px){.pbmit-heading-subheading .pbmit-element-subtitle,.pbmit-ihbox .pbmit-element-subtitle,.bj-b-eyebrow,.bj-legal__eb,.bj-gift__eb,.bj-rev__eb,.bj-acct__eb,.bj-ac__eb,.script{font-size:12.5px!important}}

/* ===== "Waarom kiezen voor ons?": nummer als nette badge, nooit meer over de tekst ===== */
[class*="bj-why-"] .pbmit-ihbox-inner{display:flex!important;align-items:center;gap:14px;position:relative}
[class*="bj-why-"] .pbmit-ihbox-icon{position:static!important;transform:none!important;margin:0!important;flex:0 0 auto}
[class*="bj-why-"] .pbmit-ihbox-icon-wrapper{position:static!important;display:grid!important;place-items:center;width:52px!important;height:52px!important;border-radius:16px;background:var(--bj-red,#B80818)!important;color:#fff!important;-webkit-text-stroke:0!important;font:800 18px/1 Poppins,sans-serif!important;opacity:1!important;letter-spacing:0!important;box-shadow:0 10px 22px rgba(184,8,24,.22)}
[class*="bj-why-"] .pbmit-ihbox-contents{position:static!important;margin:0!important;padding:0!important}
[class*="bj-why-"] .pbmit-element-title{margin:0!important;font-size:20px!important;line-height:1.25!important}
[class*="bj-why-"] .pbmit-ihbox-contents-inner-wrap{margin-top:10px!important;padding:0!important}
[class*="bj-why-"] .pbmit-heading-desc{margin:0!important}
.bj-why-3 .pbmit-ihbox-inner,.bj-why-4 .pbmit-ihbox-inner{flex-direction:row-reverse;text-align:right}
.bj-why-3 .pbmit-ihbox-contents-inner-wrap,.bj-why-4 .pbmit-ihbox-contents-inner-wrap{text-align:right}
@media (max-width:1024px){
  .elementor-element-dc878eb>.elementor-container{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 28px}
  .elementor-element-dc878eb .elementor-element-6152e5e{grid-column:1/-1;grid-row:1;width:100%!important;max-width:420px;margin:0 auto}
  .elementor-element-dc878eb .elementor-element-270f219,.elementor-element-dc878eb .elementor-element-52bdbde{width:100%!important}
  .elementor-element-dc878eb .elementor-element-270f219>.elementor-widget-wrap,.elementor-element-dc878eb .elementor-element-52bdbde>.elementor-widget-wrap{display:grid!important;gap:22px}
  [class*="bj-why-"]{margin:0!important;padding:20px!important;background:#fff;border-radius:20px;box-shadow:0 10px 26px rgba(80,40,20,.07);height:100%}
  .bj-why-3 .pbmit-ihbox-inner,.bj-why-4 .pbmit-ihbox-inner{flex-direction:row;text-align:left}
  .bj-why-3 .pbmit-ihbox-contents-inner-wrap,.bj-why-4 .pbmit-ihbox-contents-inner-wrap{text-align:left}
}
@media (max-width:640px){
  .elementor-element-dc878eb>.elementor-container{grid-template-columns:1fr;gap:14px}
  .elementor-element-dc878eb .elementor-element-6152e5e{max-width:300px}
  [class*="bj-why-"] .pbmit-element-title{font-size:18px!important}
}
[class*="bj-why-"] .pbmit-heading-desc,[class*="bj-why-"] .pbmit-ihbox-contents-inner-wrap{padding-left:0!important;margin-left:0!important;text-indent:0!important}
@media (max-width:1024px){
  .elementor-element-dc878eb .elementor-column{width:auto!important;max-width:none!important;flex:none!important;min-width:0}
  .elementor-element-dc878eb .elementor-element-6152e5e{max-width:380px!important;margin:0 auto!important}
  .elementor-element-0cff698 .elementor-element-618f9c3,.elementor-element-0cff698 .elementor-element-167547f,.elementor-element-0cff698 .elementor-element-dd18f75{display:none!important}
  .elementor-element-daf2eee{margin-bottom:10px!important}
}
[class*="bj-why-"] .pbmit-ihbox{padding:0!important}
@media (max-width:1024px){
  .elementor-element-dc878eb .elementor-element-6152e5e{width:100%!important;min-height:300px}
  .elementor-element-dc878eb>.elementor-container{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}
  .elementor-element-dc878eb{padding-left:0!important;padding-right:0!important;margin:0!important}
}
@media (max-width:1024px){
  [class*="bj-why-"]{width:100%!important;max-width:none!important;position:relative!important;left:auto!important;right:auto!important;transform:none!important}
  [class*="bj-why-"] .pbmit-ihbox,[class*="bj-why-"] .pbmit-ihbox-inner,[class*="bj-why-"] .elementor-widget-container{margin:0!important;left:auto!important;right:auto!important;transform:none!important;width:auto!important}
}
@media (max-width:1024px){.elementor-element-dc878eb .elementor-widget-wrap{padding:0!important}}
