/* ===================================================================
   BuzzBij.nl — voedselbos.css (LICHT + header 10px + .bb-btn-2)
   =================================================================== */

/* ---------- Variabelen ---------- */
:root{
  --bb-safe-top-header: 64px;
  --bb-header-offset: 10px;
}

/* ---------- Skelet + sticky footer ---------- */
body.bb-public{ min-height:100svh; display:flex; flex-direction:column; }
#bb-site-footer,#site-footer,footer#bb-site-footer{ margin-top:auto; }

/* ---------- Backdrop + dimlaag (LICHT) ---------- */
body.bb-public:not(.bb-front-lock) .bb-bos-honing-backdrop{
  position: fixed; inset: 0; z-index: 0; pointer-events: none;
  background:
    radial-gradient(1100px 360px at 50% 0%, rgb(0 0 0 / .16), transparent 70%),
    linear-gradient(to bottom,#dce9e2 0%,#cfe3d6 28%,#f3ede3 68%,#edd5a3 100%);
  background-repeat:no-repeat; background-size:cover; background-position:center top;
}
body.bb-public:not(.bb-front-lock) .bb-bijen-dimmer{
  position: fixed; inset: 0; z-index: 1; pointer-events: none;
  background: linear-gradient(to bottom,
    rgb(0 0 0 / .14) 0%,
    rgb(0 0 0 / .10) 40%,
    rgb(0 0 0 / .06) 100%);
}

/* ---------- Header fixed + spiegelstrook (10px offset) ---------- */
body.bb-public .site-header,
body.bb-public .bb-site-header,
body.bb-public [data-bb="site-header"],
body.bb-front-lock .site-header,
body.bb-front-lock .bb-site-header,
body.bb-front-lock [data-bb="site-header"]{
  position: fixed; left: 0; right: 0; z-index: 1000;
  top: var(--bb-header-offset, 0px);
}
body.bb-public:not(.bb-front-lock)::before{
  content:""; position: fixed; top:0; left:0; right:0;
  height: calc(var(--bb-header-offset,0px) + var(--bb-safe-top-header, 64px));
  z-index: 900; pointer-events:none;
  background:
    radial-gradient(1100px 360px at 50% 0%, rgb(0 0 0 / .16), transparent 70%),
    linear-gradient(to bottom,#dce9e2 0%,#cfe3d6 28%,#f3ede3 68%,#edd5a3 100%);
  background-repeat:no-repeat; background-size:100% 100vh; background-position:center top;
}
body.bb-public:not(.bb-front-lock)::after{
  content:""; position: fixed; top:0; left:0; right:0;
  height: calc(var(--bb-header-offset,0px) + var(--bb-safe-top-header, 64px));
  z-index: 901; pointer-events:none;
  background: linear-gradient(to bottom,
    rgb(0 0 0 / .14) 0%,
    rgb(0 0 0 / .10) 40%,
    rgb(0 0 0 / .06) 100%);
  background-repeat:no-repeat; background-size:100% 100vh; background-position:center top;
}
body.bb-front-lock::before, body.bb-front-lock::after{ content:none !important; }
.bb-header-veil, .bb-header-spacer{ display:none !important; }

/* ---------- Lichte GLAS-container ---------- */
main.bb-bijen{
  position:relative; z-index:2;
  width:1120px; max-width:calc(100% - 2 * clamp(16px,4vw,24px));
  margin: calc(var(--bb-header-offset,0px) + var(--bb-safe-top-header, 64px)) auto 56px;
  padding:0 clamp(16px,4vw,24px) 120px;
  box-sizing:border-box; color:#1a1a1a;
  border-radius:22px;
  background:
    linear-gradient(to bottom, rgba(255,255,255,.14) 0%, rgba(255,255,255,.10) 55%, rgba(247,246,243,.78) 100%);
  -webkit-backdrop-filter: blur(8px) saturate(1.02);
  backdrop-filter: blur(8px) saturate(1.02);
  border:1px solid rgba(255,255,255,.18);
  box-shadow: 0 10px 40px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.35), inset 0 -1px 0 rgba(0,0,0,.06);
  background-clip: padding-box;
}
main.bb-bijen::before{
  content:""; position:absolute; left:10px; right:10px; top:8px; height:1px; border-radius:999px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.35), transparent);
}
main.bb-bijen h1{ margin:0 0 10px; font-size:clamp(26px,3vw,44px); font-weight:800; color:#1a1a1a; }
body.bb-public main.bb-bijen :where(h1,h2,h3,h4,h5,h6){
  scroll-margin-top: calc(var(--bb-header-offset,0px) + var(--bb-safe-top-header, 64px));
}

/* ===================================================================
   BUTTONS — donatieknop .bb-btn-2
   =================================================================== */
.bb-btn-1, .bb-btn-2, .bb-btn-3, .bb-btn-4, .bb-btn-5{
  display:inline-flex; align-items:center; justify-content:center; text-decoration:none;
  border-radius:999px; padding:11px 18px;
  font-size:16px; font-weight:800; letter-spacing:.02em;
  transition: transform .12s ease, background-color .12s ease, border-color .12s ease, color .12s ease, box-shadow .12s ease;
}
.bb-btn-2{
  color:#2f2202;
  background: linear-gradient(180deg, #f3cd6b, #e2b552);
  border:1px solid #d29f3a;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.35), 0 8px 24px rgba(210,159,58,.25);
}
.bb-btn-2:hover{ transform:translateY(-1px); box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 10px 28px rgba(210,159,58,.30); }
.bb-btn-2:focus-visible{ outline:2px solid rgba(210,159,58,.45); outline-offset:2px; }
.bb-btn-2 > svg{ width:1.1em; height:1.1em; }

/* ===================================================================
   VOEDSELBOS — componenten
   =================================================================== */
.bb-voedselbos-page .bb-page-head{margin-bottom:clamp(16px,2.5vw,28px);}
.bb-voedselbos .vb-section{
  scroll-margin-top: calc(var(--bb-header-offset,0px) + var(--bb-safe-top-header,64px) + 20px);
  margin-block: clamp(16px,3.5vw,32px);
}
.bb-voedselbos .vb-title{display:flex;align-items:center;gap:.6rem;font-size:clamp(1.25rem,1.1rem + 1vw,1.6rem);line-height:1.2;margin:0 0 .6rem 0;}
.bb-voedselbos .vb-ico{display:inline-flex;opacity:.9;}

/* Glaskaarten */
.bb-voedselbos .vb-card{
  position:relative; overflow:clip;
  padding:clamp(16px,2.5vw,24px);
  border-radius:16px;
  background: rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.30);
  box-shadow: 0 12px 36px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.10);
  -webkit-backdrop-filter: blur(10px) saturate(1.06);
  backdrop-filter: blur(10px) saturate(1.06);
  transition:none; cursor:default;
}
.bb-voedselbos .vb-card::after{
  content:""; position:absolute; inset:0; pointer-events:none; border-radius:inherit;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-size:cover; z-index:0;
  opacity:.028;
}
.bb-voedselbos .vb-card > *{ position:relative; z-index:1; }

