/* ============================================================
   NR26 — Netrouting 2026 design layer (Ascone)
   Volledige herbouw van de visuele laag. Laadt als laatste
   stylesheet en is leidend voor elk zichtbaar element:
   - cloud-witte canvas, inkt-koppen, serif-accentwoord
   - pine alleen als accent: bento-tegel, één stats-band,
     afgeronde CTA-panelen (nooit gestapelde brede vlakken)
   - leaf-corner kaarten, pill-knoppen, dunne lijnen
   ============================================================ */

:root {
  --nr26-pine:       #1C3F3A;
  --nr26-pine-deep:  #142D29;
  --nr26-pine-soft:  #2E6B5E;
  --nr26-pine-tint:  #E6EFE9;
  --nr26-ink:        #0A0C29;
  --nr26-cloud:      #F1F2EF;
  --nr26-mint:       #E0EAE8;
  --nr26-bone:       #EBE8D8;
  --nr26-white:      #FFFFFF;
  --nr26-text:       #3E4742;
  --nr26-muted:      #6B7470;
  --nr26-line:       #E2E3DC;
  --nr26-r-sm:       12px;
  --nr26-r-md:       20px;
  --nr26-r-lg:       28px;
  --nr26-r-leaf:     72px;
  --nr26-container:  1280px;
  --nr26-gutter:     clamp(20px, 4vw, 48px);
  --nr26-serif:      "NR Serif Accent", Georgia, serif;
}

