.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}/* Start custom CSS */@import url('https://fonts.googleapis.com/css2?family=Meow+Script&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@500;600;700&family=Titillium+Web:wght@400;600;700;900&family=Inter:wght@400;500;600;700&display=swap');
:root{--bg:#1E2430;--bg2:#171C27;--card:#222A38;--ink:#F3ECDD;--dim:rgba(243,236,221,.74);--amber:#F4A81D;}
body{background:var(--bg);}
body::before{content:"";position:fixed;inset:0;z-index:9998;pointer-events:none;opacity:.04;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}
section{width:100%;box-sizing:border-box;position:relative;overflow:hidden;}
/* achtergrond-variatie + glow per segment */
#hero{background-image:radial-gradient(110% 75% at 50% -5%, rgba(244,168,29,.13), transparent 60%);}
#smaken{background-image:radial-gradient(80% 60% at 100% 100%, rgba(244,168,29,.08), transparent 60%);}
#wafels{background-image:radial-gradient(70% 70% at 0% 30%, rgba(244,168,29,.09), transparent 60%);}
#shakes{background-image:radial-gradient(90% 60% at 50% 0%, rgba(244,168,29,.07), transparent 65%);}
#over-section{background-image:radial-gradient(70% 70% at 100% 40%, rgba(244,168,29,.10), transparent 60%);}
#rev{background-image:radial-gradient(80% 60% at 0% 100%, rgba(244,168,29,.07), transparent 60%);}
/* type */
[id$=-eyebrow]{color:var(--ink);font-family:'Inter',sans-serif;font-weight:600;letter-spacing:.22em;text-transform:uppercase;font-size:13px;margin:0 0 14px;text-align:center;opacity:.85;}
[id$=-title]{font-family:'Titillium Web',sans-serif;font-weight:900;color:var(--amber);line-height:1.05;text-align:center;margin:0 auto 16px;font-size:clamp(1.9rem,5vw,3.3rem);}
#hero-title{font-size:clamp(2.5rem,7.5vw,5.4rem);max-width:16ch;}
[id$=-sub]{font-family:'Inter',sans-serif;color:var(--dim);text-align:center;line-height:1.65;margin:0 auto 40px;max-width:52ch;font-size:clamp(1rem,2.4vw,1.18rem);}
/* knoppen */
#hero-btns{margin:8px 0 30px;}
[id^=btn-primary],[id^=btn-primary] a,[id^=btn-primary] button{background:var(--amber)!important;color:#1E2430!important;font-family:'Titillium Web',sans-serif!important;font-weight:700!important;padding:16px 32px!important;border-radius:999px!important;text-decoration:none!important;border:none!important;transition:transform .2s ease,box-shadow .2s ease;}
[id^=btn-primary]:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(244,168,29,.3);}
[id^=btn-secondary],[id^=btn-secondary] a,[id^=btn-secondary] button{background:transparent!important;color:var(--ink)!important;border:1.5px solid rgba(243,236,221,.45)!important;font-family:'Titillium Web',sans-serif!important;font-weight:600!important;padding:15px 30px!important;border-radius:999px!important;text-decoration:none!important;transition:border-color .2s,color .2s;}
[id^=btn-secondary]:hover{border-color:var(--amber)!important;color:var(--amber)!important;}
#hero-usps{flex-wrap:wrap;gap:12px;}
#hero-usps p{margin:0;font-family:'Inter',sans-serif;color:var(--dim);font-size:.92rem;background:rgba(244,168,29,.08);border:1px solid rgba(244,168,29,.25);padding:8px 16px;border-radius:999px;}
/* smaken grid - gevulde foto + gecentreerde tekst */
#smaken-grid{display:grid!important;grid-template-columns:repeat(4,1fr);gap:24px;width:min(1180px,92vw);margin:0 auto 36px;}
@media(max-width:1000px){#smaken-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){#smaken-grid{grid-template-columns:1fr;}}
#smaken-grid>*{background:var(--card)!important;border:1px solid rgba(244,168,29,.16);border-radius:20px;overflow:hidden;padding:0 0 22px!important;gap:0!important;align-items:stretch!important;text-align:center;transition:transform .25s ease,border-color .25s ease;}
#smaken-grid>*:hover{transform:translateY(-6px);border-color:rgba(244,168,29,.5);}
#smaken-grid .elementor-widget-image,#smaken-grid figure{width:100%!important;margin:0!important;}
#smaken-grid img{width:100%!important;height:210px;object-fit:cover;display:block;margin:0 0 14px!important;}
#smaken-grid h5{margin:0 auto 8px;font-family:'Inter',sans-serif;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--amber);background:rgba(244,168,29,.12);padding:5px 12px;border-radius:999px;}
#smaken-grid h3{margin:2px 16px 8px;font-family:'Titillium Web',sans-serif;font-weight:700;color:var(--ink);font-size:1.2rem;}
#smaken-grid p{margin:0 18px;font-family:'Inter',sans-serif;color:var(--dim);font-size:.9rem;line-height:1.55;}
/* wafels */
#wafels-img img{width:min(520px,90vw);border-radius:24px;display:block;margin:8px auto 30px;box-shadow:0 24px 60px rgba(0,0,0,.4);}
/* shakes */
#shakes-grid{display:grid!important;grid-template-columns:repeat(3,1fr);gap:24px;width:min(1000px,92vw);margin:0 auto 36px;}
@media(max-width:820px){#shakes-grid{grid-template-columns:1fr;}}
#shakes-grid>*{background:var(--card)!important;border:1px solid rgba(244,168,29,.16);border-radius:20px;padding:32px!important;gap:0!important;align-items:flex-start!important;transition:transform .25s,border-color .25s;}
#shakes-grid>*:hover{transform:translateY(-6px);border-color:rgba(244,168,29,.5);}
#shakes-grid h3{font-family:'Titillium Web',sans-serif;font-weight:700;color:var(--ink);font-size:1.35rem;margin:0 0 2px;}
#shakes-grid h6{color:var(--amber);font-family:'Inter',sans-serif;font-weight:600;font-size:.8rem;letter-spacing:.05em;text-transform:uppercase;margin:0 0 16px;}
#shakes-grid p{color:var(--dim);font-family:'Inter',sans-serif;font-size:.95rem;margin:9px 0;padding-left:20px;position:relative;text-align:left;}
#shakes-grid p::before{content:"";position:absolute;left:0;top:.55em;width:7px;height:7px;border-radius:50%;background:var(--amber);}
/* over ons */
#over-img img{width:min(460px,86vw);border-radius:24px;display:block;margin:8px auto 18px;box-shadow:0 24px 60px rgba(0,0,0,.4);}
#over-amb{font-family:'Titillium Web',sans-serif;font-style:italic;color:var(--amber);text-align:center;font-size:1.4rem;margin:10px 0 22px;}
/* reviews */
#rev-grid{display:grid!important;grid-template-columns:repeat(3,1fr);gap:24px;width:min(1120px,92vw);margin:0 auto;}
@media(max-width:820px){#rev-grid{grid-template-columns:1fr;}}
#rev-grid>*{background:var(--card)!important;border:1px solid rgba(244,168,29,.14);border-radius:20px;padding:28px!important;gap:0!important;align-items:flex-start!important;transition:transform .25s,border-color .25s;}
#rev-grid>*:hover{transform:translateY(-5px);border-color:rgba(244,168,29,.4);}
#rev-grid h5{color:var(--amber);font-size:1.05rem;letter-spacing:3px;margin:0 0 12px;}
#rev-grid p{color:var(--ink);font-family:'Inter',sans-serif;font-style:italic;line-height:1.6;margin:0 0 14px;text-align:left;}
#rev-grid h6{color:var(--dim);font-family:'Inter',sans-serif;font-weight:600;font-size:.85rem;margin:0;}
/* footer met contact + openingstijden */
#foot{background:#12161E;padding:64px 24px 40px;}
#foot-logo img{width:160px;display:block;margin:0 auto 10px;}
#foot-cols{display:flex;gap:60px;flex-wrap:wrap;justify-content:center;width:min(900px,92vw);margin:24px auto 28px;}
#foot-cols>*{flex:1 1 280px;text-align:left;}
#foot h4{font-family:'Titillium Web',sans-serif;color:var(--amber);font-weight:700;font-size:1.1rem;margin:0 0 14px;}
#foot p{color:var(--dim);font-family:'Inter',sans-serif;margin:6px 0;font-size:.93rem;}
#foot [id^=foot-hours] p{display:flex;justify-content:space-between;border-bottom:1px solid rgba(243,236,221,.07);padding:6px 0;}
#foot a,#foot-contact a{color:var(--amber);text-decoration:none;}
#foot-copy{color:rgba(243,236,221,.5);text-align:center;font-size:.85rem;margin-top:18px;}
/* ===== PREMIUM PASS ===== */
html{scroll-behavior:smooth;}
section{scroll-margin-top:84px;padding-top:clamp(74px,9vw,124px)!important;padding-bottom:clamp(74px,9vw,124px)!important;}
a:focus-visible,button:focus-visible,[id^=btn-] a:focus-visible,[id^=btn-] button:focus-visible{outline:3px solid rgba(244,168,29,.7);outline-offset:3px;}
[id^=btn-]{cursor:pointer;}
[id$=-sub]{margin-bottom:clamp(34px,5vw,54px);}
#hero{padding-top:clamp(120px,16vh,180px)!important;}
/* ===== ACHTERGROND: afbeeldingen + bewegende orbs ===== */
section>*{position:relative;z-index:1;}
section::before{content:"";position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;opacity:.09;pointer-events:none;}
#hero::before{background-image:url('https://bananasijs.nl/wp-content/themes/bananas-theme/assets/images/dark-texture-bg.jpg');opacity:.22;}
#shakes::before{background-image:url('https://bananasijs.nl/wp-content/themes/bananas-theme/assets/images/drinks.jpg');opacity:.10;}
#over-section::before{background-image:url('https://bananasijs.nl/wp-content/uploads/2026/05/banaan-bg.jpg');opacity:.06;}
#rev::before{background-image:url('https://bananasijs.nl/wp-content/themes/bananas-theme/assets/images/crazy-shakes-group.jpg');opacity:.06;}
section::after{content:"";position:absolute;border-radius:50%;z-index:0;pointer-events:none;filter:blur(34px);background:radial-gradient(circle,rgba(244,168,29,.16),transparent 70%);}
#hero::after{width:460px;height:460px;top:-140px;right:-110px;animation:bnfl1 15s ease-in-out infinite;}
#smaken::after{width:360px;height:360px;bottom:-130px;left:-90px;animation:bnfl2 18s ease-in-out infinite;}
#shakes::after{width:420px;height:420px;top:-120px;left:38%;animation:bnfl1 21s ease-in-out infinite;}
#over-section::after{width:380px;height:380px;top:26%;right:-130px;animation:bnfl2 17s ease-in-out infinite;}
#rev::after{width:340px;height:340px;bottom:-110px;right:-70px;animation:bnfl1 19s ease-in-out infinite;}
@keyframes bnfl1{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-50px,42px) scale(1.12)}}
@keyframes bnfl2{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(46px,-36px) scale(1.1)}}
@media(prefers-reduced-motion:reduce){section::after{animation:none!important;}}
/* footer 3 kolommen */
#foot-cols{width:min(1080px,92vw)!important;gap:44px!important;align-items:flex-start;}
#foot-cols>*{flex:1 1 240px;}
#foot-menu p{margin:5px 0;}
#foot-menu a,#foot-menu p a{color:rgba(243,236,221,.74)!important;text-decoration:none;font-family:'Inter',sans-serif;transition:color .2s;}
#foot-menu a:hover,#foot-menu p a:hover,#foot-menu p:hover{color:#F4A81D!important;}
/* menu-kolom: amber lijn i.p.v. kop */
#foot-menu{border-top:3px solid var(--amber);padding-top:20px;margin-top:6px;}
/* producten: 3 kolommen (2 rijen van 3) */
#smaken-grid{grid-template-columns:repeat(3,1fr)!important;width:min(1080px,92vw)!important;}
@media(max-width:900px){#smaken-grid{grid-template-columns:repeat(2,1fr)!important;}}
@media(max-width:560px){#smaken-grid{grid-template-columns:1fr!important;}}
/* hero achtergrondfoto met donker verloop voor leesbaarheid */
#hero::before{background-image:linear-gradient(180deg,rgba(20,24,32,.55),rgba(20,24,32,.88)),url('https://bananasijs.nl/wp-content/themes/bananas-theme/assets/images/crazy-shakes-group.jpg')!important;background-size:cover!important;background-position:center!important;opacity:1!important;}
#hero::before{background-image:linear-gradient(180deg,rgba(20,24,32,.30),rgba(20,24,32,.62)),url('https://bananasijs.nl/wp-content/themes/bananas-theme/assets/images/crazy-shakes-group.jpg')!important;background-size:cover!important;background-position:center 35%!important;opacity:1!important;}
#hero::after{display:none;}
#hero::before{background-image:linear-gradient(180deg,rgba(20,24,32,.66) 0%,rgba(20,24,32,.40) 55%,rgba(20,24,32,.50) 100%),url('https://bananasijs.nl/wp-content/themes/bananas-theme/assets/images/crazy-shakes-group.jpg')!important;background-size:cover!important;background-position:center 80%!important;opacity:1!important;}
#hero::before{background-image:linear-gradient(180deg,rgba(20,24,32,.70) 0%,rgba(20,24,32,.34) 48%,rgba(20,24,32,.12) 100%),url('https://bananasijs.nl/wp-content/themes/bananas-theme/assets/images/crazy-shakes-group.jpg')!important;background-size:cover!important;background-position:center bottom!important;opacity:1!important;}
#hero::before{background-image:url('https://bananasijs.nl/wp-content/themes/bananas-theme/assets/images/crazy-shakes-group.jpg')!important;background-size:cover!important;background-position:center bottom!important;opacity:1!important;}
/* hero achtergrondfoto als echt element */
#hero-bg{position:absolute!important;inset:0!important;z-index:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;}
#hero-bg .elementor-widget-container,#hero-bg figure{height:100%!important;margin:0!important;}
#hero-bg img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 62%!important;display:block!important;}
#hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,24,32,.66) 0%,rgba(20,24,32,.38) 52%,rgba(20,24,32,.34) 100%);}
/* ===== hero leesbaarheid + knop + usp (ui-ux-pro-max: contrast 4.5:1) ===== */
/* 1) sterkere scrim over de foto + text-shadow op hero-teksten */
#hero-bg::after{background:linear-gradient(180deg,rgba(15,19,27,.76) 0%,rgba(15,19,27,.58) 46%,rgba(15,19,27,.52) 100%)!important;}
#hero-title{text-shadow:0 3px 22px rgba(0,0,0,.65),0 1px 3px rgba(0,0,0,.5);}
#hero-sub,#hero-eyebrow{text-shadow:0 2px 14px rgba(0,0,0,.7);}
/* 2) Menukaart-knop in hero: vaste donkere pagina-achtergrond (foto niet meer zichtbaar) */
#btn-secondary-hero,#btn-secondary-hero a,#btn-secondary-hero button{background:#1E2430!important;}
/* 3) USP-boxjes: transparant donkergrijs + amber outline */
.bn-usp-i{background:rgba(18,22,30,.64)!important;border:1px solid rgba(244,168,29,.6)!important;backdrop-filter:blur(3px);}
/* handgeschreven label boven de titels */
[id$=-eyebrow]{font-family:'Caveat',cursive!important;font-weight:600!important;text-transform:lowercase!important;letter-spacing:0!important;font-size:clamp(1.45rem,3vw,2rem)!important;opacity:1!important;color:var(--ink)!important;margin-bottom:4px!important;}
#hero-eyebrow{color:#F4A81D!important;}
#hero-eyebrow{color:var(--ink)!important;}
.bn-hrs-src{display:none!important;}
/* form-kolom uitlijnen met openingstijden */
#foot-cols .bn-ff{padding-top:12px!important;}
/* kaart volle breedte in contact-kolom */
#foot-contact{align-items:stretch!important;}
#bn-map-link,#bn-map{width:100%!important;}
/* footer: amber lijn boven + onderbalk (logo links, copyright rechts) */
#foot{border-top:3px solid var(--amber)!important;}
#foot-bottom{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;width:min(1080px,92vw)!important;margin:40px auto 0!important;padding-top:24px;border-top:1px solid rgba(243,236,221,.08);gap:16px;flex-wrap:wrap;}
#foot-logo{align-items:flex-start!important;margin:0!important;}
#foot-logo img{width:150px!important;margin:0!important;}
#foot-copy{margin:0!important;text-align:right!important;}
/* onderbalk: 3 kolommen (logo links, logo-slot midden, copyright rechts) */
#foot-bottom{display:grid!important;grid-template-columns:1fr auto 1fr!important;justify-content:unset!important;}
#foot-bottom>*:nth-child(1){justify-self:start!important;}
#foot-bottom>*:nth-child(2){justify-self:center!important;}
#foot-bottom>*:nth-child(3){justify-self:end!important;}
#foot-mid p{font-family:'Inter',sans-serif;color:rgba(243,236,221,.42)!important;font-size:.78rem!important;letter-spacing:.05em;text-transform:uppercase;border:1px dashed rgba(243,236,221,.28);padding:8px 16px;border-radius:8px;margin:0!important;}
/* script-font -> Meow Script */
[id$=-eyebrow]{font-family:'Meow Script',cursive!important;font-weight:400!important;font-size:clamp(1.7rem,3.6vw,2.5rem)!important;}
/* footer Plan route-knop (klein, bij de map) */
#fbtn-route,#fbtn-route a,#fbtn-route button{display:inline-flex!important;align-self:flex-start;align-items:center;gap:7px;background:#F4A81D!important;color:#1E2430!important;font-family:'Titillium Web',sans-serif!important;font-weight:700!important;padding:9px 20px!important;border-radius:999px!important;text-decoration:none!important;border:none!important;font-size:.88rem!important;margin:10px 0 4px!important;transition:transform .2s,box-shadow .2s;}
#fbtn-route:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(244,168,29,.3);}
/* dunne gele footer-lijn */
#foot{border-top:1px solid var(--amber)!important;}
/* ruimere tekstblokken site-breed */
[id$=-eyebrow]{margin-bottom:18px!important;}
[id$=-title]{margin-bottom:20px!important;}
[id$=-sub]{margin-bottom:clamp(42px,6vw,68px)!important;}
#over-amb{margin:18px 0 26px!important;}
#hero-sub{margin-bottom:30px!important;}
/* footer: fijnere lijn + minder ruimte tot de blokken */
#foot{border-top:1px solid rgba(244,168,29,.5)!important;padding-top:24px!important;}
/* vacature: coupe als full-bleed sectie-achtergrond */
#over-bg{position:absolute!important;inset:0!important;z-index:0!important;width:100%!important;height:100%!important;margin:0!important;}
#over-bg .elementor-widget-container,#over-bg figure{height:100%!important;margin:0!important;}
#over-bg img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;}
#over-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,20,28,.72) 0%,rgba(16,20,28,.6) 50%,rgba(16,20,28,.72) 100%);}
#over-section{min-height:520px;}
#over-section [id$=-title],#over-section [id$=-sub],#over-section #over-amb,#over-section [id$=-eyebrow]{text-shadow:0 2px 12px rgba(0,0,0,.65);}
/* cta full-bleed */
#cta-host{padding:0!important;width:100%;}
/* eyebrows dichter op de section headings */
[id$=-eyebrow]{margin-bottom:4px!important;}
/* Trek gekregen-banner in reviews-blok */
#rev #cta-host,#rev .bn-cta-band{margin-top:clamp(44px,5vw,68px);}
#rev{padding-bottom:clamp(96px,12vw,170px)!important;}
/* script-font -> Caveat */
[id$=-eyebrow]{font-family:'Caveat',cursive!important;font-weight:600!important;font-size:clamp(1.5rem,3.2vw,2.1rem)!important;}/* End custom CSS */