/* Varianten erven basis */
.bb-voedselbos .vb-card--forest,
.bb-voedselbos .vb-card--honey,
.bb-voedselbos .vb-card--water,
.bb-voedselbos .vb-card--neutral,
.bb-voedselbos .vb-card--sun{ background: inherit; border-color: inherit; box-shadow: inherit; }

/* ‘Naar boven’ anker — enkel icoon */
.bb-voedselbos .vb-to-top{
  position:absolute; right:12px; bottom:12px;
  display:inline-flex; align-items:center; justify-content:center; text-decoration:none; color:inherit;
  width:auto; height:auto; padding:0; margin:0; background:none; border:0; box-shadow:none; backdrop-filter:none; border-radius:0; transition:none; cursor:default;
}
.bb-voedselbos .vb-card{ padding-bottom: clamp(16px,2.5vw,24px); }

/* Geen hover/lift/outline overal — .vb-card UITGESLOTEN zodat schaduwen blijven */
.bb-voedselbos *{ -webkit-tap-highlight-color: transparent; }
.bb-voedselbos :where(a,summary,button,figure,.vb-mini,.vb-timeline li,.vb-faq,.vb-photo,.vb-note,img):hover{
  outline:none !important; box-shadow:inherit !important; border-color:inherit !important; transform:none !important;
}

