:root{ --pe-green:#133225; --pe-orange:#df6a3e; --pe-beige:#f9eee2; --pe-white:#fff; }

.pe-footcta{ background:var(--pe-beige); border-block:1px solid rgba(19,50,37,.08); }
.pe-footcta__wrap{
  max-width:1200px; margin:0 auto; padding: clamp(20px,4vw,28px) 20px;
  display:grid; grid-template-columns:1fr auto; gap:18px; align-items:center;
}
.pe-footcta__title{ color:var(--pe-green); margin:0; font-size: clamp(20px,2.4vw,28px); }
.pe-footcta__sub{ margin:.2rem 0 0; color:#2a3a31; line-height:25px; }
.pe-btn{
  display:inline-flex; align-items:center; justify-content:center; border-radius:999px;
  padding:10px 16px; font-weight:700; background:var(--pe-orange); color:#fff; text-decoration:none;
  box-shadow:0 8px 20px rgba(223,106,62,.20);
}
.pe-btn:hover{ transform:translateY(-1px); box-shadow:0 12px 24px rgba(223,106,62,.28); }

.pe-footer{ }
.pe-footer--green{ background:var(--pe-green); color:#e9f0ec; }
.pe-footer--white{ background:var(--pe-white); color:#23352c; border-top:1px solid rgba(19,50,37,.08); }
.pe-footer--beige{ background:var(--pe-beige); color:#23352c; border-top:1px solid rgba(19,50,37,.08); }

.pe-footer__wrap{
  max-width:1200px; margin:0 auto; padding: clamp(32px,6vw,64px) 20px;
  display:grid; grid-template-columns: 1.2fr 2fr; gap: clamp(18px,3vw,32px);
}
.pe-footer--green a{ color:#fff; }
.pe-footer__brand{ display:grid; gap:12px; }
.pe-footer__logo img{     display: block;
    max-height: 64px;
    width: auto;
    border-radius: 10px; }
.pe-footer__name{ font-weight:800; font-size:1.25rem; color:#fff; }
.pe-footer__about{ margin:0; opacity:.9; line-height: 25px;}

.pe-footer__cols{
  display:grid; grid-template-columns: repeat(3, 1fr); gap: clamp(14px,2.4vw,28px);
}
.pe-footnav__list{ list-style:none; margin:0; padding:0; display:grid; gap:6px; }
.pe-footnav__list a{ text-decoration:none; opacity:.95; }
.pe-footnav__list a:hover{ text-decoration:underline; }

.pe-footcontact__title{ margin:0 0 8px; font-weight:800; }
.pe-footcontact__addr{ font-style:normal; display:grid; gap:4px; }
.pe-footcontact__addr a{ text-decoration:none; display:flex; align-items:end; }
.pe-footcontact__addr a:hover{ text-decoration:underline; }
.pe-footcontact__addr a svg { margin-right:5px; }
.pe-footcontact__meta{ display:flex; gap:12px; opacity:.9; }

.pe-socials{ display:flex; gap:10px; list-style:none; margin:6px 0 0; padding:0; }
.pe-socials a{ display:inline-grid; place-items:center; width:36px; height:36px; border-radius:10px; background:rgba(255,255,255,.1); color:#fff; }
.pe-footer--white .pe-socials a,
.pe-footer--beige .pe-socials a{ background:rgba(19,50,37,.08); color:var(--pe-green); }
.pe-socials a:hover{ transform: translateY(-1px); }

.pe-footbar{ border-top:1px solid rgba(255,255,255,.16); }
.pe-footer--white .pe-footbar,
.pe-footer--beige .pe-footbar{ border-top:1px solid rgba(19,50,37,.12); }
.pe-footbar__wrap{
  max-width:1200px; margin:0 auto; padding:12px 20px;
  display:flex; gap:14px; align-items:center; justify-content:space-between; flex-wrap:wrap;
}
.pe-footbar__copy{ margin:0; opacity:.9; }
.pe-footlegal__list{ list-style:none; margin:0; padding:0; display:flex; gap:14px; }
.pe-footlegal__list a{ text-decoration:none; opacity:.95; }
.pe-footlegal__list a:hover{ text-decoration:underline; }
.pe-footbar__note{ margin:0; opacity:.85; }

@media (max-width:980px){
  .pe-footcta__wrap{ grid-template-columns:1fr; text-align:center; }
  .pe-footer__wrap{ grid-template-columns:1fr; }
  .pe-footer__cols{ grid-template-columns:1fr 1fr; }
}
@media (max-width:640px){
  .pe-footer__cols{ grid-template-columns:1fr; }
}

:root{
  --cb-bg:#f5f8ff;        /* lichte blauwtint van de balk */
  --cb-text:#0b214a;      /* donkere tekst */
  --cb-blue:#0a4abf;      /* primaire blauw (knoppen) */
  --cb-blue-press:#083a96;
  --cb-blue-outline:#0a4abf33;
  --cb-border:#e6ecff;
  --cb-radius:10px;
  --cb-shadow:0 8px 24px rgba(2,17,79,.08);
}

.cb{position:fixed;left:0;right:0;bottom:0;z-index:9999;background:#f9eee2;border-top:1px solid var(--cb-border);}
.cb.hidden{display:none;}
.cb__inner{max-width:1400px;margin:0 auto;padding:18px 20px;display:flex;flex-direction:column;gap:14px;}
@media (min-width:900px){
  .cb__inner{flex-direction:row;align-items:center;justify-content:space-between;gap:24px;}
}
.cb__text{display:grid;grid-template-columns:auto 1fr;gap:10px 14px;align-items:start;color:var(--cb-text);    align-items: end;}
.cb__icon{font-size:22px;margin-top:4px}
.cb__title{margin:0;font-size:16px;font-weight:700;}
.cb__desc{margin:0;grid-column:1 / -1;font-size:14px;line-height:1.5;color:#233a63;}

.cb__actions{display:flex;gap:14px;flex-wrap:wrap}
.cb__btn{
  appearance:none;border:0;cursor:pointer;border-radius:8px;padding:12px 18px;
  font-weight:600;font-size:14px;box-shadow:var(--cb-shadow);transition:transform .02s ease;
}
.cb__btn:active{transform:translateY(1px);}
.cb__btn--primary{        background: #df6a3e;
    color: white;
    border-radius: 1000px;}
.cb__btn--ghost{        background: none;
    color: black;
    border: 2px solid #df6a3e;
    border-radius: 100px;
}
.cb__btn--outline{    background: none;
    color: black;
    border: 2px solid #df6a3e;
    border-radius: 100px;
}

.cb__prefs{background:#fff;border:1px solid var(--cb-border);border-radius:var(--cb-radius);padding:16px;margin-top:8px}
.cb__form{display:grid;gap:10px}
.cb__row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px dashed var(--cb-border)}
.cb__row:last-child{border-bottom:0}
.cb__help{margin:6px 0 0;color:#4d6288;font-size:12px}
.cb__actions--prefs{justify-content:flex-end}

.cb__switch{display:flex;align-items:center;gap:10px;font-weight:600;color:#1d3158}
.cb__switch input{width:18px;height:18px}

/* Buttons naast elkaar in de cookiebar */
.cb__actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;            /* wrapt netjes als het echt te smal is */
  justify-content:flex-end;  /* rechts uitlijnen zoals je screenshot */
  align-items:center;
}

.cb__btn{
  display:inline-flex !important;  /* breekt thema "block"-stijl */
  align-items:center;
  justify-content:center;
  width:auto !important;           /* niet 100% breed */
  min-width: 160px;                 /* optioneel: gelijke feel */
  white-space:nowrap;               /* geen rare afbrekingen */
}

/* Cookiebuttons naast elkaar (desktop én tablet) */
.cb__actions{
  display:contents !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-end;
  gap:14px;
  flex-wrap:wrap;           /* of: nowrap als je nooit wilt wrappen */
}
.cb__actions > *{
  margin:0 !important;      /* kill eventuele theme-margins */
}
.cb__actions .cb__btn{
  display:inline-flex !important;
  width:auto !important;
  min-width:160px;          /* optioneel voor gelijke breedte */
  white-space:nowrap;
}

/* Als je theme op mobiel expres wil stapelen, mag je dit houden */
@media (max-width: 640px){
  .cb__actions{ flex-direction:column !important; align-items:flex-start; }
}