/* ============================================================================
   NICEWALL — feedbackronde (Google Doc)
   ----------------------------------------------------------------------------
   Alle stijlwijzigingen uit de feedback staan hier los, zodat dit bestand als
   geheel op de live-omgeving kan worden overgezet. Laad het NA de hoofd-
   stylesheet; dan winnen deze regels zonder !important.

   Let op: vier feedbackpunten zijn niet met CSS op te lossen en zitten in PHP/JS
   (favicon, Branches-links, projectenfilter, oranje lijn in de projectspecs).
   Zie de toelichting onderaan dit bestand.
   ========================================================================== */

/* --- Algemeen: strepen hamburgermenu dikker (was 3px) --------------------- */
.nav-toggle span { height: 5px; }

/* --- Home: bovenste en onderste lijn van de cataloguslijst weglaten ------- */
.catalog__list { border-top: 0; }
.catalog__item:last-child { border-bottom: 0; }

/* --- Catalogus: quote en FAQ-titels zwaarder ------------------------------ */
.quote { font-weight: 600; }
.quote em { font-weight: 800; }
.faq__q { font-weight: 800; }

/* --- Over ons: subtitel dichter op de titel (was 12px) -------------------- */
.section-title { margin-top: 4px; }

/* --- Over ons: verbindingslijn tussen de stappen oranje + meer ruimte ----- */
.step__num::after {
  left: 80px;          /* was 64px  */
  right: -40px;        /* was -56px */
  background: var(--c-orange);
}

/* --- Projecten: scheidingslijn in de projectspecificaties is oranje -------
   Vervangt de arcering (.hatch--dark). De markup gebruikt .specs-panel__rule. */
.specs-panel__rule { height: 2px; background: var(--c-orange); margin: 16px 0; }

.nav-menu__list { padding-right: calc(var(--container-pad) - clamp(20px, 4.2vw, 42px)); }
.nav-menu__foot { padding-right: var(--container-pad); }

/* --- Mobiel: deco-pijlen verbergen ---------------------------------------
   Dekt alle pijlparen (.deco-pair: hero, CTA, footer, catalogus, projecten,
   route, split, pagina-kop) plus de losse hero-pijl. De grote beige
   watermerken blijven staan; zet die regel eronder aan als je die ook weg wilt. */
@media (max-width: 768px) {
  .deco-pair,
  .hero__flag { display: none !important; }

  /* Optioneel — grote watermerk-vlakken ook verbergen:
  .page-head__deco,
  .usp__deco { display: none !important; }
  */
}

/* ============================================================================
   NIET-CSS WIJZIGINGEN — handmatig overzetten naar de live-omgeving
   ----------------------------------------------------------------------------
   1. Favicon
      inc/nicewall.php — wp_head-hook die assets/images/favicon.svg uitserveert
      (slaat over als er een WordPress site-icon is ingesteld).

   2. Branches- en categoriekaarten linkten nergens heen
      parts/sections/branch-grid.php   : isset($c[2]) -> ! empty($c[2])
      parts/sections/category-grid.php : idem
      De ACF-rij bevat geen URL; met isset() bleef href leeg.

   3. Projectenfilter werkte niet
      inc/nicewall.php               : data-cat op de projectkaart
      parts/sections/project-archive.php : data-filter op de filterknoppen
      assets/js/main.min.js          : toont/verbergt kaarten op categorie

   4. Oranje lijn projectspecificaties
      parts/sections/project-head.php : .hatch--dark vervangen door
      <div class="specs-panel__rule">
   ========================================================================== */