/* Lists & grids + ill-rijen */
.bb-voedselbos .vb-list{padding-left:1.2rem;margin:.5rem 0 1rem 0;}
.bb-voedselbos .vb-list li{margin:.25rem 0;}
.bb-voedselbos .vb-grid-2{display:grid;gap:clamp(12px,2vw,20px);grid-template-columns:1fr;}
@media (min-width:860px){.bb-voedselbos .vb-grid-2{grid-template-columns:1fr 1fr;}}
.bb-voedselbos .vb-grid-3{display:grid;gap:clamp(10px,2vw,16px);grid-template-columns:1fr;}
@media (min-width:900px){.bb-voedselbos .vb-grid-3{grid-template-columns:repeat(3,1fr);}}

/* Illustratie-rijen */
.bb-voedselbos .vb-ill-row{display:grid;grid-template-columns:1fr;gap:clamp(12px,2vw,18px);align-items:center;margin:.8rem 0 1.2rem;}
@media (min-width:860px){
  .bb-voedselbos .vb-ill-row--a{grid-template-columns:.9fr 1.1fr;}
  .bb-voedselbos .vb-ill-row--b{grid-template-columns:1.15fr .85fr;}
}
.bb-voedselbos .vb-ill-media{padding:0;background:transparent;border:0;box-shadow:none;border-radius:0;}
.bb-voedselbos .vb-ill-media img{width:100%;height:auto;display:block;border:0;border-radius:0;filter:none;}
.bb-voedselbos .vb-ill-media figcaption{font-size:.95rem;opacity:.92;margin-top:6px;}
.bb-voedselbos .vb-ill-text h3{margin:0 0 .35rem 0;font-size:clamp(1.05rem,1rem + .6vw,1.25rem);}
.bb-voedselbos .vb-ill-text p{margin:.25rem 0;}

/* Foto placeholders */
.bb-voedselbos .vb-photo{
  width:100%; border-radius:14px; overflow:hidden;
  background: linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.16);
  box-shadow: 0 0 0 0 rgba(0,0,0,0);
  transition:none; cursor:default;
}
.bb-voedselbos .ph-16x9{aspect-ratio:16/9;}
.bb-voedselbos .ph-4x3{aspect-ratio:4/3;}
.bb-voedselbos .ph-3x2{aspect-ratio:3/2;}
.bb-voedselbos .ph-21x9{aspect-ratio:21/9;}

/* ===================================================================
   STAPPENPLAN
   =================================================================== */
