@charset "UTF-8";
/* ocw-footer-css/1 */

/* /assets/css/footer.css */
:root {
    --navy: #224;
    --panel: #30305b;
    --blue: #668;
    --text: #f5f8fc;
    --muted: #a9b8ca;
    --line: rgba(255, 255, 255, 0.12);
  }
  
  * {
    box-sizing: border-box;
  }
  
  body {
    margin: 0;
    color: #172033;
    background: #f4f6f8;
    font: 16px/1.5 system-ui, -apple-system, "Segoe UI", sans-serif;
  }
  
  .demo {
    min-height: 22vh;
    padding: 32px 20px;
    text-align: center;
  }
  
  .ocw-footer {
    position: relative;
    overflow: hidden;
    color: var(--text);
    background: #224;
    background-image: linear-gradient(150deg, #224 0%, #30305b 18%, #48487b 52%, #5b5b91 78%, #668 100%);
    isolation: isolate;
  }
  
  .ocw-footer::before {
    position: absolute;
    inset: 0;
    pointer-events: none;
    content: "";
    z-index: 0;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0) 34%),
      linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255, 255, 255, 0.026) 1px, transparent 1px);
    background-size: auto, 42px 42px, 42px 42px;
  }

  .ocw-footer::after {
    position: absolute;
    inset: 0;
    pointer-events: none;
    content: "";
    z-index: 0;
    background:
      linear-gradient(112deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0) 24%, rgba(255, 255, 255, 0.08) 84%, rgba(255, 255, 255, 0.16)),
      linear-gradient(180deg, rgba(12, 12, 35, 0.04), rgba(12, 12, 35, 0.19));
  }

  .ocw-footer-glow {
    position: absolute;
    z-index: 0;
    pointer-events: none;
  }

  .ocw-footer .glow-c {
    left: -175px;
    bottom: -230px;
    width: min(1020px, 162vw);
    height: 880px;
    border-radius: 0 84% 0 0;
    background:
      radial-gradient(ellipse at 0% 100%, rgba(255, 253, 205, 0.43) 0%, rgba(255, 239, 151, 0.31) 19%, rgba(252, 211, 101, 0.2) 42%, rgba(252, 211, 101, 0.12) 68%, transparent 91%),
      linear-gradient(47deg, rgba(255, 246, 178, 0.31) 0%, rgba(255, 230, 128, 0.23) 37%, rgba(255, 221, 107, 0.15) 66%, rgba(255, 221, 107, 0.07) 84%, transparent 99%);
    filter: blur(18px);
    mix-blend-mode: screen;
    opacity: 0.95;
    transform: rotate(-2deg);
    animation: ocwFooterGoldDrift 12s ease-in-out infinite;
  }
  
  .ocw-shell {
    position: relative;
    z-index: 1;
    width: min(100%, 1180px);
    padding: 40px 20px 18px;
    margin: auto;
  }
  
  .ocw-grid {
    display: grid;
    gap: 0;
  }
  
  .ocw-brand {
    padding-bottom: 25px;
  }
  
  .ocw-logo {
    display: inline-flex;
    gap: 11px;
    align-items: center;
    color: #fff;
    text-decoration: none;
  }
  
  .ocw-logo > b {
    display: grid;
    width: 48px;
    height: 48px;
    font-size: 29px;
    background: linear-gradient(145deg, #668, #30305b);
    border-radius: 14px;
    place-items: center;
  }
  
  .ocw-logo span {
    display: flex;
    flex-direction: column;
    line-height: 1;
  }
  
  .ocw-logo strong {
    font-size: 23px;
  }
  
  .ocw-logo small {
    margin-top: 5px;
    font-size: 9px;
    color: #a9c9e8;
    text-transform: uppercase;
    letter-spacing: 0.17em;
  }
  
  .ocw-brand p {
    max-width: 460px;
    margin: 18px 0;
    color: var(--muted);
  }
  
  .ocw-trust {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }
  
  .ocw-trust span {
    padding: 7px 10px;
    font-size: 13px;
    border: 1px solid var(--line);
    border-radius: 999px;
  }
  
  address {
    display: grid;
    gap: 9px;
    margin-top: 18px;
    font-style: normal;
  }
  
  address a,
  .ocw-links a {
    color: #c8d5e4;
    text-decoration: none;
  }
  
  address a:hover,
  .ocw-links a:hover {
    color: #fff;
  }
  
  .ocw-section {
    border-top: 1px solid var(--line);
  }
  
  .ocw-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 17px 0;
    font: 700 16px inherit;
    color: #fff;
    text-align: left;
    cursor: pointer;
    background: none;
    border: 0;
  }
  
  .ocw-head span {
    transition: transform 0.2s;
  }
  
  .ocw-section.open .ocw-head span {
    transform: rotate(180deg);
  }
  
  .ocw-panel {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.25s ease;
  }
  
  .ocw-section.open .ocw-panel {
    grid-template-rows: 1fr;
  }
  
  .ocw-panel > div {
    overflow: hidden;
  }
  
  .ocw-links {
    display: grid;
    gap: 11px;
    padding: 0 0 19px;
  }
  
  .ocw-hours dl {
    margin: 0 0 19px;
  }
  
  .ocw-hours dl div {
    display: flex;
    gap: 15px;
    justify-content: space-between;
    padding: 5px 0;
  }
  
  .ocw-hours dt {
    color: #cad5e2;
  }
  
  .ocw-hours dd {
    margin: 0;
    color: var(--muted);
    text-align: right;
  }
  
  .ocw-status {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    padding: 6px 10px;
    margin: 0 0 10px;
    font-size: 13px;
    color: #7ee3a4;
    background: rgba(64, 193, 112, 0.13);
    border-radius: 999px;
  }
  
  .ocw-status i {
    width: 8px;
    height: 8px;
    background: #4bd17d;
    border-radius: 50%;
  }
  
  .ocw-service {
    display: grid;
    gap: 12px;
    padding: 20px 0;
    margin-top: 25px;
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
  }
  
  .ocw-service > div {
    display: flex;
    gap: 10px;
  }
  
  .ocw-service span {
    color: var(--muted);
  }
  
  .ocw-service b {
    display: block;
    color: #fff;
  }
  
  .ocw-payment {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 22px 0 8px;
  }
  
  .ocw-payment-method {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    min-height: 76px;
    padding: 14px;
    background: rgba(255, 255, 255, 0.97);
    border: 1px solid var(--line);
    border-radius: 15px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.14);
  }
  
  .ocw-payment-method img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    object-fit: contain;
  }
  
  .ocw-payment-method--wero img {
    max-height: 38px;
  }
  
  .ocw-payment-method--transfer img {
    max-height: 44px;
  }
  
  .ocw-bottom {
    display: grid;
    gap: 8px;
    padding-top: 18px;
    overflow-wrap: anywhere;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.74);
    text-align: center;
    text-shadow: 0 1px 10px rgba(10, 10, 32, 0.55);
  }
  
  .ocw-bottom a {
    color: #fff;
  }
  
  .ocw-top {
    position: relative;
    display: block;
    width: 42px;
    height: 42px;
    margin: 18px 16px 16px auto;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 50%;
  }

  @keyframes ocwFooterGoldDrift {
    0%,
    100% {
      opacity: 0.88;
      transform: translate3d(0, 0, 0) rotate(-2deg);
    }

    50% {
      opacity: 0.98;
      transform: translate3d(20px, -12px, 0) rotate(-1deg);
    }
  }
  
  @media (min-width: 760px) and (max-width: 1099px) {
    .ocw-shell {
      padding-top: 55px;
    }
  
    .ocw-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      column-gap: 32px;
    }
  
    .ocw-brand,
    .ocw-hours {
      grid-column: 1 / -1;
    }
  
    .ocw-hours .ocw-panel > div {
      width: min(100%, 560px);
    }
  
    .ocw-section {
      border-top: 0;
    }
  
    .ocw-head {
      padding: 4px 0 17px;
      pointer-events: none;
    }
  
    .ocw-head span {
      display: none;
    }
  
    .ocw-panel,
    .ocw-section .ocw-panel {
      grid-template-rows: 1fr;
    }
  
    .ocw-service {
      grid-template-columns: repeat(3, 1fr);
    }
  
    .ocw-bottom {
      grid-template-columns: 1fr 1fr;
      text-align: left;
    }
  
    .ocw-bottom > div:last-child {
      text-align: right;
    }
  
    .ocw-top {
      position: relative;
      right: auto;
      bottom: auto;
      margin: 18px 16px 16px auto;
    }
  }
  
  @media (min-width: 1100px) {
    .ocw-shell {
      padding-top: 55px;
    }
  
    .ocw-grid {
      grid-template-columns: 1.4fr repeat(3, 1fr) 1.25fr;
      gap: 32px;
    }
  
    .ocw-section {
      border-top: 0;
    }
  
    .ocw-head {
      padding: 4px 0 17px;
      pointer-events: none;
    }
  
    .ocw-head span {
      display: none;
    }
  
    .ocw-panel,
    .ocw-section .ocw-panel {
      grid-template-rows: 1fr;
    }
  
    .ocw-service {
      grid-template-columns: repeat(3, 1fr);
    }
  
    .ocw-bottom {
      grid-template-columns: 1fr 1fr;
      text-align: left;
    }
  
    .ocw-bottom > div:last-child {
      text-align: right;
    }
  
    .ocw-top {
      position: absolute;
      right: 16px;
      bottom: 16px;
      margin: 0;
    }
  }
  


