/* it-partner-friesland: vergelijk (navy), werkgebied (licht), cases (wit). Bouwt voort op stijl.css en pagina.css. */
.itp-vergelijk{background:linear-gradient(180deg,var(--navy),#0A0A50)}
.itp-tabel{border-top:1px solid var(--lijn-d)}
.itp-rij{display:grid;grid-template-columns:200px 1fr 1fr;gap:32px;padding:22px 0;border-bottom:1px solid var(--lijn-d);align-items:start}
.itp-rij.itp-kop{padding:0 0 14px;border-bottom:1px solid var(--lijn-d)}
.itp-tabel .itp-kop{border-top:0}
.itp-kop span{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#AEB9CB}
.itp-kop span.itp-wij{color:var(--brons-l)}
.itp-rij h3{font-size:17px;font-weight:600;color:#fff;letter-spacing:-.01em}
.itp-rij p{font-size:15px;color:#AEB9CB}
.itp-rij p.itp-wij{color:#fff;position:relative;padding-left:20px}
.itp-rij p.itp-wij::before{content:"";position:absolute;left:0;top:.6em;width:8px;height:8px;border-radius:50%;background:var(--groen-licht)}
.itp-vergelijk .cta{margin-top:36px}

.itp-werkgebied{background:var(--licht)}
.itp-wg-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:72px;align-items:start}
.itp-wg-grid .lopend p{color:var(--muted);font-size:16px}
.itp-wg-grid .lopend p+p{margin-top:14px}
.itp-plaatsen{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.itp-plaatsen li{background:#fff;border:1px solid var(--lijn);padding:7px 14px;font-size:14px;font-weight:500;color:var(--navy)}
.itp-plaatsen li.itp-thuis{background:var(--navy);color:#fff;border-color:var(--navy)}
.itp-klanten{background:#fff;border-top:2px solid var(--groen);padding:28px 28px 12px}
.itp-klanten h3{font-size:18px;font-weight:600;color:var(--navy);margin-bottom:6px}
.itp-klanten>p{font-size:14.5px;color:var(--muted);margin-bottom:10px}
.itp-klanten li{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid var(--lijn);font-size:15px}
.itp-klanten li b{font-weight:600;color:var(--inkt)}
.itp-klanten li span{color:var(--muted);text-align:right}

.itp-cases{background:#fff}
.itp-cases .cases-grid{margin-top:8px}
.itp-cases .klantenregel{margin-top:32px}

@media(max-width:900px){
  .itp-wg-grid{grid-template-columns:1fr;gap:40px}
  .itp-rij{grid-template-columns:1fr 1fr;gap:10px 24px}
  .itp-rij h3{grid-column:1/-1}
  .itp-rij.itp-kop span:first-child{display:none}
}
@media(max-width:620px){
  .itp-rij{grid-template-columns:1fr}
  .itp-rij.itp-kop{display:none}
  .itp-rij p:not(.itp-wij)::before{content:"Losse leveranciers: ";font-weight:600;color:#DCE3EE}
}
.itp-werkgebied{background:#fff}
/* Plaatspagina's: kopjes boven de lijsten en klikbare plaatsen */
.itp-lijstkop{font-size:15px;font-weight:600;color:var(--navy);margin:30px 0 -14px}
.itp-plaatsen li a{color:inherit;text-decoration:none}
.itp-plaatsen li:has(a):hover{border-color:var(--groen)}