.bb-voedselbos .vb-timeline{position:relative; display:grid; gap:12px; list-style:none; padding:0; margin:.5rem 0 0 0;}
.bb-voedselbos .vb-timeline::before{
  content:""; position:absolute; left:24px; top:0; bottom:0; width:2px;
  background: linear-gradient(180deg, rgba(255,255,255,.26), rgba(255,255,255,.10));
}
.bb-voedselbos .vb-timeline li{
  position:relative; padding:14px 14px 14px 56px; border-radius:14px;
  background: rgba(255,255,255,.06);
  border: 0 !important;
  -webkit-backdrop-filter: blur(6px) saturate(1.02); backdrop-filter: blur(6px) saturate(1.02);
  box-shadow: 0 0 0 0 rgba(0,0,0,0);
  transition:none; cursor:default;
}
.bb-voedselbos .vb-timeline li::before{
  content:""; position:absolute; left:18px; top:18px; width:12px; height:12px; border-radius:50%;
  background: radial-gradient(circle at 40% 35%, #ffd67a 0 45%, #ffb84a 90%);
}
.bb-voedselbos .vb-timeline li:not(:last-child)::after{
  content:""; position:absolute; left:24px; top:30px; bottom:-12px; width:2px;
  background: linear-gradient(180deg, rgba(255,255,255,.24), rgba(255,255,255,.10));
}
.bb-voedselbos .vb-timeline .vb-step-head{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem;}
.bb-voedselbos .vb-timeline h3{margin:0 0 .15rem;font-size:1.02rem;}
.bb-voedselbos .vb-timeline p{margin:.25rem 0 0 0;}
.bb-voedselbos .vb-timeline li:is(:hover,:focus,:active,:focus-visible){
  border:0 !important; box-shadow:none !important; outline:none !important; transform:none !important;
}

/* Chips */
.bb-voedselbos .vb-chip{
  display:inline-block;font-size:.78rem;line-height:1;border-radius:999px;
  padding:.28rem .6rem;border:1px solid rgba(255,255,255,.25);
  background:rgba(255,255,255,.08);backdrop-filter:blur(4px);
  text-transform:none;letter-spacing:.02em;white-space:nowrap; transition:none; cursor:default;
}
.bb-voedselbos .vb-chip--now{border-color:rgba(255,214,122,.8);background:rgba(255,214,122,.15);}
.bb-voedselbos .vb-chip--next{border-color:rgba(122,214,255,.7);background:rgba(122,214,255,.12);}
.bb-voedselbos .vb-chip--later{border-color:rgba(190,190,190,.6);background:rgba(255,255,255,.06);}

/* --- Stappenplan: groen 'Afgerond' --- */
#stappenplan .vb-timeline li.vb-done::before{
  background: radial-gradient(circle at 40% 35%, #8ee69b 0 45%, #3fbb58 90%);
}
#stappenplan .vb-chip--done{
  border-color: rgba(104,205,120,.8);
  background: rgba(104,205,120,.18);
}

/* ===================================================================
   SUB-KAARTEN — .vb-mini
   =================================================================== */
.bb-voedselbos .vb-mini{
  position:relative; border-radius:12px; padding:12px;
  background: rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.26);
  box-shadow: 0 8px 24px rgba(0,0,0,.16);
  -webkit-backdrop-filter: blur(8px) saturate(1.05);
  backdrop-filter: blur(8px) saturate(1.05);
  transition:none; cursor:default;
}
.bb-voedselbos .vb-mini::after{
  content:""; position:absolute; inset:0; pointer-events:none; border-radius:inherit; z-index:0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-size:cover;
  opacity:.026;
}
.bb-voedselbos .vb-mini > *{ position:relative; z-index:1; }

/* CTA, gallery, notes */
.bb-voedselbos .vb-cta-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px;}
.bb-voedselbos .vb-cta{text-decoration:none;display:inline-block;}
.bb-voedselbos .vb-disclaimer{opacity:.85;font-size:.95rem;margin-top:8px;}
.bb-voedselbos .vb-gallery-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(180px,1fr);gap:10px;overflow-x:auto;overscroll-beavior-x:contain;scroll-snap-type:x proximity;padding-bottom:6px;}
.bb-voedselbos .vb-gallery-strip .vb-photo{scroll-snap-align:start;}
.bb-voedselbos .vb-note{
  margin-top:10px; padding:10px 12px; border-radius:10px;
  background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.12);
}

