/* Gedeelde stijlen. Eenmaal geladen, daarna gecached. */
#sustiro-chrome *, #sustiro-chrome *::before, #sustiro-chrome *::after{box-sizing: border-box;}
#sustiro-chrome a{color: var(--s-green); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; transition: color 0.15s ease, text-decoration-thickness 0.15s ease;}
#sustiro-chrome a:hover{color: var(--s-terracotta-deep); text-decoration-thickness: 2px;}
#sustiro-chrome :focus-visible{outline: 3px solid var(--s-navy); outline-offset: 2px; border-radius: 2px;}
#sustiro-chrome .s-footer :focus-visible{outline-color: var(--s-paper);}
#sustiro-chrome .s-skiplink{position: absolute; left: -9999px; top: 0; z-index: 100; background: var(--s-navy-dark); color: var(--s-paper); padding: 0.6em 1.2em; font-weight: 700; text-decoration: none; border-radius: 0 0 6px 0;}
#sustiro-chrome .s-skiplink:focus-visible{left: 0; outline-offset: -3px; outline-color: var(--s-terracotta);}
#sustiro-chrome .s-header{background: var(--s-paper); border-bottom: 1px solid var(--s-border); position: relative;}
#sustiro-chrome .s-header__inner{max-width: var(--s-maxw); margin: 0 auto; padding: 0 24px; min-height: 84px; display: flex; align-items: center; gap: 32px;}
#sustiro-chrome .s-brand{display: inline-flex; flex-direction: column; gap: 2px; text-decoration: none; color: var(--s-ink); flex-shrink: 0; padding: 14px 0;}
#sustiro-chrome .s-brand:hover{color: var(--s-ink);}
#sustiro-chrome .s-brand__wordmark{font-family: var(--s-font-head); font-weight: 700; font-size: 30px; line-height: 1.1; letter-spacing: -0.01em; color: var(--s-navy-dark);}
#sustiro-chrome .s-brand__wordmark{color: #1E4463;}
#sustiro-chrome .s-logo{display: block; height: 1em; width: auto; overflow: visible;}
#sustiro-chrome .s-brand__tag{font-size: 11px; font-weight: 700; letter-spacing: 0.14em; color: var(--s-ink-soft); text-transform: uppercase;}
#sustiro-chrome .s-nav--desktop{margin-left: auto;}
#sustiro-chrome .s-nav--desktop ul{list-style: none; display: flex; align-items: center; gap: 8px; margin: 0; padding: 0;}
#sustiro-chrome .s-nav__link{display: inline-block; font-size: 17px; font-weight: 400; color: var(--s-ink); text-decoration: none; padding: 10px 14px; border-radius: 6px; border-bottom: 2px solid transparent; transition: background-color 0.15s ease, color 0.15s ease;}
#sustiro-chrome .s-nav__link:hover{background: var(--s-paper-alt); color: var(--s-navy); text-decoration: none;}
#sustiro-chrome .s-nav__link[aria-current="page"]{font-weight: 700; color: var(--s-navy); border-bottom-color: var(--s-terracotta-deep); border-radius: 6px 6px 0 0;}
#sustiro-chrome .s-trust{display: inline-flex; align-items: center; gap: 8px; font-size: 15px; color: var(--s-ink-soft); white-space: nowrap; padding: 6px 12px; border-left: 1px solid var(--s-border);}
#sustiro-chrome .s-trust__star{flex-shrink: 0; color: var(--s-terracotta-deep);}
#sustiro-chrome .s-trust strong{color: var(--s-ink); font-weight: 700;}
#sustiro-chrome .s-cart{display: inline-flex; align-items: center; justify-content: center; position: relative; width: 48px; height: 48px; border-radius: 8px; color: var(--s-navy-dark); text-decoration: none; transition: background-color 0.15s ease; flex-shrink: 0;}
#sustiro-chrome .s-cart:hover{background: var(--s-paper-alt); color: var(--s-navy);}
#sustiro-chrome .s-cart__count{position: absolute; top: 4px; right: 2px; min-width: 19px; height: 19px; padding: 0 5px; border-radius: 10px; background: var(--s-terracotta-deep); color: #fff; font-size: 12px; font-weight: 700; line-height: 19px; text-align: center;}
#sustiro-chrome .s-drawer{display: none;}
#sustiro-chrome .s-drawer > summary{list-style: none; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 8px; color: var(--s-navy-dark);}
#sustiro-chrome .s-drawer > summary::-webkit-details-marker{display: none;}
#sustiro-chrome .s-drawer > summary:hover{background: var(--s-paper-alt);}
#sustiro-chrome .s-drawer__icon-open, #sustiro-chrome .s-drawer__icon-close{display: block;}
#sustiro-chrome .s-drawer__icon-close{display: none;}
#sustiro-chrome .s-drawer[open] .s-drawer__icon-open{display: none;}
#sustiro-chrome .s-drawer[open] .s-drawer__icon-close{display: block;}
#sustiro-chrome .s-drawer__panel{position: absolute; left: 0; right: 0; top: 100%; z-index: 50; background: var(--s-paper); border-bottom: 1px solid var(--s-border); box-shadow: 0 12px 24px rgba(26, 42, 58, 0.10); padding: 8px 24px 24px;}
#sustiro-chrome .s-drawer__panel ul{list-style: none; margin: 0; padding: 0;}
#sustiro-chrome .s-drawer__panel li + li{border-top: 1px solid var(--s-border);}
#sustiro-chrome .s-drawer__panel .s-nav__link{display: block; padding: 16px 8px; font-size: 19px; border-bottom: none; border-radius: 6px;}
#sustiro-chrome .s-drawer__panel .s-nav__link[aria-current="page"]{border-left: 3px solid var(--s-terracotta-deep); padding-left: 12px;}
#sustiro-chrome .s-drawer__trust{margin-top: 16px; padding: 12px 8px 0; border-top: 1px solid var(--s-border);}
#sustiro-chrome .s-drawer__trust .s-trust{border-left: none; padding: 0; white-space: normal;}
#sustiro-chrome .s-content-placeholder{max-width: var(--s-maxw); margin: 0 auto; padding: 96px 24px; text-align: center; color: var(--s-ink-soft); font-style: italic; font-size: 17px;}
#sustiro-chrome .s-footer{background: var(--s-navy-dark); color: var(--s-on-dark); font-size: 16px; line-height: 1.65;}
#sustiro-chrome .s-footer__inner{max-width: var(--s-maxw); margin: 0 auto; padding: 0 24px;}
#sustiro-chrome .s-footer a{color: var(--s-on-dark); text-decoration: none;}
#sustiro-chrome .s-footer a:hover{color: #fff; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px;}
#sustiro-chrome .s-footer__trustbar{border-bottom: 1px solid var(--s-on-dark-line);}
#sustiro-chrome .s-footer__trustbar-grid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; padding: 36px 0;}
#sustiro-chrome .s-trustitem{display: flex; align-items: center; gap: 14px;}
#sustiro-chrome .s-trustitem__icon{flex-shrink: 0; color: var(--s-on-dark); opacity: 0.9;}
#sustiro-chrome .s-trustitem__label{font-weight: 700; font-size: 16px; color: var(--s-on-dark); display: block; line-height: 1.35;}
#sustiro-chrome .s-trustitem__sub{font-size: 14px; color: var(--s-on-dark-soft); display: block; line-height: 1.4;}
#sustiro-chrome .s-footer__cols{display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 40px; padding: 52px 0 40px;}
#sustiro-chrome .s-footer__brandmark{font-size: 26px; color: #fff; line-height: 1.2; margin: 0 0 8px;}
#sustiro-chrome .s-footer__brandtag{font-size: 11px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--s-on-dark-soft); margin: 0 0 16px;}
#sustiro-chrome .s-footer__tagline{margin: 0; max-width: 34ch; color: var(--s-on-dark-soft); font-size: 16px;}
#sustiro-chrome .s-footer__heading{font-family: var(--s-font-head); font-weight: 700; font-size: 18px; color: #fff; margin: 0 0 14px; line-height: 1.3;}
#sustiro-chrome .s-footer__list{list-style: none; margin: 0; padding: 0;}
#sustiro-chrome .s-footer__list li{margin: 0 0 10px;}
#sustiro-chrome .s-footer__list a{color: var(--s-on-dark-soft); display: inline-block; padding: 2px 0;}
#sustiro-chrome .s-footer__list a:hover{color: #fff;}
#sustiro-chrome .s-footer__disclaimer{border-top: 1px solid var(--s-on-dark-line); padding: 22px 0; font-size: 14.5px; color: var(--s-on-dark-soft); text-align: center; margin: 0;}
#sustiro-chrome .s-footer__bottom{border-top: 1px solid var(--s-on-dark-line); padding: 20px 0 28px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px; font-size: 14.5px; color: var(--s-on-dark-soft);}
#sustiro-chrome .s-footer__legal{list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px 0;}
#sustiro-chrome .s-footer__legal li{display: flex; align-items: center;}
#sustiro-chrome .s-footer__legal li + li::before{content: "·"; margin: 0 10px; color: var(--s-on-dark-soft);}
#sustiro-chrome .s-footer__legal a{color: var(--s-on-dark-soft);}
#sustiro-chrome .s-footer__legal a:hover{color: #fff;}
@media (max-width: 960px){
  #sustiro-chrome .s-nav--desktop, #sustiro-chrome .s-header .s-trust{display: none;}
  #sustiro-chrome .s-drawer{display: block; margin-left: auto; order: 3;}
  #sustiro-chrome .s-cart{order: 2; margin-left: auto;}
  #sustiro-chrome .s-header__inner{gap: 8px; min-height: 72px;}
  #sustiro-chrome .s-brand__wordmark{font-size: 26px;}
  #sustiro-chrome .s-footer__trustbar-grid{grid-template-columns: repeat(2, 1fr); gap: 24px 20px;}
  #sustiro-chrome .s-footer__cols{grid-template-columns: 1fr 1fr; gap: 36px 28px;}
  #sustiro-chrome .s-footer__col--brand{grid-column: 1 / -1;}
}
@media (max-width: 560px){
  #sustiro-chrome{font-size: 18px;}
  #sustiro-chrome .s-footer__trustbar-grid{grid-template-columns: 1fr; gap: 18px; padding: 28px 0;}
  #sustiro-chrome .s-footer__cols{grid-template-columns: 1fr; padding: 40px 0 28px;}
  #sustiro-chrome .s-footer__bottom{flex-direction: column; align-items: flex-start;}
}
@media (prefers-reduced-motion: reduce){
  #sustiro-chrome *, #sustiro-chrome *::before, #sustiro-chrome *::after{transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important;}
}
/* Nieuwsbriefformulier (inc/fable-newsletter.php), 2026-09-28 */
.cv-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;}
.nl-blok{display:flex;flex-direction:column;gap:10px;max-width:560px;}
.nl-blok .nl-form{display:flex;flex-wrap:wrap;gap:10px;}
.nl-blok input[type=email]{flex:1 1 260px;min-height:48px;padding:10px 14px;font:inherit;font-size:17px;border:1px solid #b9c2cc;border-radius:10px;background:#fff;color:#1a2332;}
.nl-blok button{min-height:48px;padding:10px 22px;font:inherit;font-size:17px;font-weight:700;color:#fff;background:#2C5F8A;border:0;border-radius:10px;cursor:pointer;}
.nl-blok button:hover{background:#1A2A3A;}
.nl-blok button[disabled]{background:#8b93a3;cursor:not-allowed;}
.nl-melding{margin:0;padding:14px 16px;border-radius:10px;font-size:16px;line-height:1.55;}
.nl-melding--ok{background:#fff;color:#1f4a32;border:1px solid #2d5a3f;}
.nl-melding--fout{background:#FDF1EA;color:#8A4A18;border:1px solid #A65426;}
.nl-fine{font-size:14px;line-height:1.55;color:#4a5568;}
.nl-fine a{color:inherit;text-decoration:underline;}
/* R2 (30-09-2026): de navy logopunt haalt op de donkere footer 2,2:1; alleen daar wit. Elders blijft navy. */
#sustiro-chrome .s-footer .s-logo__dot{fill:#fff;}