/* ============================================================
   IMPCT brand-overlay (brandbook V1). ADDITIEF en VEILIG:
   raakt alleen merk-eigen klassen (isx-*, cc-ico, ipg-*).
   Geen globale font-override (Monument wordt later 1x ingezet).
   ============================================================ */
:root{
  --impct-green:#2a431d; --impct-green-deep:#1a2912;
  --impct-orange:#e84d0e; --impct-orange-cta:#cf440c;
  --impct-grey:#f1f1f1; --impct-cream:#f4ede1; --impct-white:#ffffff;
}

/* --- Brandbook: geen decoratieve lijn-icoontjes. -------------
   Contact-tegel houdt de merk-"A" (oranje trapezium met gradient
   = het ontbrekende stuk). */
#impct-contact .cc-ico{
  background:transparent !important; border:none !important;
  border-radius:0 !important; position:relative;
}
#impct-contact .cc-ico > svg{ display:none !important; }
#impct-contact .cc-ico::before{
  content:""; position:absolute; top:50%; left:50%;
  transform:translate(-50%,-50%);
  width:21px; height:25px;
  background:linear-gradient(158deg,#f2922f 0%, #e84d0e 62%);
  clip-path:polygon(28% 0, 72% 0, 100% 100%, 0 100%);
}
/* Home: icoon-tegels op de diensten- en voor-wie-kaarten weg
   (Sem 13-jul: de 6 A'tjes waren niet mooi). Tekst-kaarten blijven,
   de onderliggende lijn-SVG's blijven mee verborgen. */
.isx-ico, .isx-vw-ico{ display:none !important; }

/* --- Team klikbaar: modal ----------------------------------- */
.ipg-team .ipg-tm{ cursor:pointer; }
.ipg-team .ipg-tm .ph::after{
  content:""; position:absolute; left:12px; top:12px;
  width:16px; height:12px; background:var(--impct-orange);
  clip-path:polygon(0 0,100% 22%,100% 100%,0 78%);
  opacity:0; transform:translateY(-3px); transition:opacity .2s ease,transform .2s ease;
}
.ipg-team .ipg-tm:hover .ph::after{ opacity:1; transform:none; }

.ipg-modal-ov{
  position:fixed; inset:0; background:rgba(18,32,10,.62);
  -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px);
  display:flex; align-items:center; justify-content:center;
  padding:24px; z-index:99999; opacity:0; visibility:hidden;
  transition:opacity .22s ease, visibility .22s ease;
}
.ipg-modal-ov.open{ opacity:1; visibility:visible; }
.ipg-modal{
  background:#fff; max-width:520px; width:100%; position:relative;
  border-top:5px solid var(--impct-orange);
  box-shadow:0 40px 90px -30px rgba(0,0,0,.55);
  transform:translateY(12px) scale(.985); transition:transform .22s ease;
  max-height:90vh; overflow:auto;
}
.ipg-modal-ov.open .ipg-modal{ transform:none; }
.ipg-modal-top{ display:flex; gap:20px; padding:30px 30px 18px; align-items:center; }
.ipg-modal-ph{
  width:104px; height:104px; flex:0 0 auto; object-fit:cover;
  object-position:top center; background:#eef0ea;
}
.ipg-modal-hd h3{
  font-family:'Montserrat',sans-serif; font-weight:700;
  color:var(--impct-green); font-size:1.34rem; margin:0 0 5px; line-height:1.12;
}
.ipg-modal-hd .role{
  color:var(--impct-orange-cta); font-weight:600; font-size:.9rem; margin:0;
  font-family:'Montserrat',sans-serif;
}
.ipg-modal-bio{
  padding:4px 30px 6px; color:#3d3d3c; line-height:1.68; font-size:1rem;
  font-family:'Open Sans',sans-serif;
}
.ipg-modal-links{
  display:flex; flex-wrap:wrap; gap:10px 14px; padding:18px 30px 28px; align-items:center;
}
.ipg-modal-links a{
  display:inline-flex; align-items:center; gap:8px; text-decoration:none;
  font-family:'Montserrat',sans-serif; font-weight:600; font-size:.86rem;
  padding:10px 16px; transition:background .2s ease,color .2s ease;
}
.ipg-modal-links a.li{ background:var(--impct-green); color:#fff; }
.ipg-modal-links a.li:hover{ background:var(--impct-orange); }
.ipg-modal-links a.c{ background:#f2efe7; color:var(--impct-green); }
.ipg-modal-links a.c:hover{ background:var(--impct-green); color:#fff; }
.ipg-modal-x{
  position:absolute; top:10px; right:12px; width:36px; height:36px;
  border:none; background:transparent; font-size:24px; line-height:1;
  color:var(--impct-green); cursor:pointer; border-radius:0;
}
.ipg-modal-x:hover{ color:var(--impct-orange); }
.ipg-modal :focus-visible, .ipg-team .ipg-tm:focus-visible{ outline:3px solid var(--impct-orange); outline-offset:2px; }
@media(max-width:520px){
  .ipg-modal-top{ flex-direction:column; text-align:center; align-items:center; }
}

/* Merk-signatuur 13-jul: eyebrow-bullets uniform als trapezium-A (i.p.v. mix vierkant/ruit). */
.ipg-eyebrow .sq,.impct-pillar .sq,.impct-pillar .sec-eyebrow .sq,.ix-eyebrow .sq,.isx-eyebrow .isx-sq{clip-path:polygon(28% 0,72% 0,100% 100%,0 100%) !important;transform:none !important;box-shadow:none !important;border-radius:0 !important;}