/* =======================  FAQ ======================= */
.bb-voedselbos .vb-faq{
  margin:8px 0; border:1px solid rgba(255,255,255,.16); border-radius:10px;
  background: rgba(255,255,255,.05);
  -webkit-backdrop-filter: blur(6px) saturate(1.02); backdrop-filter: blur(6px) saturate(1.02);
  box-shadow: 0 0 0 0 rgba(0,0,0,0);
  overflow:hidden; padding:0;
  transition: background-color .38s cubic-bezier(.2,.8,.2,1), border-color .38s cubic-bezier(.2,.8,.2,1), box-shadow .38s cubic-bezier(.2,.8,.2,1);
}
.bb-voedselbos .vb-faq + .vb-faq{ margin-top:10px; }
.bb-voedselbos .vb-faq>summary::-webkit-details-marker{ display:none; }
.bb-voedselbos .vb-faq>summary{
  cursor:pointer; list-style:none; padding:12px 14px 12px 36px; position:relative; user-select:none;
}
.bb-voedselbos .vb-faq>summary::before{
  content:""; position:absolute; left:14px; top:50%; width:8px; height:8px; margin-top:-4px;
  border-right:1.25px solid currentColor; border-bottom:1.25px solid currentColor;
  transform: rotate(-45deg); opacity:.48;
  transition: transform .42s cubic-bezier(.2,.8,.2,1), opacity .42s cubic-bezier(.2,.8,.2,1);
}
.bb-voedselbos .vb-faq[open]>summary::before{ transform: rotate(45deg); opacity:.54; }
.bb-voedselbos .vb-faq>summary:focus-visible{ outline:2px solid rgba(255,214,122,.9); outline-offset:2px; border-radius:4px; }
.bb-voedselbos .vb-faq>div{
  padding:12px 14px 14px 36px; border-top:1px solid rgba(255,255,255,.12);
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
}
@media (prefers-reduced-motion: reduce){
  .bb-voedselbos .vb-faq,
  .bb-voedselbos .vb-faq>summary::before,
  .bb-voedselbos .vb-faq>div{ transition: none !important; }
}

/* A11y */
.bb-voedselbos .vb-title:focus,
.bb-voedselbos a:focus:not(.vb-to-top){ outline:2px solid rgba(255,214,122,.9); outline-offset:2px; }

/* Responsive fine-tuning */
@media (max-width:560px){
  main.bb-bijen{padding:14px;}
  .bb-voedselbos .vb-anchors a{font-size:.9rem;}
  .bb-voedselbos .vb-timeline::before{ left:20px; }
  .bb-voedselbos .vb-timeline li{ padding-left:52px; }
  .bb-voedselbos .vb-timeline li::before{ left:14px; }
  .bb-voedselbos .vb-timeline li:not(:last-child)::after{ left:20px; }
}

/* ====================== Water & energie — links BOVEN/ONDER afgerond, flush rechts, geen hover op foto ====================== */
#water-energie.vb-card{ overflow: visible !important; }

/* De fotohouder (figure) met linker hoeken rond, rechts strak en flush rechts */
#water-energie .vb-photo{
  margin:0;
  margin-right: calc(-1 * clamp(16px, 2.5vw, 24px)); /* strak tegen rechter kaart-rand */
  width:auto;
  height:auto !important;
  aspect-ratio:auto !important;                      /* geen impliciete ratio => nooit croppen */
  border-radius:14px 0 0 14px;                       /* links boven + onder rond, rechts strak */
  overflow:hidden;                                    /* clip de afgeronde hoeken */
  background: linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.16);
  box-shadow:none !important;
  transition:none !important;
  cursor:default !important;
}
#water-energie .vb-photo picture{
  display:block; width:100%; height:auto !important; line-height:0;
  border-radius:inherit;                              /* zelfde afronding als container */
}
#water-energie .vb-photo img{
  display:block; width:100%; height:auto !important;
  object-fit:contain !important;                      /* hele illustratie zichtbaar */
  object-position:center bottom;
  border-radius:inherit;                              /* linkerranden mooi rond */
}

/* Kaart-schaduw behouden op hover (géén verandering) */
#water-energie.vb-card:is(:hover,:focus,:active,:focus-visible){
  border-color: rgba(255,255,255,.30) !important;
  box-shadow: 0 12px 36px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.10) !important;
  transform:none !important; outline:none !important; filter:none !important;
}
/* Foto zelf blijft hoverloos */
#water-energie .vb-photo:is(:hover,:focus,:active,:focus-visible){
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:none !important; outline:none !important; transform:none !important; filter:none !important;
}