/* ---------- 1. Basis ---------- */
body {
  background: var(--nr26-cloud);
  color: var(--nr26-text);
}
::selection { background: var(--nr26-pine); color: #fff; }

h1, h2, h3, h4, h5, h6 {
  color: var(--nr26-ink);
  letter-spacing: -0.022em;
}
.nr26-serif, h1 em, h2 em, .nr-hero__headline em {
  font-family: var(--nr26-serif);
  font-style: italic;
  font-weight: 420;
  letter-spacing: -0.01em;
}

/* sectie-eyebrows: altijd kale caps, nooit een chip */
[class*="__eyebrow"] {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  font-family: var(--masterfont) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: var(--nr26-pine-soft) !important;
}

/* ---------- 2. Knoppen ---------- */
.nr-btn, .nr-btn--primary, .nr-btn--ghost, .wp-block-button__link {
  border-radius: 999px !important;
}
.nr-btn--primary {
  background: var(--nr26-pine) !important;
  border-color: var(--nr26-pine) !important;
  color: #fff !important;
  box-shadow: none !important;
}
.nr-btn--primary:hover {
  background: var(--nr26-pine-deep) !important;
  border-color: var(--nr26-pine-deep) !important;
  transform: translateY(-1px);
}
.nr-btn--ghost {
  background: var(--nr26-white) !important;
  border: 1px solid var(--nr26-line) !important;
  color: var(--nr26-ink) !important;
}
.nr-btn--ghost:hover {
  border-color: var(--nr26-pine) !important;
  color: var(--nr26-pine) !important;
  background: var(--nr26-white) !important;
}

/* ---------- 3. Topbar (slank, pine) ---------- */
section.topbar, .topbar {
  background: var(--nr26-pine) !important;
  background-image: none !important;
}
.nr-topbar-promo {
  background: var(--nr26-pine) !important;
  color: var(--nr26-bone) !important;
}
.nr-topbar-promo a, .nr-topbar-promo__news, .nr-topbar-promo__status {
  color: var(--nr26-bone) !important;
}

/* ---------- 4. Header: licht en BINNEN de container ---------- */
.nr-header, .header__main {
  background: var(--nr26-white) !important;
  border-bottom: 1px solid var(--nr26-line);
  box-shadow: none !important;
}
/* Ascone: header-inhoud in een gecentreerde container, niet schermbreed */
html body .nr-header > .container-fluid {
  max-width: calc(var(--nr26-container) + 2 * var(--nr26-gutter)) !important;
  margin: 0 auto !important;
  padding-left: var(--nr26-gutter) !important;
  padding-right: var(--nr26-gutter) !important;
  width: 100% !important;
}
.nr-header .main-menu > ul > li > a,
.main-menu > ul > li > a {
  color: var(--nr26-ink) !important;
  font-weight: 500;
}
.nr-header .main-menu > ul > li > a:hover,
.main-menu > ul > li > a:hover { color: var(--nr26-pine-soft) !important; }
.nr-header__action, .nr-header__action--contact { color: var(--nr26-ink) !important; }
.nr-header__reseller-cta {
  background: var(--nr26-pine) !important;
  color: #fff !important;
  border-radius: 999px !important;
  border: none !important;
}
.nr-header__reseller-cta:hover { background: var(--nr26-pine-deep) !important; }
.menu-toggle .line { background: var(--nr26-ink) !important; }

/* logo */
.logo { width: auto !important; }
.logo > a.nr26-logo {
  display: inline-flex !important;
  align-items: center;
  white-space: nowrap;
  text-decoration: none !important;
}
html body .logo .nr26-logo__img {
  height: 40px !important;
  width: auto !important;
  max-width: none;
  display: block;
}
.nr26-logo:hover { opacity: 0.85; }

/* login-knop in menu: tekstlink-stijl (Ascone) */
.nr-header .nr-btn.white-solid, .nr-header .white-solid {
  background: transparent !important;
  border: 1px solid var(--nr26-line) !important;
  color: var(--nr26-ink) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}
.nr-header .nr-btn.white-solid:hover, .nr-header .white-solid:hover {
  border-color: var(--nr26-pine) !important;
  color: var(--nr26-pine) !important;
  background: transparent !important;
}
/* Trustpilot-chip rustig */
.nr-rev-chip, .nr-rev-chip--compact {
  background: transparent !important;
  border: 1px solid var(--nr26-line) !important;
  border-radius: 999px !important;
}
.nr-rev-chip, .nr-rev-chip * { color: var(--nr26-ink) !important; }
.nr-rev-chip__source { color: var(--nr26-muted) !important; }

/* ---------- 5. Mobiele header + menu ---------- */
@media (max-width: 991.98px) {
  html body .nr-header, html body .header__main, html body .header-main,
  html body .nr-header.sticky-header {
    background: var(--nr26-white) !important;
    background-image: none !important;
  }
  .menu-toggle, .main-menu {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
  }
  html body .logo .nr26-logo__img { height: 34px !important; }
  .main-menu > ul, .main-menu ul, .main-menu li, .mobile-menu ul, .mobile-menu li {
    background: var(--nr26-white) !important;
    background-image: none !important;
    border-color: var(--nr26-line) !important;
  }
  html body .mobile-menu a, html body .mobile-menu li > a,
  html body .mobile-menu span, html body .main-menu ul a, .main-menu li a {
    color: var(--nr26-ink) !important;
  }
  html body .mobile-menu a:hover, .main-menu ul a:hover { color: var(--nr26-pine-soft) !important; }
  html body .mobile-menu li::before, html body .mobile-menu li a::after,
  html body .mobile-menu li a::before { color: var(--nr26-pine-soft) !important; }
  .main-menu .nr-btn.white-solid, .mobile-menu .nr-btn.white-solid {
    background: transparent !important;
    border: 1px solid var(--nr26-line) !important;
    color: var(--nr26-ink) !important;
    border-radius: 999px !important;
  }
  html body .main-menu .signupBtn, html body .mobile-menu .signupBtn,
  html body .mobile-menu a.signupBtn {
    background: var(--nr26-pine) !important;
    color: #fff !important;
    border-radius: 999px !important;
  }
  .mobile-menu, .mobile-menu .container-fluid { background: var(--nr26-white) !important; }
}

/* ---------- 6. Hero: lichte canvas + bento-mozaïek ---------- */
.nr-hero, .nr-hero.is-dark, .nr-hero.is-light {
  background: var(--nr26-cloud) !important;
  color: var(--nr26-text) !important;
  padding: clamp(48px, 7vw, 96px) 0 clamp(56px, 7vw, 104px) !important;
  min-height: 0 !important;
}
.nr-hero::before, .nr-hero::after { content: none !important; }
html body .nr-hero__inner {
  max-width: var(--nr26-container);
  margin: 0 auto;
  padding: 0 var(--nr26-gutter);
  display: grid;
  grid-template-columns: minmax(0, 1.04fr) minmax(0, 0.96fr);
  gap: clamp(32px, 5vw, 72px);
  align-items: center;
}
.nr-hero__eyebrow {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  margin: 0 0 18px !important;
}
.nr-hero__eyebrow-dot { display: none !important; }
html body .nr-hero__headline {
  color: var(--nr26-ink) !important;
  font-size: clamp(40px, 4.8vw, 64px) !important;
  line-height: 1.04 !important;
  font-weight: 700 !important;
  letter-spacing: -0.028em !important;
  margin: 0 0 22px !important;
}
html body .nr-hero__sub {
  color: var(--nr26-muted) !important;
  font-size: clamp(16px, 1.25vw, 18px) !important;
  line-height: 1.6 !important;
  max-width: 46ch;
  margin: 0 0 30px !important;
}
.nr-hero__ctas { display: flex; gap: 12px; flex-wrap: wrap; }
.nr-hero__badge {
  color: var(--nr26-muted) !important;
  font-size: 14px !important;
  margin-top: 22px !important;
}
.nr-hero__badge-dot { background: var(--nr26-pine-soft) !important; }

/* bento-grid */
html body .nr26-bento {
  display: grid !important;
  grid-template-columns: 1.12fr 1fr;
  /* Ascone-diagonaal: 10 micro-rijen zodat links 60/40 en rechts 40/60
     verdeeld is; samen één gesloten rechthoekig mozaïek. */
  grid-template-rows: repeat(10, 1fr);
  height: clamp(380px, 36vw, 470px);
  gap: 14px;
  position: static !important;
  width: auto !important;
  max-width: none !important;
}
.nr26-bento > .nr26-bento__tile--visual { grid-column: 1; grid-row: 1 / 7; }
.nr26-bento > .nr26-bento__tile--bone   { grid-column: 2; grid-row: 1 / 5; }
.nr26-bento > .nr26-bento__tile--mint   { grid-column: 1; grid-row: 7 / 11; }
.nr26-bento > .nr26-bento__tile--pine   { grid-column: 2; grid-row: 5 / 11; }
.nr26-bento__tile {
  position: relative;
  border-radius: var(--nr26-r-md);
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
  min-width: 0;
  height: 100% !important;
  align-self: stretch !important;
  margin: 0 !important;
}
/* tegel 1: visual (wit, leaf linksboven) */
.nr26-bento__tile--visual {
  background: var(--nr26-white);
  border: 1px solid var(--nr26-line);
  border-top-left-radius: var(--nr26-r-leaf);
  padding: 18px;
  margin: 0;
  justify-content: center;
  align-items: center;
}
.nr26-bento__tile--visual svg, .nr26-bento__tile--visual img {
  width: 100%; height: 100%;
  max-height: 100%;
  object-fit: contain;
  display: block;
}
/* tegel 2: bone, leaf rechtsboven, grote stat */
.nr26-bento__tile--bone {
  background: var(--nr26-bone);
  border-top-right-radius: var(--nr26-r-leaf);
  color: var(--nr26-ink);
}
.nr26-bento__globe {
  position: absolute;
  top: 20px; right: 22px;
  width: 44px; height: 44px;
  color: var(--nr26-pine);
  opacity: 0.75;
}
/* tegel 3: mint, status + rijen + pijl */
.nr26-bento__tile--mint {
  background: var(--nr26-mint);
  color: var(--nr26-ink);
  justify-content: flex-start;
  padding-bottom: 56px;
}
.nr26-bento__sparkles { position: absolute; top: 18px; right: 20px; display: flex; gap: 6px; color: var(--nr26-pine); }
.nr26-sparkle {
  display: inline-block;
  width: 18px; height: 18px;
  background: currentColor;
  clip-path: polygon(50% 0, 61% 39%, 100% 50%, 61% 61%, 50% 100%, 39% 61%, 0 50%, 39% 39%);
}
.nr26-sparkle--sm { width: 11px; height: 11px; margin-top: 3px; }
.nr26-bento__status {
  display: inline-flex; align-items: center; gap: 7px;
  font-size: 13px; font-weight: 600; color: var(--nr26-pine);
  margin: 0 0 10px;
}
.nr26-bento__dot {
  width: 7px; height: 7px; border-radius: 50%;
  background: var(--nr26-pine-soft);
  box-shadow: 0 0 0 3px rgba(46, 107, 94, 0.18);
}
.nr26-bento__rows { list-style: none; margin: 0; padding: 0; }
.nr26-bento__rows li {
  display: flex; justify-content: space-between; gap: 12px;
  font-size: 13.5px; padding: 7px 0;
  border-top: 1px solid rgba(10, 12, 41, 0.08);
  color: var(--nr26-muted);
}
.nr26-bento__rows li strong { color: var(--nr26-ink); font-weight: 650; white-space: nowrap; }
.nr26-bento__rows li span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nr26-bento__arrow {
  position: absolute; right: 18px; bottom: 16px;
  width: 34px; height: 34px;
  border-radius: 50%;
  background: var(--nr26-pine);
  color: #fff;
  display: inline-flex; align-items: center; justify-content: center;
}
/* tegel 4: pine, leaf rechtsonder, stat + spark */
.nr26-bento__tile--pine {
  background: var(--nr26-pine);
  border-bottom-right-radius: var(--nr26-r-leaf);
  color: #fff;
}
.nr26-bento__tile--pine .nr26-bento__label { color: var(--nr26-mint); }
.nr26-bento__spark { color: #9CCDBB; margin: 10px 0 6px; }
.nr26-bento__big {
  font-size: clamp(26px, 2.4vw, 36px);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.1;
  display: block;
}
.nr26-bento__label {
  font-size: 13.5px;
  color: var(--nr26-muted);
  margin-top: 6px;
  display: block;
}
.nr26-bento__tile--bone .nr26-bento__label { color: #6f6a58; }

@media (max-width: 991.98px) {
  html body .nr-hero__inner { grid-template-columns: 1fr; }
  html body .nr26-bento {
    height: auto;
    grid-template-rows: repeat(10, minmax(34px, auto));
  }
}
@media (max-width: 560px) {
  html body .nr26-bento {
    grid-template-columns: 1fr;
    grid-template-rows: none;
    grid-auto-rows: auto;
    height: auto;
    gap: 12px;
  }
  .nr26-bento__tile { padding: 20px; }
  .nr26-bento__tile--visual { display: none; }
  .nr26-bento > .nr26-bento__tile--bone,
  .nr26-bento > .nr26-bento__tile--mint,
  .nr26-bento > .nr26-bento__tile--pine {
    grid-column: 1 !important;
    grid-row: auto !important;
    min-height: 120px;
  }
}

/* ---------- 7. Generieke sectie-bouwstenen ---------- */
/* gecentreerde container voor alle home/landing secties */
.nr-home-products__inner, .nr-home-feature__inner, .nr-home-video__inner,
.nr-home-trust__inner, .nr-locations__inner, .nr-industries__inner,
.nr-includes__inner, .nr-compare__inner, .nr-faq__inner, .nr-quote__inner {
  max-width: var(--nr26-container) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: var(--nr26-gutter) !important;
  padding-right: var(--nr26-gutter) !important;
}

/* ---------- 8. Products: witte sectie, values-kaarten ---------- */
section.nr-home-products {
  background: var(--nr26-white) !important;
  border: none !important;
  padding: clamp(64px, 8vw, 120px) 0 !important;
}
.nr-home-products__headline { color: var(--nr26-ink) !important; font-weight: 700 !important; }
.nr-home-products__sub { color: var(--nr26-muted) !important; }
.nr-home-products__card {
  background: var(--nr26-white) !important;
  border: 1px solid var(--nr26-line) !important;
  border-radius: var(--nr26-r-md) !important;
  box-shadow: none !important;
  transition: border-color 160ms ease, transform 200ms ease !important;
}
.nr-home-products__card:hover {
  background: var(--nr26-white) !important;
  border-color: var(--nr26-pine-soft) !important;
  transform: translateY(-3px);
}
/* derde kaart: bone, leaf rechtsboven (Ascone values-accent) */
.nr-home-products__grid > :nth-child(3) .nr-home-products__card,
.nr-home-products__card:nth-child(3) {
  background: var(--nr26-bone) !important;
  border-color: transparent !important;
  border-top-right-radius: var(--nr26-r-leaf) !important;
}
.nr-home-products__card h3, .nr-home-products__card .nr-home-products__title { color: var(--nr26-ink) !important; }
.nr-home-products__card p, .nr-home-products__card .nr-home-products__specs,
.nr-home-products__card .nr-home-products__specs span { color: var(--nr26-muted) !important; }
.nr-home-products__media {
  background: var(--nr26-pine-tint) !important;
  border-radius: 14px !important;
}
.nr-home-products__specs span::before { background: var(--nr26-pine-soft) !important; }

/* ---------- 9. Feature-duo: pine PANEEL + foto (geen brede band) ---------- */
section.nr-home-feature {
  background: var(--nr26-cloud) !important;
  background-image: none !important;
  border: none !important;
  padding: clamp(28px, 4vw, 56px) 0 !important;
}
html body .nr-home-feature__inner {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
  gap: 18px;
  align-items: stretch;
}
html body .nr-home-feature__text {
  background: var(--nr26-pine);
  border-radius: var(--nr26-r-lg);
  border-bottom-left-radius: var(--nr26-r-leaf);
  padding: clamp(28px, 3.4vw, 52px);
  max-width: none !important;
}
.nr-home-feature__text h2 { color: #fff !important; }
.nr-home-feature__text p { color: var(--nr26-mint) !important; }
.nr-home-feature__text a { color: #fff !important; text-decoration: underline; text-underline-offset: 3px; }
.nr-home-feature__text .nr-home-feature__eyebrow { color: #9CCDBB !important; }
html body .nr-home-feature__media {
  border-radius: var(--nr26-r-lg);
  border-top-right-radius: var(--nr26-r-leaf);
  overflow: hidden;
  margin: 0;
}
.nr-home-feature__media img {
  width: 100%; height: 100%;
  object-fit: cover;
  display: block;
}
@media (max-width: 991.98px) {
  html body .nr-home-feature__inner { grid-template-columns: 1fr; }
  html body .nr-home-feature__media { min-height: 260px; }
}

/* ---------- 10. Video-sectie: licht, afgeronde kaart ---------- */
section.nr-home-video, .nr-home-video.nr-tone-light {
  background: var(--nr26-white) !important;
  background-image: none !important;
  padding: clamp(64px, 8vw, 120px) 0 !important;
}
.nr-home-video h2 { color: var(--nr26-ink) !important; }
.nr-home-video p { color: var(--nr26-muted) !important; }
.nr-home-video__embed, .nr-yt-facade {
  border-radius: var(--nr26-r-lg) !important;
  border-top-left-radius: var(--nr26-r-leaf) !important;
  overflow: hidden !important;
  background: var(--nr26-mint) !important;
}

/* ---------- 11. Stats-band: de ENIGE brede pine band (Ascone numbers) ---------- */
section.nr-includes.is-dark {
  background:
    radial-gradient(ellipse at 82% 8%, rgba(127, 214, 184, 0.10), transparent 50%),
    var(--nr26-pine) !important;
  border: none !important;
  padding: clamp(64px, 8vw, 110px) 0 !important;
}
.nr-includes__headline { color: #fff !important; font-weight: 700 !important; }
.nr-includes__sub { color: var(--nr26-mint) !important; }
.nr-includes__eyebrow { color: #9CCDBB !important; }
.nr-includes__item {
  background: var(--nr26-pine-deep) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: var(--nr26-r-md) !important;
  box-shadow: none !important;
}
.nr-includes__item, .nr-includes__item * { color: #fff; }
.nr-includes__item .nr-includes__item-desc, .nr-includes__item p { color: var(--nr26-mint) !important; }

/* elke VOLGENDE donkere includes-band wordt licht: nooit twee brede
   pine-vlakken op één pagina (Ascone heeft er precies één) */
section.nr-includes.is-dark ~ section.nr-includes.is-dark,
section.nr-hero + section.nr-includes.is-dark {
  background: var(--nr26-white) !important;
}
section.nr-includes.is-dark ~ section.nr-includes.is-dark,
section.nr-hero + section.nr-includes.is-dark .nr-includes__headline { color: var(--nr26-ink) !important; }
section.nr-includes.is-dark ~ section.nr-includes.is-dark,
section.nr-hero + section.nr-includes.is-dark .nr-includes__sub { color: var(--nr26-muted) !important; }
section.nr-includes.is-dark ~ section.nr-includes.is-dark,
section.nr-hero + section.nr-includes.is-dark .nr-includes__eyebrow { color: var(--nr26-pine-soft) !important; }
section.nr-includes.is-dark ~ section.nr-includes.is-dark,
section.nr-hero + section.nr-includes.is-dark .nr-includes__item {
  background: var(--nr26-white) !important;
  border: 1px solid var(--nr26-line) !important;
}
section.nr-includes.is-dark ~ section.nr-includes.is-dark,
section.nr-hero + section.nr-includes.is-dark .nr-includes__item,
section.nr-includes.is-dark ~ section.nr-includes.is-dark,
section.nr-hero + section.nr-includes.is-dark .nr-includes__item strong,
section.nr-includes.is-dark ~ section.nr-includes.is-dark,
section.nr-hero + section.nr-includes.is-dark .nr-includes__item h3 { color: var(--nr26-ink) !important; }
section.nr-includes.is-dark ~ section.nr-includes.is-dark,
section.nr-hero + section.nr-includes.is-dark .nr-includes__item p,
section.nr-includes.is-dark ~ section.nr-includes.is-dark,
section.nr-hero + section.nr-includes.is-dark .nr-includes__item .nr-includes__item-desc { color: var(--nr26-muted) !important; }

/* ---------- 12. Locations: licht, witte tegels ---------- */
section.nr-locations {
  background: var(--nr26-cloud) !important;
  border: none !important;
  padding: clamp(64px, 8vw, 120px) 0 !important;
}
.nr-locations__headline { color: var(--nr26-ink) !important; }
.nr-locations__sub { color: var(--nr26-muted) !important; }
.nr-locations__grid { background: transparent !important; border: none !important; }
.nr-locations__link {
  background: var(--nr26-white) !important;
  border: 1px solid var(--nr26-line) !important;
  border-radius: 14px !important;
  color: var(--nr26-ink) !important;
  transition: background 160ms ease, border-color 160ms ease !important;
}
.nr-locations__link:hover {
  background: var(--nr26-pine) !important;
  border-color: var(--nr26-pine) !important;
}
.nr-locations__link:hover * { color: #fff !important; }
.nr-locations__cc { background: var(--nr26-pine-tint) !important; color: var(--nr26-pine) !important; }
.nr-locations table, .nr-locations__table {
  background: var(--nr26-white) !important;
  border: 1px solid var(--nr26-line) !important;
  border-radius: var(--nr26-r-md);
  overflow: hidden;
}
.nr-locations th { color: var(--nr26-muted) !important; }
.nr-locations td { color: var(--nr26-text) !important; border-color: var(--nr26-line) !important; }

/* ---------- 13. Industries: licht, witte kaarten ---------- */
section.nr-industries {
  background: var(--nr26-white) !important;
  border: none !important;
  padding: clamp(64px, 8vw, 120px) 0 !important;
}
.nr-industries h2 { color: var(--nr26-ink) !important; }
.nr-industries__sub { color: var(--nr26-muted) !important; }
.nr-industries a[class*="card"], .nr-industries [class*="card"] {
  background: var(--nr26-cloud) !important;
  border: 1px solid var(--nr26-line) !important;
  border-radius: var(--nr26-r-md) !important;
  box-shadow: none !important;
  transition: border-color 160ms ease, transform 200ms ease !important;
}
.nr-industries [class*="card"]:hover {
  border-color: var(--nr26-pine-soft) !important;
  transform: translateY(-3px);
}
.nr-industries [class*="card"] h3, .nr-industries [class*="card"] strong { color: var(--nr26-ink) !important; }
.nr-industries [class*="card"] p, .nr-industries [class*="card"] span { color: var(--nr26-muted) !important; }

/* ---------- 14. Trust: bone-kaarten met leaf ---------- */
section.nr-home-trust {
  background: var(--nr26-white) !important;
  padding: clamp(48px, 6vw, 96px) 0 !important;
}
.nr-home-trust h2 { color: var(--nr26-ink) !important; }
.nr-home-trust p { color: var(--nr26-muted) !important; }
.nr-home-trust__card {
  background: var(--nr26-bone) !important;
  border: none !important;
  border-radius: var(--nr26-r-md) !important;
  border-bottom-right-radius: var(--nr26-r-leaf) !important;
  color: var(--nr26-ink) !important;
  box-shadow: none !important;
}
.nr-home-trust__card h3, .nr-home-trust__card h4, .nr-home-trust__card strong { color: var(--nr26-ink) !important; }
.nr-home-trust__card p, .nr-home-trust__card span { color: #4A4F44 !important; }
.nr-home-trust__card a, .nr-home-trust__cta { color: var(--nr26-pine) !important; }
.nr-home-trust__card:nth-child(2), .nr-home-trust__inner > :nth-child(2) .nr-home-trust__card {
  background: var(--nr26-mint) !important;
  border-bottom-right-radius: var(--nr26-r-md) !important;
  border-top-left-radius: var(--nr26-r-leaf) !important;
}

/* ---------- 15. Pre-footer CTA: afgerond pine PANEEL met sparkles ---------- */
section.nr-footer__cta, .nr-footer-service-bar {
  background: var(--nr26-cloud) !important;
  background-image: none !important;
  border: none !important;
  padding: clamp(40px, 6vw, 88px) 0 !important;
}
.nr-footer__cta > .container, .nr-footer-service-bar > .container {
  max-width: var(--nr26-container) !important;
  padding-left: var(--nr26-gutter) !important;
  padding-right: var(--nr26-gutter) !important;
}
html body .nr-footer__cta-grid {
  position: relative;
  background: var(--nr26-pine) !important;
  border-radius: var(--nr26-r-lg);
  border-top-right-radius: var(--nr26-r-leaf);
  padding: clamp(32px, 4.5vw, 64px);
  overflow: hidden;
}
/* vierpunt-sterren rechtsboven (Ascone-signatuur) */
html body .nr-footer__cta-grid::before,
html body .nr-footer__cta-grid::after {
  content: "";
  position: absolute;
  background: #fff;
  clip-path: polygon(50% 0, 61% 39%, 100% 50%, 61% 61%, 50% 100%, 39% 61%, 0 50%, 39% 39%);
  pointer-events: none;
}
html body .nr-footer__cta-grid::before { width: 54px; height: 54px; top: 34px; right: 64px; }
html body .nr-footer__cta-grid::after  { width: 28px; height: 28px; top: 92px; right: 128px; }
.nr-footer__cta-headline { color: #fff !important; }
.nr-footer__cta-grid p, .nr-footer__cta-text p { color: var(--nr26-mint) !important; }
.nr-footer__cta-eyebrow { color: #9CCDBB !important; font-family: var(--masterfont) !important; }
/* contact/deploy-info als bone-kaart in het paneel */
.nr-footer__cta-grid .nr-footer__cta-card,
.nr-footer__cta-grid aside,
.nr-footer__cta-grid [class*="cta-side"], .nr-footer__cta-grid [class*="cta-info"] {
  background: var(--nr26-bone) !important;
  border: none !important;
  border-radius: var(--nr26-r-md) !important;
  color: var(--nr26-ink) !important;
}
.nr-footer__cta-grid [class*="cta-side"] *, .nr-footer__cta-grid aside * { color: var(--nr26-ink) !important; }

/* ---------- 16. Footer: licht, kolommen + wordmark rechts ---------- */
footer.nr-site-footer, .nr-site-footer {
  background: var(--nr26-cloud) !important;
  color: var(--nr26-text) !important;
  border-top: 1px solid var(--nr26-line);
}
.nr-site-footer::before, .nr-site-footer::after { content: none !important; }
.nr-site-footer h4, .nr-site-footer h5, .nr-site-footer h6,
.nr-site-footer strong { color: var(--nr26-ink) !important; }
.nr-site-footer .nr-footer-mega h6, .nr-site-footer .nr-footer-mega__col-title { color: var(--nr26-ink) !important; }
.nr-site-footer a { color: #4E5752 !important; }
.nr-site-footer a:hover { color: var(--nr26-pine) !important; }
.nr-site-footer p, .nr-site-footer li, .nr-site-footer span { color: var(--nr26-muted); }
.nr-footer-eeat { background: var(--nr26-cloud) !important; }
.nr-footer-eeat, .nr-footer-eeat * { color: var(--nr26-muted) !important; }
.nr-footer-eeat h2, .nr-footer-eeat h3 { color: var(--nr26-ink) !important; }

.nr26-footer-wordmark {
  font-family: var(--masterfont);
  font-weight: 700;
  font-size: clamp(56px, 9vw, 140px);
  letter-spacing: -0.045em;
  line-height: 1;
  color: var(--nr26-pine);
  text-align: right;
  margin: 40px 0 8px;
  user-select: none;
}
@media (max-width: 767.98px) { .nr26-footer-wordmark { text-align: center; } }

/* ---------- 17. Megamenu (paneel-styling staat in nr-menu.css) ---------- */
html body .nr-mega-grid, html body ul.nr-mega-grid, html body .megatab-menu {
  background: var(--nr26-white) !important;
  background-image: none !important;
  backdrop-filter: none !important;
  border: 1px solid var(--nr26-line) !important;
  border-radius: var(--nr26-r-md) !important;
  box-shadow: 0 32px 64px -24px rgba(10, 12, 41, 0.22) !important;
}
html body .nr-mega-col, html body .nr-mega-col__list, html body .nr-mega-grid li {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
html body .nr-mega-col__title { color: var(--nr26-pine-soft) !important; letter-spacing: 0.12em; }
html body .nr-mega-grid a, html body .nr-mega-grid .nr-mega-link__title { color: var(--nr26-ink) !important; }
html body .nr-mega-grid .nr-mega-link__desc { color: var(--nr26-muted) !important; }
html body .nr-mega-grid a:hover { background: var(--nr26-cloud) !important; border-radius: 10px; }
html body .nr-mega-grid a:hover .nr-mega-link__title { color: var(--nr26-pine) !important; }

/* ---------- 18. Formulieren: witte kaart op pine ---------- */
.nr-quote { background: var(--nr26-pine) !important; }
.nr-quote__lede h2, .nr-quote__lede { color: #fff !important; }
.nr-quote__lede p { color: var(--nr26-mint) !important; }
.nr-quote__form {
  background: var(--nr26-white) !important;
  border: none !important;
  border-radius: var(--nr26-r-md) !important;
  border-top-right-radius: var(--nr26-r-leaf) !important;
  box-shadow: 0 32px 64px -32px rgba(10, 12, 41, 0.35) !important;
  padding: 32px !important;
}
.nr-quote__form label, .nr-quote__form legend { color: var(--nr26-ink) !important; }
.nr-quote__form input, .nr-quote__form textarea, .nr-quote__form select {
  background: var(--nr26-cloud) !important;
  border: 1px solid var(--nr26-line) !important;
  border-radius: 12px !important;
  color: var(--nr26-ink) !important;
}
.nr-quote__form input::placeholder, .nr-quote__form textarea::placeholder { color: var(--nr26-muted) !important; }
.nr-quote__form input:focus, .nr-quote__form textarea:focus, .nr-quote__form select:focus {
  border-color: var(--nr26-pine-soft) !important;
  outline: 2px solid rgba(46, 107, 94, 0.25);
}
.nr-quote__form button[type="submit"], .nr-quote__form input[type="submit"] {
  background: var(--nr26-pine) !important;
  color: #fff !important;
  border-radius: 999px !important;
  border: none !important;
}
.nr-quote__form .wpcf7-not-valid-tip { color: #B3403B !important; }
.nr-quote__form p, .nr-quote__form span { color: var(--nr26-muted); }

/* ---------- 19. FAQ: licht, dunne dividers ---------- */
section.nr-faq {
  background: var(--nr26-white) !important;
  background-image: none !important;
  border: none !important;
  padding: clamp(64px, 8vw, 120px) 0 !important;
}
.nr-faq__headline { color: var(--nr26-ink) !important; }
.nr-faq__sub { color: var(--nr26-muted) !important; }
.nr-faq__eyebrow { color: var(--nr26-pine-soft) !important; }
.nr-faq summary, .nr-faq h4, .nr-faq [class*="question"] { color: var(--nr26-ink) !important; }
.nr-faq p, .nr-faq [class*="answer"] { color: var(--nr26-muted) !important; }
.nr-faq details, .nr-faq [class*="item"] {
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid var(--nr26-line) !important;
  border-radius: 0 !important;
}

/* ---------- 20. Reveal-animaties ---------- */
@media (prefers-reduced-motion: no-preference) {
  .nr26-reveal {
    opacity: 0;
    transform: translateY(14px);
    transition: opacity 0.55s cubic-bezier(0.22, 0.61, 0.36, 1),
                transform 0.55s cubic-bezier(0.22, 0.61, 0.36, 1);
    will-change: opacity, transform;
  }
  .nr26-reveal.is-in { opacity: 1; transform: none; }
}

/* sticky header-state: identiek licht aan de normale header */
html body .nr-header.sticky-header, html body .header__main.sticky-header {
  background: var(--nr26-white) !important;
  background-image: none !important;
  border-bottom: 1px solid var(--nr26-line) !important;
  box-shadow: 0 12px 32px -20px rgba(10, 12, 41, 0.18) !important;
}
html body .nr-header.sticky-header .main-menu > ul > li > a { color: var(--nr26-ink) !important; }
html body .nr-header.sticky-header .main-menu > ul > li > a:hover { color: var(--nr26-pine-soft) !important; }
html body .nr-header.sticky-header .nr-header__action { color: var(--nr26-ink) !important; }

/* Login: kale tekstlink in de header (Ascone), in elke header-state */
html body .nr-header .nr-btn.white-solid,
html body .nr-header .white-solid,
html body .nr-header.sticky-header .nr-btn.white-solid,
html body .nr-header.sticky-header .main-menu a.white-solid,
html body .main-menu a.nr-btn.white-solid {
  background: transparent !important;
  border: none !important;
  color: var(--nr26-ink) !important;
  font-weight: 500 !important;
  box-shadow: none !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}
html body .nr-header .white-solid:hover,
html body .main-menu a.nr-btn.white-solid:hover {
  color: var(--nr26-pine-soft) !important;
  background: transparent !important;
}

/* CTA-paneel: witte primary-knop op pine (Ascone), nette contact-kaart */
html body .nr-footer__cta-btn--primary {
  background: var(--nr26-white) !important;
  color: var(--nr26-ink) !important;
  border: none !important;
  border-radius: 999px !important;
  font-weight: 600;
}
html body .nr-footer__cta-btn--primary:hover { background: var(--nr26-bone) !important; color: var(--nr26-ink) !important; }
html body .nr-footer__cta-btn--ghost {
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.35) !important;
  color: #fff !important;
  border-radius: 999px !important;
}
html body .nr-footer__cta-btn--ghost:hover { border-color: #fff !important; }

/* contact-kaart: bone, gewone typografie (geen mono/terminal) */
html body .nr-footer__contact {
  background: var(--nr26-bone) !important;
  border: none !important;
  border-radius: var(--nr26-r-md) !important;
  border-bottom-right-radius: var(--nr26-r-leaf) !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
}
html body .nr-footer__contact, html body .nr-footer__contact * {
  font-family: var(--masterfont) !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  color: var(--nr26-ink) !important;
}
html body .nr-footer__contact-bar strong {
  background: transparent !important;
  padding: 0 !important;
  font-weight: 700 !important;
}
html body .nr-footer__contact-label { color: #6f6a58 !important; font-size: 13px !important; }
html body .nr-footer__contact-tag {
  background: var(--nr26-pine) !important;
  color: #fff !important;
  border-radius: 999px;
  padding: 2px 10px !important;
  font-size: 12px !important;
}
html body .nr-footer__contact-dot { background: var(--nr26-pine-soft) !important; }
html body .nr-footer__contact-list li { border-color: rgba(10, 12, 41, 0.08) !important; }
html body .nr-footer__contact-value { font-weight: 600 !important; }

/* footer-kolomtitels: altijd inkt */
.nr-site-footer [class*="col-title"], .nr-site-footer .nr-footer-mega h3 {
  color: var(--nr26-ink) !important;
  opacity: 1 !important;
}

/* visual-tegel: illustratie-strokes in pine voor leesbaar contrast */
.nr26-bento__tile--visual { color: var(--nr26-pine-soft); }
.nr26-bento__tile--visual svg { opacity: 1; }

/* ============================================================
   21. Generieke licht-sweep: alle resterende sectie-klassen die
   in het oude thema donker waren. Ascone-regel: secties zijn
   licht; pine bestaat alleen als afgerond paneel of accent.
   ============================================================ */
section.nr-compare, section.nr-product-features, section.nr-product-managed,
section.nr-product-highlight, section.nr-product-plans, section.nr-product-usecases,
section.nr-product-pair, section.nr-home-cross, section.nr-kb, section.nr-blog-list,
section.nr-press-list, section.nr-vacancy-more, section.nr-guarantee,
section.nr-net-map, section.nr-sitemap, section.nr-404,
div.nr-compare, div.nr-product-features, div.nr-net-map,
.nr-kb-article, .nr-kb-article__cover, .nr-city-grafana__panel-wrap,
.nr-featured-strip__foot, .nr-industry__final-cta-inner {
  background: var(--nr26-cloud) !important;
  background-image: none !important;
  border-color: var(--nr26-line) !important;
}
/* afwisseling: om-en-om wit */
section.nr-product-features, section.nr-product-plans, section.nr-kb,
section.nr-blog-list, section.nr-compare { background: var(--nr26-white) !important; }

/* tekst in die secties: inkt-koppen, muted body */
section.nr-compare h2, section.nr-compare h3,
section.nr-product-features h2, section.nr-product-features h3,
section.nr-product-managed h2, section.nr-product-managed h3,
section.nr-product-highlight h2, section.nr-product-highlight h3,
section.nr-product-plans h2, section.nr-product-plans h3,
section.nr-product-usecases h2, section.nr-product-usecases h3,
section.nr-product-pair h2, section.nr-product-pair h3,
section.nr-home-cross h2, section.nr-kb h2, section.nr-blog-list h2,
section.nr-press-list h2, section.nr-vacancy-more h2, section.nr-guarantee h2,
section.nr-net-map h2, section.nr-net-map h3,
.nr-kb-article h1, .nr-kb-article h2, .nr-kb-article h3 {
  color: var(--nr26-ink) !important;
}
section.nr-compare p, section.nr-product-features p, section.nr-product-managed p,
section.nr-product-highlight p, section.nr-product-plans p, section.nr-product-usecases p,
section.nr-product-pair p, section.nr-home-cross p, section.nr-kb p,
section.nr-blog-list p, section.nr-press-list p, section.nr-vacancy-more p,
section.nr-guarantee p, section.nr-net-map p {
  color: var(--nr26-text) !important;
}

/* binnen-tegels/kaarten in die secties: wit met dunne rand */
section.nr-product-features [class*="item"], section.nr-product-features [class*="card"],
section.nr-product-usecases [class*="card"], section.nr-product-usecases [class*="item"],
section.nr-product-pair [class*="card"], section.nr-product-managed [class*="card"],
section.nr-home-cross [class*="card"], section.nr-net-map [class*="panel"],
section.nr-compare table, .nr-compare__table, section.nr-guarantee [class*="card"],
section.nr-vacancy-more [class*="card"], section.nr-press-list [class*="item"] {
  background: var(--nr26-white) !important;
  border: 1px solid var(--nr26-line) !important;
  border-radius: var(--nr26-r-md) !important;
  box-shadow: none !important;
  color: var(--nr26-text) !important;
}
section.nr-product-features [class*="item"] *,
section.nr-product-usecases [class*="card"] * { color: var(--nr26-text); }
section.nr-product-features [class*="item"] strong, section.nr-product-features [class*="item"] h3,
section.nr-product-usecases [class*="card"] strong, section.nr-product-usecases [class*="card"] h3 {
  color: var(--nr26-ink) !important;
}

/* KB-artikel: witte leeskaart; codeblokken blijven inkt (functioneel) */
.nr-kb-article__body {
  background: var(--nr26-white) !important;
  border: 1px solid var(--nr26-line) !important;
  border-radius: var(--nr26-r-md) !important;
  color: var(--nr26-text) !important;
}
.nr-kb-article__body p, .nr-kb-article__body li { color: var(--nr26-text) !important; }
.nr-kb-article__body pre {
  background: var(--nr26-ink) !important;
  border-radius: 14px !important;
  color: var(--nr26-mint) !important;
}

/* industry final-CTA: afgerond pine paneel (zoals footer-CTA) */
.nr-industry__final-cta-inner {
  background: var(--nr26-pine) !important;
  border-radius: var(--nr26-r-lg) !important;
  border-top-right-radius: var(--nr26-r-leaf) !important;
}
.nr-industry__final-cta-inner h2, .nr-industry__final-cta-inner h3 { color: #fff !important; }
.nr-industry__final-cta-inner p { color: var(--nr26-mint) !important; }

/* industry-secties: alles licht behalve het final-CTA-paneel */
section.nr-industry, .nr-industry__shell, .nr-industry__section {
  background: var(--nr26-cloud) !important;
  background-image: none !important;
}
.nr-industry__shell h2, .nr-industry__shell h3, section.nr-industry h2 { color: var(--nr26-ink) !important; }
.nr-industry__shell p, section.nr-industry p { color: var(--nr26-text) !important; }
.nr-industry__shell [class*="card"], .nr-industry__shell [class*="item"],
.nr-industry__shell [class*="tile"] {
  background: var(--nr26-white) !important;
  border: 1px solid var(--nr26-line) !important;
  border-radius: var(--nr26-r-md) !important;
  color: var(--nr26-text) !important;
}
.nr-industry__faq-item { background: transparent !important; border-bottom: 1px solid var(--nr26-line) !important; }

/* featured-strip (plan-tabellen op industry/landing): licht */
.nr-featured-strip::before { content: none !important; }
.nr-featured-strip h2, .nr-featured-strip h3, .nr-featured-strip strong,
.nr-featured-strip [class*="title"], .nr-featured-strip [class*="name"] { color: var(--nr26-ink) !important; }
.nr-featured-strip, .nr-featured-strip p, .nr-featured-strip span,
.nr-featured-strip td, .nr-featured-strip th, .nr-featured-strip li { color: var(--nr26-text); }
.nr-featured-strip [class*="spec"], .nr-featured-strip [class*="meta"] { color: var(--nr26-muted) !important; }
.nr-featured-strip__card { box-shadow: none !important; border-radius: var(--nr26-r-md) !important; }
.nr-featured-strip__eyebrow { color: var(--nr26-pine-soft) !important; }

/* footer: oude logo-afbeelding vervalt (wordmark is het merk) */
.nr-footer-brand { display: none !important; }
.nr-footer-social-wrap p, .nr-footer-social-wrap .nr-footer-social-label {
  color: var(--nr26-ink) !important;
  opacity: 1 !important;
}

/* KB-artikel-hero: licht met inkt-titel */
.nr-kb-article-hero {
  background: var(--nr26-cloud) !important;
  background-image: none !important;
}
.nr-kb-article-hero__title { color: var(--nr26-ink) !important; }
.nr-kb-article-hero__meta, .nr-kb-article-hero__meta * { color: var(--nr26-muted) !important; }
.nr-kb-article-hero__crumbs, .nr-kb-article-hero__crumbs a {
  color: var(--nr26-pine-soft) !important;
  font-family: var(--masterfont) !important;
  letter-spacing: 0.1em;
}

/* mobiel: kleinere pijl-cirkel, rijen vrij van de pijl */
@media (max-width: 560px) {
  .nr26-bento__arrow { width: 28px; height: 28px; right: 14px; bottom: 12px; }
  .nr26-bento__rows li { padding-right: 8px; }
  .nr26-bento__tile--mint { padding-bottom: 48px; }
}

/* ============================================================
   22. Perfectieronde homepage (Ascone exact)
   ============================================================ */

/* topbar: dun, gecentreerd, Inter (geen mono uit oud thema) */
.nr-topbar-promo, .nr-topbar-promo * {
  font-family: var(--masterfont) !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
}
.nr-topbar-promo {
  justify-content: center !important;
  font-size: 13px !important;
}
.nr-topbar-promo__news { font-weight: 500 !important; }
.nr-topbar-promo__status {
  font-size: 11px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  opacity: 0.85;
}
section.topbar .container-fluid, section.topbar ul.left {
  justify-content: center !important;
}

/* header strakker: chip subtiel, acties als tekst naast de pill */
.nr-rev-chip--compact { display: none !important; }   /* rating staat in de footer-reviews */
.nr-header__action--contact { font-weight: 500; }

/* bento: vier tinten zoals Ascone (mint foto-tegel, bone, wit, pine) */
.nr26-bento__tile--visual {
  background: var(--nr26-mint) !important;
  border: none !important;
}
.nr26-bento__tile--mint {
  background: var(--nr26-white) !important;
  border: 1px solid var(--nr26-line);
}
.nr26-bento__tile--mint .nr26-bento__rows li { border-top-color: var(--nr26-line); }

/* products = values-kaarten: kale lijn-iconen + pijl-in-cirkel */
.nr-home-products__media {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  width: 44px !important;
  height: 44px !important;
  padding: 0 !important;
}
.nr-home-products__card {
  position: relative !important;
  padding-bottom: 76px !important;
}
.nr-home-products__card::after {
  content: "";
  position: absolute;
  left: 26px;
  bottom: 24px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid var(--nr26-line);
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M3.5 10.5 10.5 3.5M5 3.5h5.5V9' stroke='%230A0C29' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 13px 13px;
  transition: background-color 160ms ease, border-color 160ms ease;
}
.nr-home-products__card:hover::after {
  background-color: var(--nr26-pine);
  border-color: var(--nr26-pine);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M3.5 10.5 10.5 3.5M5 3.5h5.5V9' stroke='%23ffffff' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
/* crème kaart: gevulde pine pijl-cirkel (Ascone accent) */
.nr-home-products__grid > :nth-child(3) .nr-home-products__card::after,
.nr-home-products__card:nth-child(3)::after {
  background-color: var(--nr26-pine);
  border-color: var(--nr26-pine);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M3.5 10.5 10.5 3.5M5 3.5h5.5V9' stroke='%23ffffff' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* stats-band: open kolommen met hairlines (geen donkere dozen) */
section.nr-includes.is-dark .nr-includes__item {
  background: transparent !important;
  border: none !important;
  border-left: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-radius: 0 !important;
  padding: 6px 0 6px 22px !important;
}
section.nr-includes.is-dark .nr-includes__item strong,
section.nr-includes.is-dark .nr-includes__item h3,
section.nr-includes.is-dark .nr-includes__item [class*="title"] {
  color: #fff !important;
  font-size: 17px;
  font-weight: 700;
}
section.nr-includes.is-dark .nr-includes__item p,
section.nr-includes.is-dark .nr-includes__item .nr-includes__item-desc {
  color: var(--nr26-mint) !important;
  font-size: 14px;
  line-height: 1.55;
}
/* kop van de band links uitlijnen (Ascone numbers-band) */
section.nr-includes.is-dark .nr-includes__lede,
section.nr-includes.is-dark .nr-includes__headline,
section.nr-includes.is-dark .nr-includes__sub,
section.nr-includes.is-dark .nr-includes__eyebrow {
  text-align: left !important;
  margin-left: 0 !important;
}
section.nr-includes.is-dark .nr-includes__sub { max-width: 56ch; }

/* footer: reviews + socials in één nette rij */
.nr-footer-social-wrap { border-top: none !important; padding-top: 0 !important; }

/* products-kaart: juiste elementen (spans, geen h3) */
html body .nr-home-products__card .nr-home-products__name {
  color: var(--nr26-ink) !important;
  font-size: 18px !important;
  font-weight: 700 !important;
}
html body .nr-home-products__card .nr-home-products__desc {
  color: var(--nr26-muted) !important;
}
html body .nr-home-products__card .nr-home-products__specs {
  color: var(--nr26-muted) !important;
}
html body .nr-home-products__card .nr-home-products__cta {
  color: var(--nr26-pine) !important;
  font-weight: 600 !important;
}
/* crème kaart: iets diepere tekst voor leesbaarheid op bone */
html body .nr-home-products__grid > :nth-child(3) .nr-home-products__desc,
html body .nr-home-products__grid > :nth-child(3) .nr-home-products__specs {
  color: #5d5a4b !important;
}

/* lichte includes-band: hairlines in lijnkleur, zelfde open kolom-stijl */
section.nr-includes.is-dark ~ section.nr-includes.is-dark,
section.nr-hero + section.nr-includes.is-dark .nr-includes__item {
  background: transparent !important;
  border: none !important;
  border-left: 1px solid var(--nr26-line) !important;
  border-radius: 0 !important;
  padding: 6px 0 6px 22px !important;
}

/* ============================================================
   23. Fixronde n.a.v. Roberts screenshots
   ============================================================ */

/* includes-items: titel-span leesbaar op licht én op pine */
section.nr-includes.is-dark .nr-includes__item .nr-includes__item-title {
  color: #fff !important;
  font-size: 17px;
  font-weight: 700;
  display: block;
  margin-bottom: 6px;
}
section.nr-includes.is-dark ~ section.nr-includes.is-dark,
section.nr-hero + section.nr-includes.is-dark .nr-includes__item .nr-includes__item-title {
  color: var(--nr26-ink) !important;
}
section.nr-includes.is-dark .nr-includes__icon { color: #9CCDBB !important; }
section.nr-includes.is-dark ~ section.nr-includes.is-dark,
section.nr-hero + section.nr-includes.is-dark .nr-includes__icon { color: var(--nr26-pine-soft) !important; }

/* locations: stadsnaam + land leesbaar, pijl pine */
html body .nr-locations__link .nr-locations__city { color: var(--nr26-ink) !important; font-weight: 650; }
html body .nr-locations__link .nr-locations__country { color: var(--nr26-muted) !important; }
html body .nr-locations__link .nr-locations__arrow { color: var(--nr26-pine) !important; }
html body .nr-locations__link:hover .nr-locations__city,
html body .nr-locations__link:hover .nr-locations__country,
html body .nr-locations__link:hover .nr-locations__arrow { color: #fff !important; }
/* grid netjes binnen de container (geen afgesneden eerste tegel) */
html body .nr-locations__grid {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  max-width: none !important;
}

/* industries: witte kaarten met rand, inkt-titels, pine link */
html body .nr-industries__card {
  background: var(--nr26-white) !important;
  border: 1px solid var(--nr26-line) !important;
  border-radius: var(--nr26-r-md) !important;
}
html body .nr-industries__card .nr-industries__name {
  color: var(--nr26-ink) !important;
  font-size: 17px !important;
  font-weight: 700 !important;
}
html body .nr-industries__card .nr-industries__desc,
html body .nr-industries__card p, html body .nr-industries__card span:not(.nr-industries__name):not([class*="eyebrow"]) {
  color: var(--nr26-muted) !important;
}
html body .nr-industries__card a, html body .nr-industries__card [class*="more"],
html body .nr-industries__card [class*="cta"] {
  color: var(--nr26-pine) !important;
  font-weight: 600;
}
html body .nr-industries__card [class*="eyebrow"], html body .nr-industries__card [class*="tag"] {
  color: var(--nr26-pine-soft) !important;
}

/* footer: GEEN mono meer, labels leesbaar */
.nr-site-footer, .nr-site-footer * {
  font-family: var(--masterfont) !important;
}
.nr-footer-eeat .nr-meta-label {
  color: #8a8f87 !important;
  letter-spacing: 0.06em !important;
}
.nr-footer-eeat .nr-meta-value {
  color: var(--nr26-ink) !important;
  font-size: 14px !important;
}
.nr-footer-social-wrap .nr-footer-social-label {
  font-family: var(--masterfont) !important;
  font-size: 12px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--nr26-muted) !important;
}
.nr-footer-legal-list a {
  font-family: var(--masterfont) !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
}
/* status-regel (ASN 6206 etc.): Inter, muted */
.nr-site-footer [class*="netstat"], .nr-site-footer [class*="status-line"],
.nr-footer-netstat, .nr-footer-netstat * {
  font-family: var(--masterfont) !important;
  color: var(--nr26-muted) !important;
}

/* icon-font terug voor icoon-elementen (font-sweep uitgezonderd) */
.nr-site-footer [class*="icon-"], .nr-site-footer [class^="icon-"],
.nr-site-footer .social-links a [class*="icon"],
.nr-site-footer .social-links a span {
  font-family: var(--icon_font, 'icomoon') !important;
}

/* industries-kaart: name = klein groen Inter-label, title = inkt-kop */
html body .nr-industries__card .nr-industries__name {
  font-family: var(--masterfont) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--nr26-pine-soft) !important;
  display: block;
  margin-bottom: 8px;
}
html body .nr-industries__card .nr-industries__title {
  font-family: var(--masterfont) !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  letter-spacing: -0.015em !important;
  color: var(--nr26-ink) !important;
  display: block;
  line-height: 1.35;
}
html body .nr-industries__card .nr-industries__desc { color: var(--nr26-muted) !important; }

/* ============================================================
   24. Uniformiteitsronde: topbar, chevrons, vlaggen, ritme, iconen
   ============================================================ */

/* --- topbar: Ascone announcement-bar (klein, gecentreerd, rustig) --- */
section.topbar {
  padding: 0 !important;
  border: none !important;
}
.nr-topbar-promo {
  min-height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 16px !important;
  padding: 7px clamp(16px, 4vw, 48px) !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
}
.nr-topbar-promo__news {
  color: #fff !important;
  font-weight: 500 !important;
  text-decoration: none !important;
}
.nr-topbar-promo__news:hover { text-decoration: underline !important; text-underline-offset: 3px; }
.nr-topbar-promo__status {
  position: absolute;
  right: clamp(16px, 4vw, 48px);
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  color: rgba(255, 255, 255, 0.75) !important;
}
.nr-topbar-promo { position: relative !important; }
.nr-topbar-promo__status:hover { color: #fff !important; }

/* --- hoofdmenu: zichtbare chevron bij dropdown-items --- */
.main-menu > ul > li.dropdown > a::after,
.main-menu > ul > li.nr-mega > a::after,
.main-menu > ul > li.megamenu > a::after,
.main-menu > ul > li.megatab-menu > a::after {
  content: "" !important;
  display: inline-block !important;
  width: 7px !important;
  height: 7px !important;
  margin-left: 7px !important;
  margin-bottom: 2px !important;
  border-right: 1.8px solid currentColor !important;
  border-bottom: 1.8px solid currentColor !important;
  transform: rotate(45deg) !important;
  transition: transform 160ms ease !important;
  vertical-align: middle !important;
  position: static !important;
  font-family: inherit !important;
  opacity: 0.65;
}
.main-menu > ul > li.dropdown:hover > a::after,
.main-menu > ul > li.nr-mega:hover > a::after,
.main-menu > ul > li.megamenu:hover > a::after,
.main-menu > ul > li.megatab-menu:hover > a::after {
  transform: rotate(225deg) !important;
  opacity: 1;
}

/* --- locations: vlaggetjes --- */
html body .nr-locations__cc--flag {
  background: transparent !important;
  padding: 0 !important;
  width: auto !important;
  height: auto !important;
  border-radius: 0 !important;
}
html body .nr-locations__cc--flag img {
  display: block;
  width: 28px;
  height: 21px;
  object-fit: cover;
  border-radius: 4px;
  box-shadow: 0 0 0 1px rgba(10, 12, 41, 0.10);
}

/* --- sectie-ritme: altijd om-en-om (wit / cloud, pine als accent-beat) --- */
/* homepage-volgorde: hero(cloud) products(wit) feature(cloud) video(wit)
   stats(PINE) locations(cloud) industries(wit) trust(CLOUD) why(wit)
   cta(cloud+pine paneel) footer(cloud) */
section.nr-home-trust { background: var(--nr26-cloud) !important; }
section.nr-includes.is-dark ~ section.nr-includes.is-dark,
section.nr-hero + section.nr-includes.is-dark { background: var(--nr26-white) !important; }

/* --- iconen uniform: geen boxjes, één maat, één kleur --- */
.nr-industries__icon {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  width: 40px !important;
  height: 40px !important;
  display: inline-flex !important;
  margin-bottom: 14px !important;
}
.nr-industries__icon img { width: 40px !important; height: 40px !important; }
.nr-home-products__media, .nr-home-products__media img {
  width: 40px !important;
  height: 40px !important;
}
.nr-includes__icon svg { width: 22px !important; height: 22px !important; }

/* ============================================================
   25. Products-kaarten: juiste uniforme iconen + Configure weg
   ============================================================ */
/* oude (verkeerde) icon-afbeeldingen uit, vervangen door mask-iconen */
html body .nr-home-products__media img { display: none !important; }
html body .nr-home-products__media {
  position: relative !important;
  width: 40px !important;
  height: 40px !important;
}
html body .nr-home-products__media::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--nr26-pine-soft);
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  -webkit-mask-size: contain; mask-size: contain;
}
/* 1: Dedicated Servers = server-stack */
html body .nr-home-products__grid > :nth-child(1) .nr-home-products__media::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='6.4' rx='1.6'/%3E%3Crect x='3' y='13.6' width='18' height='6.4' rx='1.6'/%3E%3Cpath d='M6.6 7.2h.01M9.4 7.2h.01M6.6 16.8h.01M9.4 16.8h.01M14.5 7.2h3M14.5 16.8h3'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='6.4' rx='1.6'/%3E%3Crect x='3' y='13.6' width='18' height='6.4' rx='1.6'/%3E%3Cpath d='M6.6 7.2h.01M9.4 7.2h.01M6.6 16.8h.01M9.4 16.8h.01M14.5 7.2h3M14.5 16.8h3'/%3E%3C/svg%3E");
}
/* 2: Cloud Compute = wolk */
html body .nr-home-products__grid > :nth-child(2) .nr-home-products__media::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 18a4.5 4.5 0 01-.6-8.96A6 6 0 0118 9.5 4 4 0 0117.5 18z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 18a4.5 4.5 0 01-.6-8.96A6 6 0 0118 9.5 4 4 0 0117.5 18z'/%3E%3C/svg%3E");
}
/* 3: Colocation = datacenter-gebouw */
html body .nr-home-products__grid > :nth-child(3) .nr-home-products__media::before {
  background: var(--nr26-pine);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 21V5.5L12 3l8 2.5V21M4 21h16M4 21H2.5M20 21h1.5'/%3E%3Cpath d='M8.5 8.5h2.4M13.1 8.5h2.4M8.5 12h2.4M13.1 12h2.4M8.5 15.5h2.4M13.1 15.5h2.4'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 21V5.5L12 3l8 2.5V21M4 21h16M4 21H2.5M20 21h1.5'/%3E%3Cpath d='M8.5 8.5h2.4M13.1 8.5h2.4M8.5 12h2.4M13.1 12h2.4M8.5 15.5h2.4M13.1 15.5h2.4'/%3E%3C/svg%3E");
}
/* Configure-link weg (op verzoek); pijl-cirkel is de affordance */
html body .nr-home-products__card .nr-home-products__cta { display: none !important; }

/* industries: icoon-kleur uniform pine-soft */
html body .nr-industries__icon { color: var(--nr26-pine-soft) !important; }
html body .nr-industries__icon svg { width: 36px !important; height: 36px !important; }

/* ============================================================
   26. Mobiel menu: nette, rechte dropdowns
   ============================================================ */
@media (max-width: 991.98px) {
  /* megapanelen worden platte blokken in de drawer */
  html body .mobile-menu .nr-mega-grid,
  html body .mobile-menu ul ul {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 0 6px 0 !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: none !important;
    position: static !important;
    transform: none !important;
  }
  html body .mobile-menu .nr-mega-col {
    padding: 0 !important;
    margin: 0 0 10px 0 !important;
    border: none !important;
  }
  html body .mobile-menu .nr-mega-col__title {
    font-size: 11px !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    color: var(--nr26-pine-soft) !important;
    padding: 12px 18px 6px !important;
    margin: 0 !important;
    border: none !important;
  }
  html body .mobile-menu .nr-mega-col__list { padding: 0 !important; }
  html body .mobile-menu .nr-mega-col__list li { border: none !important; }
  html body .mobile-menu .nr-mega-col__list li a {
    display: block !important;
    padding: 9px 18px !important;
    border-radius: 0 !important;
    background: transparent !important;
  }
  html body .mobile-menu .nr-mega-link__title {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: var(--nr26-ink) !important;
    display: block !important;
  }
  html body .mobile-menu .nr-mega-link__desc {
    font-size: 12.5px !important;
    color: var(--nr26-muted) !important;
    display: block !important;
    margin-top: 1px !important;
  }
  /* hoofd-items in de drawer: nette rijen met chevron rechts */
  html body .mobile-menu > .container-fluid > ul > li,
  html body .mobile-menu ul.menu-list > li {
    border-bottom: 1px solid var(--nr26-line) !important;
  }
  html body .mobile-menu ul.menu-list > li > a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 14px 18px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-align: left !important;
  }
  html body .mobile-menu li.dropdown > a::after,
  html body .mobile-menu li.nr-mega > a::after {
    content: "" !important;
    width: 8px !important; height: 8px !important;
    border-right: 1.8px solid var(--nr26-muted) !important;
    border-bottom: 1.8px solid var(--nr26-muted) !important;
    transform: rotate(45deg) !important;
    position: static !important;
    margin: 0 0 2px 8px !important;
    font-family: inherit !important;
    transition: transform 160ms ease !important;
  }
  html body .mobile-menu li.dropdown.open > a::after,
  html body .mobile-menu li.nr-mega.open > a::after { transform: rotate(225deg) !important; }
}

/* ============================================================
   27. Footer-herontwerp: strak grid, nette rijen, bottom-bar
   ============================================================ */
/* container en ritme */
.nr-site-footer { padding: 64px 0 28px !important; }
.nr-site-footer .nr-footer-container {
  max-width: calc(var(--nr26-container) + 2 * var(--nr26-gutter)) !important;
  margin: 0 auto !important;
  padding-left: var(--nr26-gutter) !important;
  padding-right: var(--nr26-gutter) !important;
}
/* kolommen: consistente typografie en spacing */
.nr-site-footer .nr-footer-mega { row-gap: 28px; }
.nr-site-footer .nr-footer-mega .nr-footer-mega__col-title {
  font-size: 14px !important;
  font-weight: 700 !important;
  margin: 0 0 16px !important;
}
.nr-site-footer .nr-footer-mega .footer-links li { margin-bottom: 9px !important; }
.nr-site-footer .nr-footer-mega .footer-links a { font-size: 14.5px !important; line-height: 1.4 !important; }

/* wordmark: vaste ruimte */
.nr26-footer-wordmark { margin: 56px 0 12px !important; }

/* reviews + socials: compacte gecentreerde cluster met vaste maten */
.nr-site-footer .nr-rev-row { margin: 8px 0 0 !important; }
.nr-footer-social-wrap { margin-top: 18px !important; padding-top: 0 !important; }
.nr-footer-social-wrap .nr-footer-social-label { margin-bottom: 10px !important; }

/* EEAT-blok: open twee-koloms, gelijke uitlijning */
.nr-footer-eeat { margin-top: 40px !important; padding-top: 36px !important; }
.nr-footer-eeat .nr-entity-card {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}
.nr-footer-eeat .nr-entity-card h3 {
  border-bottom: none !important;
  padding-bottom: 0 !important;
  margin-bottom: 10px !important;
  font-size: 15px !important;
}
.nr-footer-eeat .nr-entity-meta {
  flex-direction: row !important;
  flex-wrap: wrap;
  gap: 6px 40px !important;
  border-top: 1px solid var(--nr26-line) !important;
  margin-top: 14px !important;
  padding-top: 14px !important;
}
.nr-footer-eeat .nr-meta-row { min-width: 180px; }

/* infra-statusregel: klein, gecentreerd, rustig */
.nr-footer-infra-line {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 36px 0 0 !important;
  font-size: 12.5px !important;
}
.nr-footer-infra-line, .nr-footer-infra-line a, .nr-footer-infra-pill {
  color: var(--nr26-muted) !important;
  font-family: var(--masterfont) !important;
  text-decoration: none !important;
  background: transparent !important;
  border: none !important;
}
.nr-footer-infra-line a:hover { color: var(--nr26-pine) !important; }
.nr-footer-infra-dot {
  width: 7px; height: 7px; border-radius: 50%;
  background: var(--nr26-pine-soft) !important;
  display: inline-block;
}
.nr-footer-infra-sep { opacity: 0.5; }

/* bottom-bar: copyright links, legal rechts */
.nr26-bottombar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px 24px;
  margin-top: 28px;
  padding-top: 20px;
  border-top: 1px solid var(--nr26-line);
}
.nr26-bottombar .nr-footer-copy {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  text-align: left !important;
  max-width: none !important;
  font-size: 13.5px !important;
}
.nr26-bottombar .nr-footer-legal-nav { margin: 0 !important; padding: 0 !important; border: none !important; }
.nr26-bottombar .nr-footer-legal-list { justify-content: flex-end !important; }
@media (max-width: 767.98px) {
  .nr26-bottombar { flex-direction: column; align-items: center; }
  .nr26-bottombar .nr-footer-copy { text-align: center !important; }
  .nr26-bottombar .nr-footer-legal-list { justify-content: center !important; }
}

/* payments: klein en rustig onderaan */
.nr-site-footer .footer-bottom { border-top: none !important; margin-top: 20px !important; padding-top: 0 !important; }
.nr-footer-payments-item { border-radius: 8px !important; padding: 4px 8px !important; }
.nr-pay-icon svg { height: 22px !important; }

/* mobiel megamenu: links uitlijnen (geen gecentreerde kolommen) */
@media (max-width: 991.98px) {
  html body .mobile-menu .nr-mega-grid,
  html body .mobile-menu .nr-mega-col,
  html body .mobile-menu .nr-mega-col__list,
  html body .mobile-menu .nr-mega-col__list li,
  html body .mobile-menu .nr-mega-col__list li a,
  html body .mobile-menu .nr-mega-col__title {
    text-align: left !important;
  }
}

/* ============================================================
   28. Precisieronde: vlaggen, infra-regel, footer-logo, topbar,
       unieke hero-tinten per thema, Trustpilot terug
   ============================================================ */

/* vlaggen: GEEN borders of ringen, alleen de vlag met zachte ronding */
html body .nr-locations__cc--flag,
html body .nr-locations__link .nr-locations__cc {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
  outline: none !important;
}
html body .nr-locations__cc--flag img {
  box-shadow: none !important;
  border: none !important;
  border-radius: 3px;
}

/* footer infra-regel: strakke inline rij, items breken nooit */
html body .nr-footer-infra-line { flex-wrap: wrap !important; }
html body .nr-footer-infra-line > * {
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  width: auto !important;
}
html body .nr-footer-infra-dot { flex: 0 0 auto; }

/* topbar: uitgelijnd met de logo-lijn (zelfde container als header) */
.nr-topbar-promo {
  max-width: calc(var(--nr26-container) + 2 * var(--nr26-gutter)) !important;
  margin: 0 auto !important;
  justify-content: flex-start !important;
  padding-left: var(--nr26-gutter) !important;
  padding-right: var(--nr26-gutter) !important;
}
.nr-topbar-promo__status { right: var(--nr26-gutter) !important; }

/* footer: logo in plaats van mega-wordmark */
.nr26-footer-wordmark {
  font-size: 0 !important;
  margin: 48px 0 16px !important;
  text-align: right;
}
.nr26-footer-wordmark::after {
  content: "";
  display: inline-block;
  width: 190px;
  height: 45px;
  background-image: url("../images/netrouting-logo-2026.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right center;
}
@media (max-width: 767.98px) {
  .nr26-footer-wordmark { text-align: center; }
  .nr26-footer-wordmark::after { background-position: center; width: 170px; height: 40px; }
}

/* Trustpilot-chip terug in de header, rustig gestyled */
.nr-rev-chip--compact {
  display: inline-flex !important;
  background: transparent !important;
  border: 1px solid var(--nr26-line) !important;
  border-radius: 999px !important;
  align-items: center !important;
}

/* unieke visual-tegel-tint per paginathema */
.nr-hero--bare-metal .nr26-bento__tile--visual { background: var(--nr26-mint) !important; }
.nr-hero--cloud      .nr26-bento__tile--visual { background: var(--nr26-bone) !important; }
.nr-hero--network    .nr26-bento__tile--visual { background: var(--nr26-pine-tint) !important; }
.nr-hero--gpu        .nr26-bento__tile--visual { background: var(--nr26-bone) !important; }
.nr-hero--colocation .nr26-bento__tile--visual { background: var(--nr26-mint) !important; }
.nr-hero--pricing    .nr26-bento__tile--visual { background: var(--nr26-pine-tint) !important; }
.nr-hero--industry   .nr26-bento__tile--visual { background: var(--nr26-bone) !important; }
.nr-hero--cloud .nr26-bento__tile--bone,
.nr-hero--gpu .nr26-bento__tile--bone,
.nr-hero--industry .nr26-bento__tile--bone { background: var(--nr26-mint) !important; }

/* infra-dot: rond bolletje behouden */
html body .nr-footer-infra-line > .nr-footer-infra-dot {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: var(--nr26-pine-soft) !important;
  display: inline-block !important;
}

/* ============================================================
   29. Pricing-tabel in perfectie (dedicated-servers e.a.)
   ============================================================ */
/* sectie rond de plan-grid: wit, nooit een pine band */
section:has(> .nr-plan-grid), div.entry-content section:has(.nr-plan-grid),
.nr-product-plans, .nr-plan-grid {
  background: var(--nr26-white) !important;
  background-image: none !important;
}
.nr-plan-grid { color: var(--nr26-text); }

/* stats-strip boven de tabel: één nette kaart */
.nr-plan-grid [class*="stats"], .nr-plan-grid [class*="kpi"] {
  background: var(--nr26-cloud) !important;
  border: 1px solid var(--nr26-line) !important;
  border-radius: var(--nr26-r-md) !important;
}

/* filterchips: actief = pine */
.nr-plan-grid .nr-fb__chip, .nr-plan-grid [class*="chip"] {
  border-radius: 999px !important;
  border: 1px solid var(--nr26-line) !important;
  background: var(--nr26-white) !important;
  color: var(--nr26-ink) !important;
  font-family: var(--masterfont) !important;
}
.nr-plan-grid .nr-fb__chip[aria-pressed="true"], .nr-plan-grid [class*="chip"][aria-pressed="true"] {
  background: var(--nr26-pine) !important;
  border-color: var(--nr26-pine) !important;
  color: #fff !important;
}

/* tabel: witte kaart met dunne lijnen */
.nr-plan-grid table {
  background: var(--nr26-white) !important;
  border: 1px solid var(--nr26-line) !important;
  border-radius: var(--nr26-r-md) !important;
  overflow: hidden !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}
.nr-plan-grid thead th {
  background: var(--nr26-cloud) !important;
  color: var(--nr26-muted) !important;
  font-family: var(--masterfont) !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  border-bottom: 1px solid var(--nr26-line) !important;
}
.nr-plan-grid tbody td { border-bottom: 1px solid var(--nr26-line) !important; vertical-align: middle !important; }
.nr-plan-grid tbody tr:last-child td { border-bottom: none !important; }
.nr-plan-grid tbody tr:hover td { background: #FAFBF8 !important; }

/* SKU: Inter, subtiele chip */
.nr-plan-card__sku, .nr-plan-grid [class*="sku"] {
  font-family: var(--masterfont) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  color: var(--nr26-muted) !important;
  background: var(--nr26-cloud) !important;
  border: 1px solid var(--nr26-line) !important;
  border-radius: 6px !important;
  padding: 2px 7px !important;
}
.nr-plan-card__series { font-family: var(--masterfont) !important; }

/* feature-badges: uniforme pine chips */
.nr-pro--mini {
  background: var(--nr26-pine-tint) !important;
  border: none !important;
  border-radius: 7px !important;
  color: var(--nr26-pine) !important;
  width: 24px !important;
  height: 24px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.nr-pro--mini span { display: inline-flex !important; }

/* prijzen: oude prijs muted, save in pine, hoofdprijs inkt */
.nr-plan-grid del, .nr-plan-grid [class*="price-old"], .nr-plan-grid s {
  color: var(--nr26-muted) !important;
  text-decoration: line-through !important;
}
.nr-plan-grid [class*="save"], .nr-plan-grid [class*="sav"] {
  color: var(--nr26-pine-soft) !important;
}
.nr-tbl-price__main strong, .nr-plan-grid [class*="price"] strong {
  color: var(--nr26-ink) !important;
  font-family: var(--masterfont) !important;
}

/* compare-checkboxes en availability-regio's */
.nr-plan-grid input[type="checkbox"] { accent-color: var(--nr26-pine); width: 16px; height: 16px; }
.nr-plan-grid [class*="regions"], .nr-plan-grid [class*="avail-note"] { color: var(--nr26-muted) !important; }

/* Buy Now: volle pine pill, duidelijke hover */
.nr-plan-grid .nr-order-btn, .nr-plan-grid [class*="order-btn"], .nr-plan-grid a[class*="buy"] {
  background: var(--nr26-pine) !important;
  color: #fff !important;
  border-radius: 999px !important;
  border: none !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}
.nr-plan-grid .nr-order-btn:hover, .nr-plan-grid [class*="order-btn"]:hover {
  background: var(--nr26-pine-deep) !important;
  transform: translateY(-1px);
}

/* MOST POPULAR: bone rij-tint + nette badge (geen rij-radius) */
.nr-plan-grid tr.is-popular td { background: #F7F4E8 !important; }
.nr-plan-grid tr.is-popular:hover td { background: #F3EFDF !important; }
.nr-tbl-popular {
  background: var(--nr26-pine) !important;
  color: #fff !important;
  border-radius: 999px !important;
  font-family: var(--masterfont) !important;
  font-size: 10px !important;
  letter-spacing: 0.08em !important;
  padding: 3px 10px !important;
  border: none !important;
  box-shadow: none !important;
}
.nr-plan-grid tr.is-popular::before, .nr-plan-grid tr.is-popular td::before { content: none !important; }

/* toggles (Cards/Table, MO/QTR/YR): pill-groep */
.nr-plan-grid [role="tablist"], .nr-plan-grid [class*="toggle"] { border-radius: 999px !important; }

/* order-kolom: knop + regio's passen altijd binnen de kaart */
.nr-plan-grid .nr-tbl-col-cta, .nr-plan-grid td:last-child { min-width: 132px; }
.nr-plan-grid td:last-child [class*="regions"],
.nr-plan-grid td:last-child small {
  font-size: 10.5px !important;
  letter-spacing: 0.04em !important;
  white-space: normal !important;
}
.nr-plan-grid table { table-layout: auto !important; width: 100% !important; }
.nr-plan-grid .nr-order-btn, .nr-plan-grid [class*="order-btn"] {
  padding: 9px 14px !important;
  font-size: 13px !important;
  white-space: nowrap !important;
}

/* tabel past altijd: compactere cellen, knop binnen de kaart */
.nr-plan-grid th, .nr-plan-grid td { padding: 12px 10px !important; }
.nr-plan-grid td:first-child, .nr-plan-grid th:first-child { padding-left: 16px !important; }
.nr-plan-grid td:last-child, .nr-plan-grid th:last-child { padding-right: 16px !important; }
.nr-plan-grid .nr-order-btn, .nr-plan-grid [class*="order-btn"] {
  padding: 8px 12px !important;
  font-size: 12.5px !important;
}
.nr-plan-grid .nr-order-btn span[aria-hidden] { display: none !important; }
/* kaart-wrapper: nooit afsnijden, desnoods subtiel scrollen */
.nr-plan-grid [class*="tbl-wrap"], .nr-plan-grid .table-responsive,
.nr-plan-grid table { max-width: 100% !important; }
.nr-plan-grid { overflow-x: clip; }
@media (max-width: 1240px) {
  .nr-plan-grid [class*="tbl-wrap"], .nr-plan-grid .table-responsive { overflow-x: auto !important; }
}

/* tonen uit de ritme-pass (JS); staan onderaan en winnen daardoor */
section.nr26-tone-white { background: var(--nr26-white) !important; }
section.nr26-tone-cloud { background: var(--nr26-cloud) !important; }

/* ============================================================
   31. Topbar: definitieve announcement-bar (gecentreerd, badge)
   ============================================================ */
.nr-topbar-promo {
  max-width: none !important;
  justify-content: center !important;
  gap: 0 !important;
  min-height: 40px !important;
  padding: 8px clamp(16px, 4vw, 48px) !important;
}
.nr-topbar-promo__news {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  line-height: 1.2 !important;
}
.nr26-topbar-badge {
  display: inline-flex;
  align-items: center;
  background: var(--nr26-bone);
  color: var(--nr26-pine);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.1em;
  padding: 3px 8px;
  border-radius: 999px;
  flex: 0 0 auto;
}
.nr26-topbar-more {
  color: #9CCDBB !important;
  font-weight: 600;
  white-space: nowrap;
  transition: color 140ms ease;
}
.nr-topbar-promo__news:hover .nr26-topbar-more { color: #fff !important; }
.nr-topbar-promo__news:hover { text-decoration: none !important; }
.nr-topbar-promo__status {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  color: rgba(255, 255, 255, 0.8) !important;
}
.nr-topbar-promo__status:hover { color: #fff !important; }
.nr26-topbar-statusdot {
  width: 7px; height: 7px;
  border-radius: 50%;
  background: #7FD6B8;
  box-shadow: 0 0 0 3px rgba(127, 214, 184, 0.22);
  display: inline-block;
}
/* mobiel: alleen korte tekst + badge, status verbergen op heel smal */
.nr-topbar-promo__news-mobile { display: none !important; }
@media (max-width: 700px) {
  .nr-topbar-promo__news-full { display: none !important; }
  .nr-topbar-promo__news-mobile { display: inline !important; }
  .nr26-topbar-more { display: none !important; }
  .nr-topbar-promo { justify-content: flex-start !important; }
}
@media (max-width: 480px) {
  .nr-topbar-promo__status { display: none !important; }
}

/* ============================================================
   32. FAQ: volledig zichtbaar en Ascone-strak
   ============================================================ */
section.nr-faq { background: var(--nr26-white); }
html body .nr-faq__headline { color: var(--nr26-ink) !important; }
html body .nr-faq__eyebrow { color: var(--nr26-pine-soft) !important; }
html body .nr-faq__eyebrow-dot { display: none !important; }
html body .nr-faq__list { list-style: none; margin: 0; padding: 0; }
html body .nr-faq__item {
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid var(--nr26-line) !important;
  border-radius: 0 !important;
}
html body .nr-faq__summary {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px;
  padding: 18px 2px !important;
  cursor: pointer;
  list-style: none;
}
html body .nr-faq__summary::-webkit-details-marker { display: none; }
html body .nr-faq__q {
  color: var(--nr26-ink) !important;
  font-size: 16.5px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
}
html body .nr-faq__chevron {
  color: var(--nr26-pine) !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  flex: 0 0 auto;
  transition: transform 160ms ease;
}
html body .nr-faq__details[open] .nr-faq__chevron { transform: rotate(45deg); }
html body .nr-faq__a, html body .nr-faq__a p {
  color: var(--nr26-muted) !important;
  font-size: 14.5px !important;
  line-height: 1.65 !important;
}
html body .nr-faq__a { padding: 0 2px 18px !important; max-width: 70ch; }

/* plan-grid als kaart-landschap op wit: filterbalk en stats subtiel cloud */
.nr-plan-grid [class*="stats"], .nr-plan-grid [class*="kpi"],
.nr-plan-grid .nr-fb, .nr-plan-grid [class*="filterbar"], .nr-plan-grid [class*="toolbar"] {
  background: var(--nr26-cloud) !important;
  border: 1px solid var(--nr26-line) !important;
  border-radius: var(--nr26-r-md) !important;
}
.nr-plan-grid .nr-fb .nr-fb__chip, .nr-plan-grid [class*="filterbar"] [class*="chip"] {
  background: var(--nr26-white) !important;
}

/* ============================================================
   33. Globale correcties: footer-logo, topbar, FAQ, mobiel menu
   ============================================================ */
/* footer-logo: centraal */
.nr26-footer-wordmark { text-align: center !important; }
.nr26-footer-wordmark::after { background-position: center !important; }

/* topbar: inhoud exact gecentreerd, verticaal in het midden */
section.topbar { display: block !important; }
.nr-topbar-promo {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 1 !important;
}
.nr-topbar-promo__news { line-height: 1.25 !important; }
.nr-topbar-promo__status {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.nr26-topbar-badge { line-height: 1.4 !important; }

/* FAQ: lijst gecentreerd onder de centrale kop */
html body .nr-faq__inner { text-align: center; }
html body .nr-faq__lede { margin-left: auto; margin-right: auto; }
html body .nr-faq__list {
  max-width: 860px;
  margin: 0 auto !important;
  text-align: left;
}

/* mobiel menu: groter, rustiger, beter leesbaar */
@media (max-width: 991.98px) {
  html body .mobile-menu { 
    padding: 6px 0 24px !important;
    max-height: calc(100vh - 110px);
    overflow-y: auto;
  }
  html body .mobile-menu ul.menu-list > li > a {
    font-size: 17px !important;
    padding: 16px 20px !important;
  }
  html body .mobile-menu .nr-mega-col__title {
    font-size: 12px !important;
    padding: 14px 20px 8px !important;
  }
  html body .mobile-menu .nr-mega-col__list li a { padding: 11px 20px !important; }
  html body .mobile-menu .nr-mega-link__title { font-size: 15.5px !important; }
  html body .mobile-menu .nr-mega-link__desc { font-size: 13px !important; line-height: 1.45 !important; }
  html body .mobile-menu li .nr-btn { margin: 10px 20px !important; }
}

/* html-canvas: altijd cloud (legacy zette hier pine; schijnt door
   naast secties met max-width) */
html, html.js { background: var(--nr26-cloud) !important; }

/* ============================================================
   34. Hero-varianten: zes lay-outs + zes tintsets (per pagina
   toegewezen in nr26.js → elke hero uniek)
   ============================================================ */
/* B: gespiegelde diagonaal */
.nr26-bento.nr26-hv-B > .nr26-bento__tile--visual { grid-column: 2; grid-row: 1 / 7; border-top-left-radius: var(--nr26-r-md) !important; border-top-right-radius: var(--nr26-r-leaf) !important; }
.nr26-bento.nr26-hv-B > .nr26-bento__tile--bone   { grid-column: 1; grid-row: 1 / 5; border-top-right-radius: var(--nr26-r-md) !important; border-top-left-radius: var(--nr26-r-leaf) !important; }
.nr26-bento.nr26-hv-B > .nr26-bento__tile--mint   { grid-column: 2; grid-row: 7 / 11; }
.nr26-bento.nr26-hv-B > .nr26-bento__tile--pine   { grid-column: 1; grid-row: 5 / 11; border-bottom-right-radius: var(--nr26-r-md) !important; border-bottom-left-radius: var(--nr26-r-leaf) !important; }
/* C: hoge visual links, drie tegels rechts */
.nr26-bento.nr26-hv-C > .nr26-bento__tile--visual { grid-column: 1; grid-row: 1 / 11; }
.nr26-bento.nr26-hv-C > .nr26-bento__tile--bone   { grid-column: 2; grid-row: 1 / 4; }
.nr26-bento.nr26-hv-C > .nr26-bento__tile--mint   { grid-column: 2; grid-row: 4 / 8; }
.nr26-bento.nr26-hv-C > .nr26-bento__tile--pine   { grid-column: 2; grid-row: 8 / 11; border-bottom-right-radius: var(--nr26-r-leaf) !important; }
/* D: brede visual boven, brede pine onder */
.nr26-bento.nr26-hv-D > .nr26-bento__tile--visual { grid-column: 1 / 3; grid-row: 1 / 7; }
.nr26-bento.nr26-hv-D > .nr26-bento__tile--bone   { display: none !important; }
.nr26-bento.nr26-hv-D > .nr26-bento__tile--mint   { display: none !important; }
.nr26-bento.nr26-hv-D > .nr26-bento__tile--pine   { grid-column: 1 / 3; grid-row: 7 / 11; flex-direction: row !important; align-items: flex-end !important; justify-content: space-between !important; gap: 24px; }
.nr26-bento.nr26-hv-D > .nr26-bento__tile--pine .nr26-bento__spark { flex: 1; max-width: 40%; }
/* E: geen visual; bone + pine boven, brede status onder */
.nr26-bento.nr26-hv-E > .nr26-bento__tile--visual { display: none !important; }
.nr26-bento.nr26-hv-E > .nr26-bento__tile--bone   { grid-column: 1; grid-row: 1 / 6; border-top-left-radius: var(--nr26-r-leaf) !important; border-top-right-radius: var(--nr26-r-md) !important; }
.nr26-bento.nr26-hv-E > .nr26-bento__tile--pine   { grid-column: 2; grid-row: 1 / 6; border-top-right-radius: var(--nr26-r-leaf) !important; border-bottom-right-radius: var(--nr26-r-md) !important; }
.nr26-bento.nr26-hv-E > .nr26-bento__tile--mint   { grid-column: 1 / 3; grid-row: 6 / 11; }
/* F: visual + status links gestapeld, hoge pine rechts */
.nr26-bento.nr26-hv-F > .nr26-bento__tile--visual { grid-column: 1; grid-row: 1 / 8; }
.nr26-bento.nr26-hv-F > .nr26-bento__tile--bone   { display: none !important; }
.nr26-bento.nr26-hv-F > .nr26-bento__tile--mint   { grid-column: 1; grid-row: 8 / 11; }
.nr26-bento.nr26-hv-F > .nr26-bento__tile--pine   { grid-column: 2; grid-row: 1 / 11; border-top-right-radius: var(--nr26-r-leaf) !important; justify-content: center !important; }

/* tintsets: visual-tegel / bone-tegel */
.nr26-bento.nr26-ht-1 > .nr26-bento__tile--visual { background: var(--nr26-mint) !important; }
.nr26-bento.nr26-ht-1 > .nr26-bento__tile--bone   { background: var(--nr26-bone) !important; }
.nr26-bento.nr26-ht-2 > .nr26-bento__tile--visual { background: var(--nr26-bone) !important; }
.nr26-bento.nr26-ht-2 > .nr26-bento__tile--bone   { background: var(--nr26-mint) !important; }
.nr26-bento.nr26-ht-3 > .nr26-bento__tile--visual { background: var(--nr26-pine-tint) !important; }
.nr26-bento.nr26-ht-3 > .nr26-bento__tile--bone   { background: var(--nr26-bone) !important; }
.nr26-bento.nr26-ht-4 > .nr26-bento__tile--visual { background: var(--nr26-mint) !important; }
.nr26-bento.nr26-ht-4 > .nr26-bento__tile--bone   { background: var(--nr26-pine-tint) !important; }
.nr26-bento.nr26-ht-5 > .nr26-bento__tile--visual { background: var(--nr26-bone) !important; }
.nr26-bento.nr26-ht-5 > .nr26-bento__tile--bone   { background: var(--nr26-pine-tint) !important; }
.nr26-bento.nr26-ht-6 > .nr26-bento__tile--visual { background: var(--nr26-pine-tint) !important; }
.nr26-bento.nr26-ht-6 > .nr26-bento__tile--bone   { background: var(--nr26-mint) !important; }

/* mobiel: varianten vallen terug op nette stapel (bestaande regels) */
@media (max-width: 560px) {
  .nr26-bento[class*="nr26-hv-"] > .nr26-bento__tile { grid-column: 1 !important; grid-row: auto !important; }
  .nr26-bento.nr26-hv-D > .nr26-bento__tile--pine { flex-direction: column !important; }
}

/* korte status-tegels (varianten C/F): pijl nooit over de rijen */
.nr26-bento.nr26-hv-F > .nr26-bento__tile--mint,
.nr26-bento.nr26-hv-C > .nr26-bento__tile--mint {
  padding-bottom: 20px !important;
  padding-right: 56px !important;
}
.nr26-bento.nr26-hv-F .nr26-bento__arrow,
.nr26-bento.nr26-hv-C .nr26-bento__arrow {
  width: 30px; height: 30px;
  right: 14px; bottom: 14px;
}

/* ============================================================
   35. FAQ: maximaal 6 items per pagina (tekst blijft in DOM
   voor schema; alleen visueel begrensd)
   ============================================================ */
html body .nr-faq__list .nr-faq__item:nth-child(n+7) { display: none !important; }

/* ============================================================
   36. Extra hero-varianten: 1, 2 en 3 blokken
   ============================================================ */
/* G: één blok — grote visual over de volle hero */
.nr26-bento.nr26-hv-G > .nr26-bento__tile--visual { grid-column: 1 / 3; grid-row: 1 / 11; }
.nr26-bento.nr26-hv-G > .nr26-bento__tile--bone,
.nr26-bento.nr26-hv-G > .nr26-bento__tile--mint,
.nr26-bento.nr26-hv-G > .nr26-bento__tile--pine { display: none !important; }

/* H: twee blokken — hoge visual links, hoge pine rechts */
.nr26-bento.nr26-hv-H > .nr26-bento__tile--visual { grid-column: 1; grid-row: 1 / 11; }
.nr26-bento.nr26-hv-H > .nr26-bento__tile--pine   { grid-column: 2; grid-row: 1 / 11; border-top-right-radius: var(--nr26-r-leaf) !important; justify-content: center !important; }
.nr26-bento.nr26-hv-H > .nr26-bento__tile--bone,
.nr26-bento.nr26-hv-H > .nr26-bento__tile--mint   { display: none !important; }

/* I: drie blokken — visual breed boven, bone + pine onder */
.nr26-bento.nr26-hv-I > .nr26-bento__tile--visual { grid-column: 1 / 3; grid-row: 1 / 7; }
.nr26-bento.nr26-hv-I > .nr26-bento__tile--bone   { grid-column: 1; grid-row: 7 / 11; border-bottom-left-radius: var(--nr26-r-leaf) !important; }
.nr26-bento.nr26-hv-I > .nr26-bento__tile--pine   { grid-column: 2; grid-row: 7 / 11; }
.nr26-bento.nr26-hv-I > .nr26-bento__tile--mint   { display: none !important; }

/* J: drie blokken — bone boven, visual hoog rechts, pine linksonder */
.nr26-bento.nr26-hv-J > .nr26-bento__tile--bone   { grid-column: 1; grid-row: 1 / 5; border-top-left-radius: var(--nr26-r-leaf) !important; }
.nr26-bento.nr26-hv-J > .nr26-bento__tile--visual { grid-column: 2; grid-row: 1 / 11; border-top-right-radius: var(--nr26-r-leaf) !important; }
.nr26-bento.nr26-hv-J > .nr26-bento__tile--pine   { grid-column: 1; grid-row: 5 / 11; }
.nr26-bento.nr26-hv-J > .nr26-bento__tile--mint   { display: none !important; }

/* visual-illustraties: tekstlabels in Inter, nooit mono */
html body .nr-visual text, html body .nr26-bento svg text {
  font-family: var(--masterfont) !important;
  letter-spacing: 0.02em;
}

/* ============================================================
   37. Blog/KB-archieven: licht (geen pine vlakken of kaarten)
   ============================================================ */
html body .nr-blog-list, html body .nr-kb-archive, html body section.nr-press-list {
  background: var(--nr26-cloud) !important;
  background-image: none !important;
}
html body .nr-press-list__card, html body .nr-blog-list .nr-press-list__card {
  background: var(--nr26-white) !important;
  border: 1px solid var(--nr26-line) !important;
  border-radius: var(--nr26-r-md) !important;
  box-shadow: none !important;
}
html body .nr-press-list__card .nr-press-list__title,
html body .nr-press-list__card h2, html body .nr-press-list__card h3 {
  color: var(--nr26-ink) !important;
}
html body .nr-press-list__card .nr-press-list__excerpt,
html body .nr-press-list__card p { color: var(--nr26-muted) !important; }
html body .nr-press-list__card .nr-press-list__meta,
html body .nr-press-list__card time { color: var(--nr26-pine-soft) !important; }
html body .nr-press-list__card a { color: var(--nr26-pine) !important; }
html body .nr-blog-list .nr-press-list__lede h1,
html body .nr-blog-list .nr-press-list__lede h2,
html body section.nr-press-list h1, html body section.nr-press-list h2 { color: var(--nr26-ink) !important; }
html body .nr-blog-list .nr-press-list__lede p,
html body section.nr-press-list .nr-press-list__sub { color: var(--nr26-muted) !important; }

/* hooguit één MOST POPULAR-markering per tabel */
.nr-plan-grid tr.is-popular ~ tr.is-popular td { background: var(--nr26-white) !important; }
.nr-plan-grid tr.is-popular ~ tr.is-popular:hover td { background: #FAFBF8 !important; }
.nr-plan-grid tr.is-popular ~ tr.is-popular .nr-tbl-popular { display: none !important; }

/* F-variant: status-kaart hoog genoeg voor drie metric-regels */
.nr26-bento.nr26-hv-F > .nr26-bento__tile--visual { grid-row: 1 / 7 !important; }
.nr26-bento.nr26-hv-F > .nr26-bento__tile--mint   { grid-row: 7 / 11 !important; }
.nr26-bento.nr26-hv-F > .nr26-bento__tile--mint .nr26-bento__arrow { display: none !important; }

/* mobiele menu-CTA: nette pine pill met witte tekst en marge */
html body .mobile-menu .nr-mobile-cta-li {
  background: transparent !important;
  padding: 6px 20px 18px !important;
  border: none !important;
}
html body .mobile-menu a.nr-mobile-cta {
  display: block !important;
  background: var(--nr26-pine) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  text-align: center !important;
  padding: 14px 20px !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
  font-size: 15.5px !important;
}
html body .mobile-menu a.nr-mobile-cta * { color: #fff !important; -webkit-text-fill-color: #fff !important; }

/* ============================================================
   38. Topbar op de logo-lijn + strakkere hero-bodem
   ============================================================ */
/* topbar: zelfde container-metriek als de header-rij eronder, zodat
   de NEW-badge exact op de linkerlijn van het logo begint. Inhoud
   links uitgelijnd, verticaal gecentreerd; STATUS blijft rechts op
   de lijn van de Get Started-knop. */
html body .nr-topbar-promo {
  max-width: calc(var(--nr26-container) + 2 * var(--nr26-gutter)) !important;
  margin: 0 auto !important;
  justify-content: flex-start !important;
  align-items: center !important;
  min-height: 42px !important;
  padding: 0 var(--nr26-gutter) !important;
  line-height: 1 !important;
}
html body .nr-topbar-promo__news {
  flex: 0 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  align-items: center !important;
}
html body .nr-topbar-promo__status { right: var(--nr26-gutter) !important; }

/* hero: minder witruimte onder het element (was clamp(56px,7vw,104px),
   dat gaf ~100px lucht op desktop bovenop de sectie-padding van het
   volgende blok). Top-padding blijft ongemoeid. */
html body .nr-hero,
html body .nr-hero.is-dark,
html body .nr-hero.is-light {
  padding-bottom: clamp(32px, 3.5vw, 50px) !important;
}

/* de inner-grid had min-height clamp(420px,56vh,600px) (nr-hero.css);
   bij korte hero-content kwam de helft van die slack als extra lucht
   ONDER de tekst terecht (align-items center). Lager plafond = strak. */
html body .nr-hero__inner {
  min-height: clamp(340px, 42vh, 460px);
}

/* wpautop laat een lege <p> achter in de hero-grid (unbalanced tags na
   shortcode-expansie). Die fantoomrij activeerde de row-gap van 72px en
   gaf zo op ELKE pagina extra lucht onder de hero. Weg ermee. */
html body .nr-hero__inner > p:empty { display: none !important; }

/* ============================================================
   38. Herinspectie-restpunten
   ============================================================ */
/* mobiel: scroll-hint op de plannentabel (fade aan de rechterrand) */
@media (max-width: 767.98px) {
  .nr-plan-grid [class*="table"] {
    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 32px), transparent);
    mask-image: linear-gradient(90deg, #000 calc(100% - 32px), transparent);
  }
}
/* colocatie-footprints infographic: witte SVG-tekst krijgt pine paneel */
.nr-product-highlight__media:has(img[src*="colocation-tiers"]) {
  background: var(--nr26-pine) !important;
  border-radius: var(--nr26-r-md) !important;
  padding: 22px !important;
}
@media (max-width: 767.98px) {
  .nr-product-highlight__media:has(img[src*="colocation-tiers"]) { overflow-x: auto; }
  .nr-product-highlight__media:has(img[src*="colocation-tiers"]) img { min-width: 560px; }
}

/* legal: nooit donker, ook als de tone-pass (nog) niet liep */
section.nr-legal {
  background: var(--nr26-white) !important;
  background-image: none !important;
}

/* ============================================================
   39. Herinspectie-batch: visuals, mobiel, archieven, deals
   ============================================================ */
/* klok-visual: 24/7-label onder de wijzerplaat (wijzers vrij) */
.nr-visual--support g[font-size="14"] { transform: translateY(92px); }
/* gauge-visual: waarde + onderschrift onder het pivot, naald vrij */
.nr-visual--speed g[font-weight="700"] { transform: translateY(42px); }

/* donker-ontworpen illustraties: pine paneel zodat inhoud zichtbaar is */
.nr-product-highlight__media img[src*="cpanel-directadmin.svg"] {
  background: linear-gradient(180deg, #1c3f3a 0%, #122b27 100%);
  border-radius: var(--nr26-r-md);
  padding: 22px;
}

/* data-centers index: compacte lijstkaarten in nette eigen rij */
.nr-dc-grid .nr-dc-card--compact, [class*="dc-grid"] [class*="card--compact"] {
  grid-column: span 1;
}

/* per-PoP tabel en brede content-tabellen: mobiel scrollbaar */
@media (max-width: 767.98px) {
  .nr-net-map__table-wrap, .nr-net-map div:has(> table) { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .nr-net-map table { min-width: 560px; }
  /* stats-rijen met 4 cellen: 2x2 */
  .nr-product-highlight [class*="stats"] {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 14px 20px !important;
  }
}

/* deals-templates: footer-wordmark leesbaar op licht canvas */
body[class*="black-friday"] footer [class*="logo"] ,
body[class*="end-of-year"] footer [class*="logo"] {
  color: var(--nr26-ink) !important;
  fill: var(--nr26-ink) !important;
}
/* deals-globe: ruis aan de rand wegsnijden */
img[src*="globe"], .nr-deal-hero img[src*=".webp"] { clip-path: none; }

/* blog-kaarten: ingebakken titels niet afsnijden */
.nr-press-list__card img, [class*="post-card"] img { object-position: center top !important; }

/* KB-codeblokken: indentatie respecteren */
.nr-kb-article pre, .nr-kb-article pre code, article pre, article pre code { white-space: pre !important; tab-size: 2; }

/* detail-hero's: eyebrow niet achter de sticky header */
.nr-kb-article-hero, .nr-vacancy-hero, [class*="article-hero"], [class*="archive-hero"] {
  padding-top: clamp(96px, 10vw, 128px) !important;
}

/* about-timeline: leesvolgorde per rij (geen masonry-kolommen) */
.nr-timeline, [class*="timeline__grid"] {
  columns: auto !important;
  column-count: 1 !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 20px;
}

/* end-of-year hero: mini-tabel op leesbare grootte in zijn kaart */
.nr26-bento__tile--visual svg, .nr26-bento__tile--visual img { width: 100%; height: auto; max-height: 100% !important; }

/* mobiel: tap-targets en sticky prijskolom in de catalogus-tabel */
@media (max-width: 767.98px) {
  .nr-plan-grid a[href*="data-center"], .nr-plan-card [class*="locs"] a,
  .nr-featured a, [class*="preconf"] a[class*="loc"] {
    min-height: 32px;
    display: inline-flex;
    align-items: center;
    padding: 6px 10px;
  }
  .nr-pricing__table-wrap th:nth-last-child(2),
  .nr-pricing__table-wrap td:nth-last-child(2) {
    position: sticky;
    right: 0;
    background: var(--nr26-white);
    box-shadow: -8px 0 8px -8px rgba(0, 0, 0, 0.18);
  }
  [class*="save-badge"], .nr-plan-grid [class*="save"] { white-space: nowrap; }
}