/* Container & grid */
.phc-group{ width:100%; max-width:min(var(--ce-splide-cap,1280px), var(--ce-projects-maxvw, var(--ce-splide-maxvw,70vw))); margin-inline:auto; }
.phc-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:1.25rem; align-items:start; }
@media (max-width:1024px){ .phc-grid{ grid-template-columns:1fr; } }

/* Titel */
.phc-project-title{ margin:0; font-weight:700; font-size:24px; text-align:center; color:var(--ce-blue,#2B8DB1);
  text-wrap:balance; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }

/* Paneel */
.phc-panel{ display:flex; flex-direction:column; gap:.9rem; align-items:stretch; }
.phc-panel > *{ margin:0 !important; }

/* Splide (16:9 via JS) */
.phc-splide{ position:relative; z-index:1; margin:0 !important; border-radius:.5rem; }
.phc-splide .splide__track{ overflow:hidden; border-radius:inherit; padding:0 !important; position:relative; } /* +position for tooltip */
.phc-splide .splide__list{ height:100%; border-radius:inherit; }
.phc-splide .splide__slide{ height:100%; width:100% !important; display:flex; align-items:stretch; border-radius:inherit; overflow:hidden; }
.phc-splide .splide__arrows{ display:none !important; }

/* Figure + media */
.phc-figure{ position:relative; margin:0; height:100%; border-radius:inherit; overflow:hidden; }
.phc-splide img,.phc-noimage{ width:100%; height:100%; object-fit:cover; border-radius:inherit; }

/* Click-cover */
.phc-link-cover{ position:absolute; inset:0; z-index:2; display:block; text-indent:-9999px; background:transparent; }

/* Overlay text */
.phc-overlay{ position:absolute; inset:0; border-radius:inherit; pointer-events:none; display:flex; align-items:center; justify-content:center; padding:1rem 1.25rem; text-align:center; }
.phc-overlay-text{ color:#fff; line-height:1.3; font-size:clamp(1.05rem, 1.25vw, 1.45rem); font-weight:700; text-shadow:0 1px 2px rgba(0,0,0,.45); }

/* Tooltip overlay (MINIMALE toevoeging) */
.phc-tooltip-wrap{ position:absolute; inset:0; pointer-events:none; }
.phc-tooltip-wrap .phc-website-tooltip{ position:absolute; pointer-events:auto; z-index:3; display:inline-flex; gap:.35rem; padding:.35rem .55rem; border-radius:.5rem; background:#fff; color:var(--ce-blue,#2B8DB1); box-shadow:0 8px 20px rgba(0,0,0,.12); opacity:0; visibility:hidden; transform:translateY(-4px); transition:opacity .15s ease, transform .15s ease, visibility .15s; }
.phc-website-tooltip.visible{ opacity:1; visibility:visible; transform:translateY(0); }

/* Clean up editor-injecties */
.phc-splide > p, .phc-splide .splide__track > p, .phc-splide .splide__list > p, .phc-splide .splide__slide > p{ display:none !important; height:0 !important; margin:0 !important; padding:0 !important; }

/* Button */
.phc-impact-wrap{ position:relative; z-index:2; display:flex; justify-content:center; }
.phc-impact-btn{ display:inline-flex; align-items:center; justify-content:center; padding:.55rem 1rem; border-radius:.5rem; background:var(--ce-blue,#2B8DB1); color:#fff; text-decoration:none; font-weight:600; transition:transform .08s ease, filter .12s ease; }
.phc-impact-btn:hover{ filter:brightness(1.05); transform:translateY(-1px); }
.phc-impact-btn:active{ transform:translateY(0); }

/* Impact story button: altijd blauw + witte tekst */
.phc-impact-btn,
.phc-impact-btn:link,
.phc-impact-btn:visited,
.phc-impact-btn:hover,
.phc-impact-btn:focus,
.phc-impact-btn:active {
  background: var(--ce-blue, #2B8DB1);
  color: #fff;
  text-decoration: none;
}