/* Main navigation additions: "Oplossingen" dropdown and current-page marker.
   Loaded after styles.css on every page; it does not change any existing rule. */
.primary-nav>a[aria-current="page"]:not(.nav-cta),.nav-dropdown>a[aria-current="page"]{color:var(--copper)}
.primary-nav>a[aria-current="page"]:not(.nav-cta)::after{width:100%}

.nav-dropdown{position:relative}
.nav-dropdown>a{position:relative;display:inline-flex;align-items:center;gap:8px}
.nav-dropdown>a::before{content:"";order:2;width:5px;height:5px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:translateY(-2px) rotate(45deg);opacity:.7}
.nav-dropdown>a::after{content:"";position:absolute;left:0;bottom:-7px;width:0;height:1px;background:var(--copper);transition:.25s}
.nav-dropdown:hover>a::after,.nav-dropdown:focus-within>a::after{width:100%}
.nav-panel{position:absolute;top:100%;left:-24px;min-width:290px;padding:12px 0;margin-top:20px;background:rgba(17,23,22,.98);border:1px solid rgba(213,169,104,.28);box-shadow:0 22px 50px rgba(0,0,0,.35);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .2s,transform .2s,visibility .2s}
.nav-panel::before{content:"";position:absolute;left:0;right:0;top:-22px;height:22px}
.nav-dropdown:hover .nav-panel,.nav-dropdown:focus-within .nav-panel{opacity:1;visibility:visible;transform:none}
.nav-panel a{display:flex;align-items:baseline;gap:14px;padding:10px 24px;font-size:14px;color:#e6e8e7}
.nav-panel a i{font:600 10px/1 Manrope,sans-serif;letter-spacing:.12em;font-style:normal;color:var(--copper);min-width:18px}
.nav-panel a:hover,.nav-panel a[aria-current="page"]{background:rgba(255,255,255,.05);color:var(--copper)}
.nav-panel .nav-panel-all{margin-top:8px;padding-top:14px;border-top:1px solid rgba(255,255,255,.12);color:var(--copper);font-weight:600}

@media(max-width:1000px){
  .primary-nav{max-height:calc(100svh - var(--header-h,72px));overflow:auto;gap:6px}
  .nav-dropdown>a::before{display:none}
  .nav-panel{position:static;min-width:0;margin:0 0 6px;padding:0 0 4px 14px;opacity:1;visibility:visible;transform:none;background:none;border:0;box-shadow:none}
  .nav-panel::before{display:none}
  .nav-panel a{padding:7px 10px;font-size:13px;color:#aab1ad}
  .nav-panel .nav-panel-all{margin-top:2px;padding-top:7px;border-top:0}
}
@media(max-width:700px){.primary-nav{max-height:calc(100svh - var(--header-h,64px))}}

/* Footer: contact button (replaces the former chat button) */

.quote-cta h3{margin:0 0 14px;font:500 clamp(26px,3vw,36px)/1.15 Manrope,sans-serif;letter-spacing:-.03em}
.quote-cta p{margin:0 0 22px;color:#4f5754}
.quote-cta .form-submit{display:flex}
.quote-cta .form-note a{border-bottom:1px solid var(--copper-dark)}

/* Replaces the decorative numbers 01-07: a short gold line */
.gold-mark{display:block;width:26px;height:1px;background:var(--copper)}
b.gold-mark{margin-bottom:12px}
.cat-card .gold-mark,.sol-card .gold-mark{margin-bottom:28px;width:32px}
.cat-card{padding-top:30px;padding-bottom:32px}
.sol-card{min-height:250px}
.page-hero-mark b{font-size:clamp(70px,8vw,120px);font-weight:400}
.projects-empty b{font-size:40px;font-weight:400}
.step-dot{display:block;width:9px;height:9px;margin-top:9px;border:1px solid var(--copper-dark);border-radius:50%;background:var(--paper)}
.process-list li{grid-template-columns:34px 1fr;padding:22px 0}
.partner-list li>.step-dot{margin-top:8px}