/* /assets/css/orion-cookie.css */
.ocw-cookie,.ocw-cookie *{box-sizing:border-box}.ocw-cookie{--navy:#224;--blue:#447;--white:#fff;--muted:#707084;opacity:0.995;position:relative;z-index:999999;font-family:Arial,Helvetica,sans-serif}.ocw-cookie button{font:inherit}.ocw-cookie a{color:inherit}.ocw-cookie__banner{position:fixed;right:24px;bottom:24px;width:min(560px,calc(100vw - 48px));display:grid;grid-template-columns:82px 1fr;gap:20px;padding:28px;border:1px solid rgba(255,255,255,.2);border-radius:30px;background:linear-gradient(135deg,rgba(68,68,119,.88),rgba(24,24,48,.96));box-shadow:0 30px 90px rgba(20,20,45,.3);backdrop-filter:blur(26px) saturate(145%);color:#fff;opacity:0;visibility:hidden;transform:translateY(30px) scale(.97);transition:.5s cubic-bezier(.2,.8,.2,1);overflow:hidden}.ocw-cookie.is-visible .ocw-cookie__banner{opacity:1;visibility:visible;transform:none}.ocw-cookie__banner:before{content:"";position:absolute;right:-90px;top:-120px;width:260px;height:260px;border:42px solid rgba(255,255,255,.04);border-radius:50%}.ocw-cookie__icon{position:relative;z-index:2;width:82px;height:82px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.15);border-radius:24px;background:rgba(255,255,255,.09);font-size:40px;box-shadow:inset 0 1px rgba(255,255,255,.15),0 16px 30px rgba(0,0,0,.12);animation:cookieFloat 4s ease-in-out infinite}.ocw-cookie__content{position:relative;z-index:2}.ocw-cookie__eyebrow{display:block;margin-bottom:7px;color:#cacaFF;font-size:11px;font-weight:900;letter-spacing:1.4px;text-transform:uppercase}.ocw-cookie h2{margin:0;letter-spacing:-1.1px}.ocw-cookie__content h2{font-size:25px;line-height:1.12}.ocw-cookie__content p{margin:12px 0 0;color:rgba(255,255,255,.72);font-size:13px;line-height:1.65}.ocw-cookie__links{display:flex;gap:6px;margin-top:12px;color:rgba(255,255,255,.58);font-size:11px}.ocw-cookie__actions{position:relative;z-index:2;grid-column:1/-1;display:grid;grid-template-columns:1.2fr 1fr;gap:10px}.ocw-cookie__btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:0 20px;border:1px solid transparent;border-radius:999px;font-size:12px;font-weight:900;cursor:pointer;transition:.25s}.ocw-cookie__btn:hover{transform:translateY(-2px)}.ocw-cookie__btn--primary{background:#fff;color:var(--navy);box-shadow:0 13px 28px rgba(0,0,0,.15)}.ocw-cookie__btn--glass{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:#fff}.ocw-cookie__btn--text{grid-column:1/-1;min-height:30px;background:transparent;color:rgba(255,255,255,.68);text-decoration:underline}.ocw-cookie__btn--dark{background:var(--navy);color:#fff}.ocw-cookie__btn--light{background:#eef0f7;color:var(--navy)}.ocw-cookie__backdrop{position:fixed;inset:0;z-index:1000001;background:rgba(15,15,35,.55);backdrop-filter:blur(9px);opacity:0;visibility:hidden;transition:.35s}.ocw-cookie__modal{position:fixed;z-index:1000002;top:50%;left:50%;width:min(720px,calc(100vw - 34px));max-height:calc(100vh - 34px);overflow:auto;padding:32px;border:1px solid rgba(255,255,255,.7);border-radius:30px;background:rgba(255,255,255,.95);box-shadow:0 35px 110px rgba(15,15,36,.35);backdrop-filter:blur(28px) saturate(130%);color:#24243a;opacity:0;visibility:hidden;transform:translate(-50%,-47%) scale(.97);transition:.4s cubic-bezier(.2,.8,.2,1)}.ocw-cookie.settings-open .ocw-cookie__backdrop,.ocw-cookie.settings-open .ocw-cookie__modal{opacity:1;visibility:visible}.ocw-cookie.settings-open .ocw-cookie__modal{transform:translate(-50%,-50%) scale(1)}.ocw-cookie__modal-close{position:absolute;top:18px;right:18px;width:40px;height:40px;border:1px solid rgba(34,34,68,.09);border-radius:50%;background:#fff;color:var(--navy);font-size:24px;cursor:pointer}.ocw-cookie__modal .ocw-cookie__eyebrow{color:var(--blue)}.ocw-cookie__modal h2{font-size:31px;color:var(--navy)}.ocw-cookie__intro{margin:12px 0 22px;color:var(--muted);font-size:13px;line-height:1.6}.ocw-cookie__rows{display:grid}.ocw-cookie__row{position:relative;display:grid;grid-template-columns:1fr 50px;align-items:center;gap:18px;padding:18px 4px;border-top:1px solid rgba(34,34,68,.08);cursor:pointer}.ocw-cookie__row div strong,.ocw-cookie__row div span{display:block}.ocw-cookie__row div strong{color:var(--navy);font-size:16px}.ocw-cookie__row div span{margin-top:6px;color:var(--muted);font-size:12px;line-height:1.5}.ocw-cookie__row input{position:absolute;opacity:0}.ocw-cookie__row i{position:relative;width:50px;height:28px;border-radius:999px;background:#d8d8e2;transition:.25s}.ocw-cookie__row i:after{content:"";position:absolute;top:4px;left:4px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 4px 9px rgba(34,34,68,.18);transition:.25s}.ocw-cookie__row input:checked+i{background:var(--blue)}.ocw-cookie__row input:checked+i:after{transform:translateX(22px)}.ocw-cookie__row.is-locked{opacity:.65;cursor:not-allowed}.ocw-cookie__modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.ocw-cookie__reopen{position:fixed;left:18px;bottom:18px;min-height:43px;display:flex;align-items:center;gap:8px;padding:0 14px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(34,34,68,.9);box-shadow:0 12px 28px rgba(34,34,68,.2);color:#fff;font-size:11px;font-weight:900;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(10px);transition:.3s}.ocw-cookie.has-consent .ocw-cookie__reopen{opacity:1;visibility:visible;transform:none}@keyframes cookieFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(4deg)}}@media(max-width:640px){.ocw-cookie__banner{right:12px;bottom:12px;width:calc(100vw - 24px);grid-template-columns:58px 1fr;padding:21px;border-radius:24px}.ocw-cookie__icon{width:58px;height:58px;font-size:29px;border-radius:18px}.ocw-cookie__content h2{font-size:21px}.ocw-cookie__actions{grid-template-columns:1fr}.ocw-cookie__btn--text{grid-column:auto}.ocw-cookie__modal{top:auto;bottom:0;left:0;width:100%;max-height:92vh;border-radius:27px 27px 0 0;transform:translateY(35px)}.ocw-cookie.settings-open .ocw-cookie__modal{transform:none}.ocw-cookie__modal-actions{flex-direction:column}.ocw-cookie__modal-actions .ocw-cookie__btn{width:100%}.ocw-cookie__reopen span{display:none}.ocw-cookie__reopen{width:44px;padding:0;justify-content:center}}

/* /css/website-theme.css */
/* Automatisch gegenereerd door website-themabeheer.php. */
:root{
    --ocw-site-bg:#f5f7fb;
    --ocw-site-surface:#ffffff;
    --ocw-site-text:#172033;
    --ocw-site-muted:#64748b;
    --ocw-site-primary:#f28c00;
    --ocw-site-primary-text:#ffffff;
    --ocw-site-button:var(--ocw-site-menu);
    --ocw-site-button-text:#ffffff;
    --ocw-site-button-hover:#668;
    --ocw-site-button-hover-text:#ffffff;
    --ocw-site-nav:#ffffff;
    --ocw-site-nav-text:#111d31;
    --ocw-site-menu:#111d31;
    --ocw-site-menu-text:#ffffff;
    --ocw-site-menu-hover:#ffffff;
    --ocw-site-menu-hover-text:#111d31;
    --ocw-site-footer:#15152f;
    --ocw-site-footer-text:#ffffff;
    --ocw-site-accent:#2563eb;
    --orion-dark-background-color:#111d31;
    --orion-dark-text-color:#ffffff;
    --orion-dark:#111d31;
    --orion-blue:var(--ocw-site-menu);
    --ocw-navy:#15152f;
    --navy:#15152f;
    --text:#ffffff;
    --ocw-site-border:color-mix(in srgb, #172033 14%, transparent);
    --ocw-site-soft:color-mix(in srgb, #f28c00 12%, transparent);
    --ocw-site-shadow:color-mix(in srgb, #f28c00 22%, transparent);
    --ocw-muted:color-mix(in srgb, #ffffff 66%, transparent);
    --ocw-line:color-mix(in srgb, #ffffff 12%, transparent);
    --line:color-mix(in srgb, #ffffff 12%, transparent);
}

@media (max-width: 767px){
    :root{
        --ocw-site-bg:#f5f7fb;
        --ocw-site-surface:#ffffff;
        --ocw-site-text:#172033;
        --ocw-site-muted:#64748b;
        --ocw-site-primary:#f28c00;
        --ocw-site-primary-text:#ffffff;
        --ocw-site-button:var(--ocw-site-menu);
        --ocw-site-button-text:#ffffff;
        --ocw-site-button-hover:#668;
        --ocw-site-button-hover-text:#ffffff;
        --ocw-site-nav:#ffffff;
        --ocw-site-nav-text:#111d31;
        --ocw-site-menu:#111d31;
        --ocw-site-menu-text:#ffffff;
        --ocw-site-menu-hover:#ffffff;
        --ocw-site-menu-hover-text:#111d31;
        --ocw-site-footer:#15152f;
        --ocw-site-footer-text:#ffffff;
        --ocw-site-accent:#2563eb;
        --orion-dark-background-color:#111d31;
        --orion-dark-text-color:#ffffff;
        --orion-dark:#111d31;
        --orion-blue:var(--ocw-site-menu);
        --ocw-navy:#15152f;
        --navy:#15152f;
        --text:#ffffff;
        --ocw-site-border:color-mix(in srgb, #172033 14%, transparent);
        --ocw-site-soft:color-mix(in srgb, #f28c00 12%, transparent);
        --ocw-site-shadow:color-mix(in srgb, #f28c00 22%, transparent);
        --ocw-muted:color-mix(in srgb, #ffffff 66%, transparent);
        --ocw-line:color-mix(in srgb, #ffffff 12%, transparent);
        --line:color-mix(in srgb, #ffffff 12%, transparent);
    }
}

body{background:var(--ocw-site-bg)!important;color:var(--ocw-site-text)!important;}
a{color:var(--ocw-site-accent);}
header,#header,#topheader,#topheadercontent,#fixedheader,#topbar,#searchbar,.header,.site-header{background:var(--ocw-site-nav)!important;background-color:var(--ocw-site-nav)!important;color:var(--ocw-site-nav-text)!important;}
header a,#header a,#topheader a,#topheadercontent a,#fixedheader a,#topbar a,#searchbar a,.header a,.site-header a{color:var(--ocw-site-nav-text)!important;}
#topheader::after{background:var(--ocw-site-nav)!important;}
#d0,#d1,#d2,#d3{background:var(--ocw-site-nav)!important;background-color:var(--ocw-site-nav)!important;color:var(--ocw-site-nav-text)!important;}
#wrapper #container #topLine #search,#searchbar{background:var(--ocw-site-nav)!important;background-color:var(--ocw-site-nav)!important;color:var(--ocw-site-nav-text)!important;}
nav,#menu,#menuheader,#container2,#wrapper #container2,.menu,.navbar,.site-nav{background:var(--ocw-site-menu)!important;background-color:var(--ocw-site-menu)!important;color:var(--ocw-site-menu-text)!important;}
nav a,#menu a,#menuheader a,#container2 a,.menu a,.navbar a,.site-nav a,#menuheader > .topmenuitem{color:var(--ocw-site-menu-text)!important;}
nav a:hover,#menu a:hover,#container2 a:hover,.menu a:hover,.navbar a:hover,.site-nav a:hover,#menuheader > .topmenuitem:hover,#menuheader > .topmenuitem.active,#menuheader > .topmenuitem:focus-within{background:var(--ocw-site-menu-hover)!important;background-color:var(--ocw-site-menu-hover)!important;color:var(--ocw-site-menu-hover-text)!important;}
#menuheader > .topmenuitem:hover::after,#menuheader > .topmenuitem.active::after{background:var(--ocw-site-primary)!important;}
.orion-populatex-page #selectcolumn > div:first-child,.orion-populate-page #selectcolumn > div:first-child,#selectcolumn > div:first-child{background:var(--ocw-site-menu)!important;background-color:var(--ocw-site-menu)!important;color:var(--ocw-site-menu-text)!important;}
body.orion-checkout-page #left > div:first-child,body.orion-checkout-page #middle > div[style*="background-color:#224"],body.orion-checkout-page #right > div:first-child{background:var(--ocw-site-menu)!important;background-color:var(--ocw-site-menu)!important;color:var(--ocw-site-menu-text)!important;}
#searchTxt,#searchbar #search,#searchbar input[type=search]{background-color:var(--ocw-site-surface)!important;color:var(--ocw-site-text)!important;border-color:var(--ocw-site-border)!important;}
#searchbtn,#searchbar #searchbtn{background:var(--ocw-site-button)!important;border-color:var(--ocw-site-button)!important;color:var(--ocw-site-button-text)!important;}
#mijnorionpulldown,#shoppingcartpulldown{background:var(--ocw-site-nav)!important;background-color:var(--ocw-site-nav)!important;border-color:var(--ocw-site-nav)!important;color:var(--ocw-site-nav-text)!important;}
#mijnoriontriangle,#shoppingcarttriangle{border-color:transparent transparent var(--ocw-site-nav) transparent!important;}
main,.content,.container,.card,.product,.product-card,.category,.panel,.box{background-color:var(--ocw-site-surface);color:var(--ocw-site-text);border-color:var(--ocw-site-border);}
.price,.prijs,.accent,.highlight{color:var(--ocw-site-primary)!important;}
button,input[type=button],input[type=submit],.button,.btn,.add-to-cart,.addtocart,.winkelwagen,.winkelwagen-button,.bestelknop{background:var(--ocw-site-button)!important;border-color:var(--ocw-site-button)!important;color:var(--ocw-site-button-text)!important;}
button:hover,input[type=button]:hover,input[type=submit]:hover,.button:hover,.btn:hover,.add-to-cart:hover,.addtocart:hover,.winkelwagen:hover,.winkelwagen-button:hover,.bestelknop:hover{background:var(--ocw-site-button-hover)!important;border-color:var(--ocw-site-button-hover)!important;color:var(--ocw-site-button-hover-text)!important;}
body.orion-payment-page .dropbtn,body.orion-payment-page #scUpdateBtn input,body .ocw-loose-payment .dropbtn,body .ocw-loose-payment #scUpdateBtn input{background:var(--ocw-site-menu)!important;border-color:var(--ocw-site-menu)!important;color:var(--ocw-site-menu-text)!important;box-shadow:0 10px 24px color-mix(in srgb,var(--ocw-site-menu) 22%,transparent)!important;}
body.orion-payment-page .dropbtn:hover,body.orion-payment-page #scUpdateBtn input:hover,body .ocw-loose-payment .dropbtn:hover,body .ocw-loose-payment #scUpdateBtn input:hover,body.orion-payment-page .dropbtn:focus-visible,body.orion-payment-page #scUpdateBtn input:focus-visible,body .ocw-loose-payment .dropbtn:focus-visible,body .ocw-loose-payment #scUpdateBtn input:focus-visible{background:var(--ocw-site-menu-hover)!important;border-color:var(--ocw-site-menu-hover)!important;color:var(--ocw-site-menu-hover-text)!important;}
body.orion-payment-page .dropbtn:focus-visible,body.orion-payment-page #scUpdateBtn input:focus-visible,body .ocw-loose-payment .dropbtn:focus-visible,body .ocw-loose-payment #scUpdateBtn input:focus-visible{outline:2px solid var(--ocw-site-menu);outline-offset:3px;}
body .ocw-loose-payment .dropbtn:after{border-color:currentColor!important;}
.orion-region-links a,.mobile-savings-empty a,.orion-hero a[class*="button"],.orion-cta-box a,.orion-card a[class*="button"]{background:var(--ocw-site-button)!important;border-color:var(--ocw-site-button)!important;color:var(--ocw-site-button-text)!important;}
.orion-region-links a:hover,.orion-region-links a:focus-visible,.orion-region-links a:active,.mobile-savings-empty a:hover,.mobile-savings-empty a:focus-visible,.orion-hero a[class*="button"]:hover,.orion-cta-box a:hover,.orion-card a[class*="button"]:hover{background:var(--ocw-site-button-hover)!important;border-color:var(--ocw-site-button-hover)!important;color:var(--ocw-site-button-hover-text)!important;}
small,.muted,.subtle,.omschrijving,.product-description{color:var(--ocw-site-muted)!important;}
footer,#footer,#footercontent,#footer2,#footer2content{background:var(--ocw-site-footer)!important;background-color:var(--ocw-site-footer)!important;color:var(--ocw-site-footer-text)!important;}
.ocw-footer{background:#224!important;background-image:linear-gradient(150deg,#224 0%,#30305b 18%,#48487b 52%,#5b5b91 78%,#668 100%)!important;background-color:#224!important;color:var(--ocw-site-footer-text)!important;}
footer a,#footer a,#footercontent a,#footer2 a,#footer2content a,.ocw-footer a,.ocw-footer .ocw-head,.ocw-footer .ocw-servicebar b{color:var(--ocw-site-footer-text)!important;}
footer button,#footer button,#footercontent button,#footer2 button,#footer2content button,.ocw-footer button{background:transparent!important;border-color:transparent!important;box-shadow:none!important;color:var(--ocw-site-footer-text)!important;}
footer .button,footer .btn,footer .ocw-btn,#footer .button,#footer .btn,#footercontent .button,#footercontent .btn,.ocw-footer .button,.ocw-footer .btn,.ocw-footer .ocw-btn{background:transparent!important;border-color:color-mix(in srgb, var(--ocw-site-footer-text) 24%, transparent)!important;color:var(--ocw-site-footer-text)!important;}


/* /assets/css/mobile-action-green.css */
/* Shared action buttons use the same four theme colors as the desktop site. */
:root {
    --orion-action-background: var(--ocw-site-action-button, var(--ocw-site-button, #21864a));
    --orion-action-text: var(--ocw-site-action-button-text, var(--ocw-site-button-text, #fff));
    --orion-action-hover: var(--ocw-site-action-button-hover, var(--ocw-site-button-hover, #176838));
    --orion-action-hover-text: var(--ocw-site-action-button-hover-text, var(--ocw-site-button-hover-text, #fff));
}

/* The cart ID also gives this group enough specificity for legacy inline page styles. */
html body :is(
    .filterbtn,
    .wltoshoppingcartbtn,
    .tosummarybtn,
    .toshoppingcartbtn,
    .placeorderbtn,
    .showresultsbtn:not(.is-empty),
    #scUpdateBtn input,
    .ocw-loose-payment #scUpdateBtn input,
    .inlogbtn,
    .orion-login-link-button,
    .orion-login-form .ocw-pk-login .ocw-pk-button,
    .orion-admin-search__new,
    .orion-article-edit__save,
    .orion-customer-edit__save,
    .orion-openstaande__save,
    .orion-dialog__button--primary,
    .orion-session button[data-session-primary],
    .ocw-statistics-picker button
) {
    border-color: var(--orion-action-background) !important;
    background: var(--orion-action-background) !important;
    color: var(--orion-action-text) !important;
    box-shadow: 0 9px 20px color-mix(in srgb, var(--orion-action-background) 22%, transparent);
    transition: background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease;
}

html body :is(
    .filterbtn,
    .wltoshoppingcartbtn,
    .tosummarybtn,
    .toshoppingcartbtn,
    .placeorderbtn,
    .showresultsbtn:not(.is-empty),
    #scUpdateBtn input,
    .ocw-loose-payment #scUpdateBtn input,
    .inlogbtn,
    .orion-login-link-button,
    .orion-login-form .ocw-pk-login .ocw-pk-button,
    .orion-admin-search__new,
    .orion-article-edit__save,
    .orion-customer-edit__save,
    .orion-openstaande__save,
    .orion-dialog__button--primary,
    .orion-session button[data-session-primary],
    .ocw-statistics-picker button
):not(:disabled):not([aria-disabled="true"]):is(:hover, :focus-visible) {
    border-color: var(--orion-action-hover) !important;
    background: var(--orion-action-hover) !important;
    color: var(--orion-action-hover-text) !important;
    box-shadow: 0 11px 24px color-mix(in srgb, var(--orion-action-hover) 28%, transparent);
}

html body :is(
    .filterbtn,
    .wltoshoppingcartbtn,
    .tosummarybtn,
    .toshoppingcartbtn,
    .placeorderbtn,
    .showresultsbtn:not(.is-empty),
    #scUpdateBtn input,
    .ocw-loose-payment #scUpdateBtn input
):not(:disabled):not([aria-disabled="true"]):active {
    transform: translateY(1px);
}

html body .showresultsbtn.is-empty {
    border-color: #c83d48 !important;
    background: #c83d48 !important;
    color: #fff !important;
}

/* Keep legacy hover effects from moving an unavailable login or submit button. */
html body :is(.inlogbtn, .orion-login-link-button, .ocw-pk-button):is(:disabled, [aria-disabled="true"]) {
    transform: none !important;
}


/* /css/login-progress.css */


/* Mobile-only waiting indicator, matching the desktop login buttons. */
#orion-login-form .ocw-login-progress-button {
    box-sizing: border-box;
    height: 52px;
    min-height: 52px;
    position: relative;
    overflow: hidden;
}
#orion-login-form .ocw-login-progress-button.is-login-busy {
    opacity: 1;
    cursor: wait;
    transform: none;
}
#orion-login-form .ocw-login-progress-button.is-login-busy::after {
    /* Suppress the decorative passkey shine while the progress line is shown. */
    opacity: 0;
    animation: none;
}
#orion-login-form .ocw-login-progress-button.is-login-busy::before {
    content: "";
    position: absolute;
    z-index: 2;
    top: 1px;
    left: 0;
    width: 40%;
    height: 3px;
    background: var(--ocw-site-login-progress, currentColor);
    pointer-events: none;
    animation: ocw-mobile-login-progress 1.1s linear infinite;
}
#orion-login-form .ocw-login-progress-button:disabled { cursor: wait; }
#orion-login-form .ocw-login-progress-button:focus-visible {
    outline: 3px solid #ddc950;
    outline-offset: 3px;
}
@keyframes ocw-mobile-login-progress {
    from { transform: translateX(-100%); }
    to { transform: translateX(250%); }
}
@media (prefers-reduced-motion: reduce) {
    #orion-login-form .ocw-login-progress-button.is-login-busy::before {
        width: 100%;
        animation: none;
        transform: none;
    }
}

/* Login actions follow the menu palette; shopping actions keep their own theme colors. */
html body :is(.inlogbtn, .orion-login-link-button, .orion-login-form .ocw-pk-login .ocw-pk-button) {
    --orion-action-background: var(--ocw-site-login-button, var(--ocw-site-menu, #4d4d86));
    --orion-action-text: var(--ocw-site-login-button-text, var(--ocw-site-menu-text, #fff));
    --orion-action-hover: var(--ocw-site-login-button-hover, var(--ocw-site-menu-hover, #9491b1));
    --orion-action-hover-text: var(--ocw-site-login-button-hover-text, var(--ocw-site-menu-hover-text, #111d31));
}

/* Keep idle buttons still; show the administration line only on the clicked action. */
#orion-login-form :is(.inlogbtn, .ocw-pk-login .ocw-pk-button)::after {
    content: none;
    opacity: 0;
    animation: none;
}
#orion-login-form .ocw-login-progress-button.is-login-busy::before {
    top: 1px;
    background: #c4b5fd;
}


/* /assets/css/mobile-menu.css */
/* Shared drawers: the category and account menus follow the website theme. */
html body :is(#menu, #menuorion).orion-mobile-menu {
    --menu-accent: var(--ocw-site-menu, #444477);
    --menu-accent-text: var(--ocw-site-menu-text, #fff);
    --menu-ink: var(--ocw-site-text, #172033);
    --menu-muted: var(--ocw-site-muted, #64748b);
    --menu-surface: var(--ocw-site-surface, #fff);
    --menu-line: var(--ocw-site-border, #e3e7ef);
    position: fixed;
    top: var(--ocw-mobile-menu-top, 80px);
    bottom: 0;
    left: 0 !important;
    z-index: 1100;
    width: calc(100% - 24px);
    max-width: 400px;
    padding: 0 0 max(12px, env(safe-area-inset-bottom));
    border: 1px solid var(--menu-line);
    border-left: 0;
    border-radius: 0 22px 0 0;
    background: var(--menu-surface) !important;
    color: var(--menu-ink) !important;
    box-shadow: 12px 12px 52px rgba(17, 24, 48, .22);
    font-family: Roboto, Arial, sans-serif;
    text-align: left;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: color-mix(in srgb, var(--menu-accent) 26%, transparent) transparent;
    -webkit-overflow-scrolling: touch;
    visibility: hidden;
    pointer-events: none;
    transform: translateX(calc(-100% - 36px));
    transition: transform .25s ease, visibility .25s;
    overflow-anchor: none;
}
html body :is(#menu, #menuorion).orion-mobile-menu[data-menu-open="true"] {
    visibility: visible;
    pointer-events: auto;
    transform: translateX(0);
}
html.orion-menu-open { overflow: hidden !important; }
.orion-menu-backdrop {
    position: fixed;
    z-index: 1090;
    inset: var(--ocw-mobile-menu-top, 80px) 0 0;
    background: rgba(17, 24, 48, .3);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    touch-action: none;
}
.orion-menu-backdrop[hidden] { display: none; }
html body .orion-mobile-menu .orion-menu-heading {
    position: sticky;
    top: 0;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 11px;
    min-height: 88px;
    padding: 17px 14px 17px 18px;
    border-bottom: 1px solid color-mix(in srgb, var(--menu-accent-text) 12%, transparent);
    background: var(--menu-accent);
    background-image: linear-gradient(125deg, color-mix(in srgb, var(--menu-accent) 90%, white), var(--menu-accent));
    color: var(--menu-accent-text);
}
html body .orion-mobile-menu .orion-menu-mark {
    display: grid;
    place-items: center;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    border: 1px solid color-mix(in srgb, var(--menu-accent-text) 18%, transparent);
    border-radius: 13px;
    background: color-mix(in srgb, var(--menu-accent-text) 9%, transparent);
}
html body .orion-mobile-menu .orion-menu-mark svg { width: 21px; height: 21px; }
html body .orion-mobile-menu .orion-menu-heading-text { min-width: 0; flex: 1; }
html body .orion-mobile-menu .orion-menu-eyebrow {
    display: block;
    margin-bottom: 5px;
    color: color-mix(in srgb, var(--menu-accent-text) 72%, transparent);
    font-size: 9px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 1px;
    text-transform: uppercase;
}
html body .orion-mobile-menu .orion-menu-heading h2 {
    margin: 0;
    padding: 0;
    color: inherit;
    font-size: 21px;
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -.4px;
}
html body .orion-mobile-menu :is(#closebtn, #menuclosebtn).orion-menu-close {
    position: static;
    display: grid;
    place-items: center;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    margin: 0;
    padding: 9px;
    border: 1px solid color-mix(in srgb, var(--menu-accent-text) 22%, transparent) !important;
    border-radius: 12px;
    background: color-mix(in srgb, var(--menu-accent-text) 10%, transparent) !important;
    color: var(--menu-accent-text) !important;
    box-shadow: none;
    cursor: pointer;
}
html body .orion-mobile-menu :is(.orion-menu-close, .orion-menu-close-bottom) svg {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
}
html body :is(#menu, #menuorion).orion-mobile-menu .menu-spacer { height: 10px; border: 0; background: transparent; }
html body :is(#menu, #menuorion).orion-mobile-menu .menuentry {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 48px;
    width: calc(100% - 24px);
    margin: 3px 12px;
    padding: 0 14px;
    border: 1px solid transparent !important;
    border-radius: 13px;
    background: transparent !important;
    color: var(--menu-ink) !important;
    box-shadow: none;
    font-family: inherit;
    font-size: 15px;
    font-weight: 600 !important;
    line-height: 1.35;
    text-align: left;
    text-decoration: none !important;
    transition: background-color .16s ease, border-color .16s ease;
}
html body :is(#menu, #menuorion).orion-mobile-menu a {
    color: inherit !important;
    text-decoration: none !important;
}
html body :is(#menu, #menuorion).orion-mobile-menu .menuentry > a {
    display: flex;
    align-items: center;
    min-height: 46px;
    width: 100%;
    background: transparent !important;
    color: inherit !important;
}
html body :is(#menu, #menuorion).orion-mobile-menu .menuentry:has(> a) { padding: 0; }
html body :is(#menu, #menuorion).orion-mobile-menu .menuentry > a { padding: 0 14px; }
html body #menu.orion-mobile-menu .orion-menu-category {
    display: grid;
    grid-template-columns: 35px minmax(0, 1fr) 12px;
    gap: 11px;
    min-height: 54px;
    padding: 7px 14px 7px 8px;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
}
html body #menu.orion-mobile-menu .orion-menu-category-label { overflow-wrap: anywhere; }
html body #menu.orion-mobile-menu .orion-menu-category-icon {
    display: grid;
    place-items: center;
    width: 35px;
    height: 35px;
    border-radius: 11px;
    background: color-mix(in srgb, var(--menu-accent) 7%, var(--menu-surface));
    color: var(--menu-accent);
}
html body #menu.orion-mobile-menu .orion-menu-category-icon svg { width: 21px; height: 21px; }
html body .orion-mobile-menu .orion-menu-chevron {
    justify-self: end;
    width: 7px;
    height: 7px;
    margin: -3px 2px 0 0;
    border-right: 1.7px solid currentColor;
    border-bottom: 1.7px solid currentColor;
    opacity: .55;
    transform: rotate(45deg);
    transition: transform .18s ease;
}
html body #menu.orion-mobile-menu .orion-menu-category[aria-expanded="true"] {
    border-color: color-mix(in srgb, var(--menu-accent) 15%, transparent) !important;
    background: color-mix(in srgb, var(--menu-accent) 8%, var(--menu-surface)) !important;
}
html body #menu.orion-mobile-menu .orion-menu-category[aria-expanded="true"] .orion-menu-chevron { margin-top: 3px; transform: rotate(225deg); opacity: 1; }
html body #menu.orion-mobile-menu > .orion-menu-category-panel {
    width: calc(100% - 44px) !important;
    margin: 0 16px 10px 28px;
    padding: 4px 0 4px 10px;
    border: 0;
    border-left: 1px solid color-mix(in srgb, var(--menu-accent) 18%, transparent);
    background: transparent;
}
html body #menu.orion-mobile-menu .orion-menu-category-panel a {
    display: block;
    border-radius: 10px;
    background: transparent !important;
}
html body #menu.orion-mobile-menu .menuentryitem {
    display: flex;
    align-items: center;
    min-height: 44px;
    padding: 9px 11px;
    margin: 2px 0;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: var(--menu-muted);
    font-size: calc(14px + 2pt);
    font-weight: 400;
    line-height: 1.4;
    overflow-wrap: anywhere;
}
html body #menu.orion-mobile-menu .menuentryitem::before { display: none !important; }
html body #menu.orion-mobile-menu .menuentryitem::after {
    content: "";
    flex: 0 0 5px;
    width: 5px;
    height: 5px;
    margin-left: auto;
    margin-right: 2px;
    border-right: 1.5px solid currentColor;
    border-top: 1.5px solid currentColor;
    opacity: .4;
    transform: rotate(45deg);
}
html body .orion-mobile-menu .orion-menu-section-label {
    margin: 20px 25px 8px;
    padding-top: 17px;
    border-top: 1px solid var(--menu-line);
    color: var(--menu-muted);
    font-size: 10px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}
html body #menuorion.orion-mobile-menu .admin-submenu { margin: 3px 0; }
html body #menuorion.orion-mobile-menu .admin-submenu > summary { cursor: pointer; list-style: none; }
html body #menuorion.orion-mobile-menu .admin-submenu > summary::after { width: 7px; height: 7px; border-width: 1.7px; opacity: .6; }
html body #menuorion.orion-mobile-menu .admin-submenu[open] > summary { background: color-mix(in srgb, var(--menu-accent) 8%, var(--menu-surface)) !important; }
html body #menuorion.orion-mobile-menu .admin-submenu .menuentry { width: calc(100% - 42px); min-height: 44px; margin-left: 30px; font-size: calc(14px + 2pt); font-weight: 400 !important; color: var(--menu-muted) !important; }
html body .orion-mobile-menu .orion-menu-footer { margin: 20px 12px 0; padding-top: 10px; border-top: 1px solid var(--menu-line); }
html body .orion-mobile-menu :is(#closebtn2, #menuclosebtn2).orion-menu-close-bottom {
    position: static;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    width: 100%;
    height: auto;
    min-height: 46px;
    padding: 10px;
    border: 1px solid var(--menu-line) !important;
    border-radius: 12px;
    background: var(--menu-surface) !important;
    color: var(--menu-muted) !important;
    box-shadow: none;
    font-family: inherit;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}
html body :is(#menu, #menuorion).orion-mobile-menu :is(.menuentry, .orion-menu-close-bottom):hover,
html body #menu.orion-mobile-menu .orion-menu-category-panel a:hover .menuentryitem {
    background: color-mix(in srgb, var(--menu-accent) 6%, var(--menu-surface)) !important;
    color: var(--menu-ink) !important;
}
html body .orion-mobile-menu .orion-menu-close:hover { background: color-mix(in srgb, var(--menu-accent-text) 20%, transparent) !important; }
html body .orion-mobile-menu :is(button, a, summary):focus-visible { outline: 2px solid var(--menu-accent); outline-offset: 2px; }
html body .orion-mobile-menu .orion-menu-close:focus-visible { outline-color: var(--menu-accent-text); }
html body .orion-mobile-menu :is(button, a):active { filter: brightness(.96); }
@media (max-width: 350px) {
    html body .orion-mobile-menu .orion-menu-heading { gap: 9px; padding-left: 14px; }
    html body .orion-mobile-menu .orion-menu-mark { display: none; }
    html body #menu.orion-mobile-menu .orion-menu-category { gap: 8px; padding-right: 12px; font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) {
    html body :is(#menu, #menuorion).orion-mobile-menu,
    html body .orion-mobile-menu .orion-menu-chevron { transition: none; }
}

/* Compact, readable account and administration navigation. */
html body #menuorion.orion-mobile-menu .menuentry {
    min-height:42px;
    margin-top:1px;
    margin-bottom:1px;
    font-size:17px !important;
    line-height:1.25;
}
html body #menuorion.orion-mobile-menu .menuentry > a {
    min-height:40px;
    font-size:inherit !important;
    line-height:inherit;
}
html body #menuorion.orion-mobile-menu .admin-submenu .menuentry {min-height:40px;font-size:17px !important;}
html body #menuorion.orion-mobile-menu .orion-menu-section-label {margin-top:16px;margin-bottom:6px;padding-top:12px;}

/* /css/whatsapp.css */
/* Een gewone WhatsApp-link: er wordt pas na aanklikken contact met WhatsApp gemaakt. */
body { --ocw-mobile-contact-bottom: max(18px, calc(env(safe-area-inset-bottom) + 12px)); }

.ocw-whatsapp-icon {
    display: block;
    flex: 0 0 auto;
    width: 28px;
    height: 28px;
    fill: currentColor;
}

body a.ocw-whatsapp-float {
    position: fixed;
    left: max(18px, env(safe-area-inset-left));
    right: auto;
    bottom: var(--ocw-mobile-contact-bottom);
    z-index: 900;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 56px;
    height: 56px;
    padding: 13px;
    border: 1px solid rgba(255, 255, 255, .3);
    border-radius: 50%;
    background: linear-gradient(135deg, #146c43, #105b38) !important;
    color: #fff !important;
    text-decoration: none !important;
    box-shadow: 0 9px 24px rgba(15, 79, 47, .25), inset 0 1px 0 rgba(255, 255, 255, .16);
    -webkit-tap-highlight-color: transparent;
    transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease;
}

.ocw-whatsapp-float .ocw-whatsapp-label { display: none; }

body a.ocw-whatsapp-float:hover {
    background: linear-gradient(135deg, #17794b, #11663e) !important;
    color: #fff !important;
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(15, 79, 47, .3);
}

body a.ocw-whatsapp-float:focus-visible {
    outline: 3px solid #f3a523;
    outline-offset: 4px;
}

body a.ocw-whatsapp-float:active { transform: translateY(0); }

/* De kleinere cookieknop staat gecentreerd boven WhatsApp. */
body #ocwCookie .ocw-cookie__reopen {
    left: calc(max(18px, env(safe-area-inset-left)) + 6px);
    bottom: calc(var(--ocw-mobile-contact-bottom) + 66px);
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
    padding: 0;
    justify-content: center;
}

body #ocwCookie .ocw-cookie__reopen span { display: none; }

/* Gesprekken mogen niet over de cookiekeuze, menu's of invoervelden heen staan. */
body:has(#ocwCookie.is-visible) .ocw-whatsapp-float,
body:has(#ocwCookie.settings-open) .ocw-whatsapp-float,
html.orion-menu-open .ocw-whatsapp-float,
body:has(input:focus, textarea:focus, select:focus) .ocw-whatsapp-float {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.ocw-footer address a.ocw-whatsapp-footer-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.ocw-whatsapp-footer-link .ocw-whatsapp-icon { width: 18px; height: 18px; }

@media (prefers-reduced-motion: reduce) {
    body a.ocw-whatsapp-float { transition: none; }
}

#orionWhatsAppNotice {
    box-sizing: border-box; width: min(460px, calc(100% - 32px)); max-height: calc(100dvh - 32px);
    overflow: auto; padding: 30px; border: 1px solid #dce8e1; border-radius: 24px;
    background: linear-gradient(145deg, #fff, #f5faf7); color: #224;
    font-family: Arial, Helvetica, sans-serif; box-shadow: 0 28px 90px rgba(17, 36, 30, .28);
}
#orionWhatsAppNotice[open] { animation: ocwWhatsAppNoticeIn .18s ease-out; }
#orionWhatsAppNotice::backdrop { background: rgba(18, 25, 38, .5); backdrop-filter: blur(5px); }
#orionWhatsAppNotice .ocw-whatsapp-dialog-close { position: absolute; right: 16px; top: 16px; width: 36px; height: 36px; padding: 0; border: 1px solid #dce8e1; border-radius: 50%; background: #fff; color: #33443a; font-size: 26px; cursor: pointer; }
#orionWhatsAppNotice .ocw-whatsapp-dialog-icon { display: grid; place-items: center; width: 52px; height: 52px; margin-bottom: 20px; border-radius: 16px; background: #e1f2e7; color: #146c43; }
#orionWhatsAppNotice .ocw-whatsapp-eyebrow { margin: 0 0 8px; color: #146c43; font-size: 11px; line-height: 1.4; font-weight: 700; text-transform: uppercase; letter-spacing: 1.1px; }
#orionWhatsAppNotice h2 { margin: 0 24px 14px 0; background: none; color: #224; font-size: 26px; line-height: 1.17; font-weight: 700; }
#orionWhatsAppNoticeDescription { margin: 0; color: #56625d; font-size: 15px; line-height: 1.65; }
#orionWhatsAppNotice .ocw-whatsapp-hours { margin-top: 18px; padding: 13px 15px; border: 1px solid #dce8e1; border-radius: 13px; background: #fff; }
#orionWhatsAppNotice summary { color: #344d40; font-size: 13px; font-weight: 700; cursor: pointer; }
#orionWhatsAppNotice dl { display: grid; gap: 8px; margin: 16px 0 12px; font-size: 13px; line-height: 1.4; }
#orionWhatsAppNotice dl > div { display: flex; justify-content: space-between; gap: 14px; }
#orionWhatsAppNotice dt, #orionWhatsAppNotice dd { margin: 0; }
#orionWhatsAppNotice dd { font-variant-numeric: tabular-nums; font-weight: 700; white-space: nowrap; }
#orionWhatsAppNotice small { color: #69776f; font-size: 11px; }
#orionWhatsAppNotice .ocw-whatsapp-dialog-actions { display: flex; align-items: center; justify-content: flex-end; gap: 10px; margin-top: 22px; }
#orionWhatsAppNotice .ocw-whatsapp-dialog-actions > * { box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 46px; margin: 0; padding: 11px 15px; border: 1px solid #dce8e1; border-radius: 999px; background: #fff; color: #344d40; font-family: inherit; font-size: 13px; font-weight: 700; line-height: 1.3; text-align: center; text-decoration: none; cursor: pointer; }
#orionWhatsAppNotice .ocw-whatsapp-dialog-actions > a { border-color: #146c43; background: #146c43; color: #fff; }
#orionWhatsAppNotice .ocw-whatsapp-dialog-actions > a:hover { background: #105b38; }
#orionWhatsAppNotice button:focus-visible, #orionWhatsAppNotice a:focus-visible, #orionWhatsAppNotice summary:focus-visible { outline: 3px solid #f3a523; outline-offset: 3px; }
@keyframes ocwWhatsAppNoticeIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@media (max-width: 480px) { #orionWhatsAppNotice { padding: 26px 22px; } #orionWhatsAppNotice h2 { font-size: 24px; } #orionWhatsAppNotice .ocw-whatsapp-dialog-actions { flex-direction: column-reverse; } #orionWhatsAppNotice .ocw-whatsapp-dialog-actions > * { width: 100%; } }
@media (prefers-reduced-motion: reduce) { #orionWhatsAppNotice[open] { animation: none; } }