/* Seif.nl – overzicht /project/ (aanvulling op patroon 651) */
.seif-proj .seif-hero .wp-block-columns{display:flex;flex-wrap:nowrap}
.seif-proj .seif-hero .wp-block-column{min-width:0}
.seif-proj .seif-section>.wp-block-group__inner-container{max-width:1100px;margin:0 auto}
.seif-proj .seif-section{scroll-margin-top:90px}

/* Projectkaart: afbeelding bovenaan, hele kaart klikbaar */
.seif-proj-card{padding:0!important;overflow:hidden;background:linear-gradient(180deg,#18244a,#121b38)!important}
.seif-proj-media{position:relative;aspect-ratio:16/9;background:#0f1834;overflow:hidden;border-bottom:1px solid rgba(210,213,225,.1)}
.seif-proj-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.seif-proj-card:hover .seif-proj-media img{transform:scale(1.04)}
.seif-proj-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:56px;font-weight:300;color:#fff;background:radial-gradient(260px 160px at 20% 0%,rgba(124,98,255,.45),transparent 70%),linear-gradient(135deg,#1c2b5e,#121b38)}
.seif-proj-body{display:flex;flex-direction:column;flex:1;padding:22px 24px 24px}
.seif-proj-card h3{font-size:20px!important}
.seif-proj-card h3 a::after{content:"";position:absolute;inset:0;z-index:1;border-radius:20px}
.seif-proj-card h3 a:focus-visible{outline:none}
.seif-proj-card:focus-within{border-color:#8fb0ff;box-shadow:0 0 0 2px rgba(143,176,255,.6)}
.seif-proj-empty{text-align:center;padding:40px 28px!important;margin-top:30px}
.seif-proj-empty p{margin:0 auto!important;color:#c9cee0}

/* Soort project (label op de afbeelding) */
.seif-proj-type{position:absolute;top:14px;left:14px;z-index:2;max-width:calc(100% - 28px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:linear-gradient(90deg,#7C62FF,#FF6464);color:#fff;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;line-height:1;padding:7px 12px;border-radius:30px;box-shadow:0 6px 18px rgba(5,10,30,.45);pointer-events:none}

/* Werkzaamheden (labels onder de titel) */
.seif-proj-tags{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0!important;margin:2px 0 14px!important}
.seif-proj-tags li{margin:0;font-size:13px;font-weight:500;line-height:1.2;color:#c9d6ff;background:rgba(41,87,203,.18);border:1px solid rgba(143,176,255,.25);border-radius:30px;padding:5px 11px;transition:border-color .25s,background .25s}
.seif-proj-card:hover .seif-proj-tags li{border-color:rgba(143,176,255,.45);background:rgba(41,87,203,.28)}

/* Paginanummers als pill-knoppen */
.seif-proj .navigation.pagination{margin-top:40px}
.seif-proj .nav-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.seif-proj .nav-links .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 16px;border-radius:30px;background:#16213f;border:1px solid rgba(143,176,255,.2);color:#D2D5E1!important;text-decoration:none!important;font-size:15px;font-weight:500;transition:all .25s}
.seif-proj .nav-links a.page-numbers:hover{border-color:#4f7cff;color:#fff!important;background:rgba(41,87,203,.25)}
.seif-proj .nav-links .page-numbers.current{background:#2957CB;border-color:#2957CB;color:#fff!important}

@media (min-width:782px) and (max-width:1148px){
	.seif-proj .seif-cta{margin-left:24px!important;margin-right:24px!important}
}
@media (max-width:781px){
	.seif-proj .seif-hero .wp-block-columns{flex-direction:column}
	.seif-proj .seif-hero .wp-block-column{flex-basis:auto!important;width:100%}
}
@media (prefers-reduced-motion:reduce){
	.seif-proj-media img{transition:none}
	.seif-proj-card:hover .seif-proj-media img{transform:none}
}
.seif-proj .wp-block-button__link,.seif-proj .wp-block-button{box-sizing:border-box;max-width:100%}