/* ======================= Updates — identieke fotokaders ======================= */
#updates .vb-grid-3{align-items:start;}
#updates .vb-mini{display:flex;flex-direction:column;}
#updates .vb-mini h3{line-height:1.2;min-height:2.4em;}
#updates .vb-mini .bb-muted{line-height:1.2;min-height:1.2em;}
#updates .vb-mini .vb-photo{
  margin:6px 0 8px 0;
  width:100%;
  aspect-ratio: 3 / 2 !important;
  overflow: hidden;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.16);
  box-shadow: 0 0 0 0 rgba(0,0,0,0);
  transition: none;
  cursor: default;
}
#updates .vb-mini .vb-photo picture{ display:block; width:100%; height:100%; line-height:0; }
#updates .vb-mini .vb-photo img{
  display:block; width:100%; height:100%;
  object-fit: cover; object-position:center; border-radius:inherit;
}
/* — marges uit inline styles — */
#updates .vb-mini .bb-muted{ margin:0 0 6px 0; }
#updates .vb-mini h3{ margin:.1rem 0 .4rem 0; }
#updates .vb-mini p:last-of-type{ margin:0; }

/* ===== HARD STOP hover — Updates (foto altijd statisch) ===== */
#updates .vb-mini .vb-photo:is(:hover,:focus,:active,:focus-visible){
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow: 0 0 0 0 rgba(0,0,0,0) !important;
  outline: none !important;
  transform: none !important;
  filter: none !important;
}

/* ===================================================================
   HARD STOP hover — “Wat is een voedselbos?” (foto + note)
   =================================================================== */
#wat-is-een-voedselbos .vb-photo{
  box-shadow: 0 10px 28px rgba(0,0,0,.22) !important;
  border-color: rgba(255,255,255,.16) !important;
  transition: none !important;
}
#wat-is-een-voedselbos .vb-photo:is(:hover,:focus,:active,:focus-visible){
  box-shadow: 0 10px 28px rgba(0,0,0,.22) !important;
  border-color: rgba(255,255,255,.16) !important;
  outline:none !important; transform:none !important;
}
#wat-is-een-voedselbos .vb-photo img{
  width:100%; height:100%; object-fit:cover; object-position:center; border-radius:inherit; display:block;
}
#wat-is-een-voedselbos .vb-note{
  background: rgba(255,255,255,.04) !important;
  border-color: rgba(255,255,255,.12) !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.22) !important;
  transition: none !important;
}
#wat-is-een-voedselbos .vb-note:is(:hover,:focus,:active,:focus-visible){
  background: rgba(255,255,255,.04) !important;
  border-color: rgba(255,255,255,.12) !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.22) !important;
  outline:none !important; transform:none !important;
}

/* ===================================================================
   HARD STOP hover — “Mijn droom” (foto)
   =================================================================== */
#mijn-droom .vb-photo{
  box-shadow: 0 10px 28px rgba(0,0,0,.22) !important;
  border-color: rgba(255,255,255,.16) !important;
  transition: none !important;
  max-width:50%;
  margin:0 auto;
}
#mijn-droom .vb-photo:is(:hover,:focus,:active,:focus-visible){
  box-shadow: 0 10px 28px rgba(0,0,0,.22) !important;
  border-color: rgba(255,255,255,.16) !important;
  outline:none !important; transform:none !important;
}
#mijn-droom .vb-photo img{
  width:100%; height:auto; display:block; border-radius:inherit;
}

/* ===================================================================
   SECTIE-GLAS OVERRIDES
   =================================================================== */
#stappenplan.vb-card,
#financiering.vb-card,
#updates.vb-card,
#imkerij.vb-card,
#doe-mee.vb-card{
  background: rgba(255,255,255,.16) !important;
  border-color: rgba(255,255,255,.34) !important;
  box-shadow: 0 14px 40px rgba(0,0,0,.24) !important;
  transition: none !important;
  cursor: default !important;
}
#stappenplan.vb-card:is(:hover,:focus,:active,:focus-visible),
#financiering.vb-card:is(:hover,:focus,:active,:focus-visible),
#updates.vb-card:is(:hover,:focus,:active,:focus-visible),
#imkerij.vb-card:is(:hover,:focus,:active,:focus-visible),
#doe-mee.vb-card:is(:hover,:focus,:active,:focus-visible){
  background: rgba(255,255,255,.16) !important;
  border-color: rgba(255,255,255,.34) !important;
  box-shadow: 0 14px 40px rgba(0,0,0,.24) !important;
  outline: none !important;
  transform: none !important;
}

/* ===================================================================
   MINI-TEGELS IN SECTIES
   =================================================================== */
#financiering .vb-mini,
#updates .vb-mini,
#imkerij .vb-mini,
#doe-mee .vb-mini{
  border: 1px solid rgba(255,255,255,.28) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.16) !important;
  background: rgba(255,255,255,.14) !important;
  transition: none !important; cursor: default !important;
}
#financiering .vb-mini:is(:hover,:focus,:active,:focus-visible),
#updates    .vb-mini:is(:hover,:focus,:active,:focus-visible),
#imkerij    .vb-mini:is(:hover,:focus,:active,:focus-visible),
#doe-mee    .vb-mini:is(:hover,:focus,:active,:focus-visible){
  border: 1px solid rgba(255,255,255,.28) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.16) !important;
  background: rgba(255,255,255,.14) !important;
  transform: none !important; outline: none !important;
}

/* ===================================================================
   TRANSPARANTIE — note
   =================================================================== */
#transparantie .vb-note{
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.22) !important;
  border-radius: 10px;
  padding: 10px 12px;
  margin-top: 8px;
  transition: none !important;
}
#transparantie .vb-note:is(:hover,:focus,:active,:focus-visible){
  background: rgba(255,255,255,.04) !important;
  border-color: rgba(255,255,255,.12) !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.22) !important;
  outline: none !important; transform: none !important;
}

/* ===================================================================
   FINANCIERING — PROGRESS BAR
   =================================================================== */
#financiering .vb-progress{ margin-top:12px; }
#financiering .vb-progress__label{ font-size:.95rem; margin-bottom:6px; }
#financiering .vb-progress__bar{
  height:12px; border-radius:999px; overflow:hidden;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.16);
}
#financiering .vb-progress__bar>span{
  display:block; height:100%;
  background:linear-gradient(90deg,#ffd67a,#ffb84a);
  box-shadow:inset 0 -1px 0 rgba(0,0,0,.2);
}
#financiering .vb-progress__hint,
#financiering .vb-progress__privacy{
  margin-top:6px; opacity:.85; font-size:.95rem;
}

/* Anchors */
.bb-voedselbos .vb-to-top,
.bb-voedselbos .vb-to-top:link,
.bb-voedselbos .vb-to-top:visited{
  text-decoration: none;
  color: inherit;
}
.bb-voedselbos .vb-to-top:is(:hover,:focus,:active,:focus-visible){
  color: inherit !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  transform: none !important;
  filter: none !important;
  text-decoration: none !important;
}
/* Imkerij: anker verbergen */
#imkerij .vb-to-top{ display: none !important; }
/* Overige ankerpijlen: cursor */
.bb-voedselbos .vb-to-top,
.bb-voedselbos .vb-to-top:link,
.bb-voedselbos .vb-to-top:visited,
.bb-voedselbos .vb-to-top:hover,
.bb-voedselbos .vb-to-top:focus { cursor: pointer !important; }
.bb-voedselbos .vb-to-top:is(:hover,:focus,:active,:focus-visible){
  color: inherit !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  transform: none !important;
  filter: none !important;
}

/* Einde bestand */