/* Seif – apparaatweergave voor projecten (foto laptop + foto mobiel). Maten in cqw: schalen mee met de breedte. */
.seif-dev{position:relative;margin:0 auto!important;width:100%;max-width:760px;container-type:inline-size}
@media (min-width:1025px){.seif-hero .seif-dev--both,.seif-hero .seif-dev--laptop{width:112%;max-width:none;margin-right:-6%!important;margin-left:-6%!important}}
.seif-dev__stage{position:relative;aspect-ratio:16/9}
.seif-dev--page .seif-dev__stage::before{content:"";position:absolute;inset:10% 8% 4%;border-radius:50%;background:linear-gradient(135deg,#7C62FF,#2957CB 55%,#FF6464);opacity:.32;filter:blur(48px);z-index:0}

/* Laptop */
.seif-dev__laptop{position:absolute;z-index:1;left:3cqw;top:2cqw;width:76cqw}
.seif-dev__lid{position:relative;background:#1b1f2a;border-radius:1.8cqw 1.8cqw .6cqw .6cqw;padding:1.5cqw 1.5cqw 2.1cqw;box-shadow:inset 0 0 0 .15cqw #2d3446,0 3cqw 6cqw rgba(3,8,24,.55)}
.seif-dev__cam{position:absolute;left:50%;top:.55cqw;width:.5cqw;height:.5cqw;margin-left:-.25cqw;border-radius:50%;background:#3a4256}
.seif-dev__screen{aspect-ratio:16/10;border-radius:.4cqw;overflow:hidden;background:#05070c}
.seif-dev .seif-dev__screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;border:0!important;border-radius:0!important}
.seif-dev__base{position:relative;margin:0 -4.6cqw;height:1.8cqw;background:linear-gradient(#cdd2dc,#8d94a5);border-radius:0 0 1.8cqw 1.8cqw;box-shadow:0 2.4cqw 4.4cqw rgba(3,8,24,.5)}
.seif-dev__base::before{content:"";position:absolute;left:50%;top:0;width:12cqw;height:.7cqw;margin-left:-6cqw;background:#7c8394;border-radius:0 0 .9cqw .9cqw}

/* Telefoon: het scherm krijgt de verhouding van de foto, dus niets wordt afgeknipt */
.seif-dev__phone{position:absolute;z-index:2;right:3cqw;bottom:2.4cqw;width:20cqw;background:#1b1f2a;border-radius:3.2cqw;padding:.8cqw;box-shadow:inset 0 0 0 .15cqw #2d3446,0 3cqw 5.5cqw rgba(3,8,24,.6)}
.seif-dev__pscreen{position:relative;border-radius:2.5cqw;overflow:hidden;background:#05070c;padding-top:2.6cqw}
.seif-dev__island{position:absolute;left:50%;top:.7cqw;width:5.8cqw;height:1.6cqw;margin-left:-2.9cqw;border-radius:1cqw;background:#000;z-index:2}
.seif-dev__pimg{max-height:47cqw;overflow:hidden}
.seif-dev .seif-dev__pimg img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;border:0!important;border-radius:0!important}

/* Alleen een laptop of alleen een telefoon */
.seif-dev--laptop .seif-dev__stage{aspect-ratio:16/10.6}
.seif-dev--laptop .seif-dev__laptop{left:8cqw;width:84cqw}
.seif-dev--phone .seif-dev__stage{aspect-ratio:auto;padding:4cqw 0}
.seif-dev--phone .seif-dev__phone{position:relative;right:auto;bottom:auto;width:42cqw;margin:0 auto;border-radius:6.4cqw;padding:1.6cqw}
.seif-dev--phone .seif-dev__pscreen{border-radius:5cqw;padding-top:5.2cqw}
.seif-dev--phone .seif-dev__island{top:1.4cqw;width:11.6cqw;height:3.2cqw;margin-left:-5.8cqw;border-radius:2cqw}
.seif-dev--phone .seif-dev__pimg{max-height:none}

/* Fallback: gewone uitgelichte afbeelding */
.seif-dev--photo img{display:block;width:100%;height:auto;border-radius:20px;border:1px solid rgba(143,176,255,.22);box-shadow:0 30px 70px rgba(3,8,24,.5)}

/* Subtiele beweging */
@keyframes seifDevFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-1cqw)}}
.seif-dev--page .seif-dev__phone{animation:seifDevFloat 6s ease-in-out infinite}

/* Projectkaart op /project/ */
.seif-proj-media .seif-dev{max-width:none;height:100%}
.seif-proj-media .seif-dev__stage{aspect-ratio:auto;height:100%;background:radial-gradient(70% 70% at 15% 0%,rgba(124,98,255,.35),transparent 70%),radial-gradient(60% 60% at 95% 100%,rgba(255,100,100,.22),transparent 70%),linear-gradient(135deg,#1c2b5e,#121b38)}
.seif-proj-media .seif-dev--both .seif-dev__laptop{left:5cqw;top:6cqw;width:72cqw}
.seif-proj-media .seif-dev--both .seif-dev__phone{right:5cqw;bottom:3cqw;width:18cqw}
.seif-proj-media .seif-dev--both .seif-dev__pimg{max-height:39cqw}
.seif-proj-media .seif-dev--laptop .seif-dev__laptop{left:12cqw;top:5cqw;width:76cqw}
.seif-proj-media .seif-dev--phone .seif-dev__stage{padding:0;display:flex;align-items:center;justify-content:center}
.seif-proj-media .seif-dev--phone .seif-dev__phone{width:24cqw;margin-top:4cqw;border-radius:3.6cqw;padding:.9cqw}
.seif-proj-media .seif-dev--phone .seif-dev__pscreen{border-radius:2.8cqw;padding-top:2.8cqw}
.seif-proj-media .seif-dev--phone .seif-dev__island{top:.8cqw;width:6.6cqw;height:1.8cqw;margin-left:-3.3cqw}
.seif-proj-media .seif-dev--photo img{height:100%;object-fit:cover;border:0;border-radius:0;box-shadow:none}
.seif-proj-media .seif-dev__laptop,.seif-proj-media .seif-dev__phone{transition:transform .5s ease}
.seif-proj-card:hover .seif-dev__laptop{transform:translateY(-1.2cqw)}
.seif-proj-card:hover .seif-dev__phone{transform:translateY(-2.2cqw)}

@media (prefers-reduced-motion:reduce){
	.seif-dev--page .seif-dev__phone{animation:none}
	.seif-proj-card:hover .seif-dev__laptop,.seif-proj-card:hover .seif-dev__phone{transform:none}
}

/* Label "In ontwikkeling" (hero en projectkaart) */
.seif-lp .seif-devflag{display:inline-flex;align-items:center;gap:8px;margin:0 0 20px 8px!important;padding:6px 14px;border-radius:30px;font-size:13px!important;font-weight:600;letter-spacing:.06em;line-height:1.2;color:#ffd9a8;background:rgba(255,160,60,.12);border:1px solid rgba(255,170,80,.4);vertical-align:top}
.seif-lp .seif-devflag span{width:8px;height:8px;border-radius:50%;background:#ffb347;box-shadow:0 0 0 0 rgba(255,179,71,.6);animation:seifDevPulse 2.2s ease-out infinite}
@keyframes seifDevPulse{0%{box-shadow:0 0 0 0 rgba(255,179,71,.6)}70%{box-shadow:0 0 0 8px rgba(255,179,71,0)}100%{box-shadow:0 0 0 0 rgba(255,179,71,0)}}
.seif-proj-dev{position:absolute;top:14px;right:14px;z-index:3;display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:30px;font-size:12px;font-weight:600;letter-spacing:.06em;line-height:1;color:#ffe2bd;background:rgba(18,27,56,.88);border:1px solid rgba(255,170,80,.45);box-shadow:0 6px 18px rgba(5,10,30,.45);pointer-events:none}
.seif-proj-dev::before{content:"";width:7px;height:7px;border-radius:50%;background:#ffb347}
@media (max-width:781px){.seif-lp .seif-devflag{margin-left:0!important}}
@media (prefers-reduced-motion:reduce){.seif-lp .seif-devflag span{animation:none}}

/* Projectpagina (templates/single-project.php): kolommen en knoppen zonder blokstijlen van de editor */
.seif-project .seif-hero .wp-block-columns{display:flex;flex-wrap:nowrap;align-items:center;gap:48px}
.seif-project .seif-hero .wp-block-column{min-width:0;flex-grow:0;flex-shrink:1}
.seif-project .wp-block-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.seif-project .wp-block-button{margin:0}
@media (max-width:1024px){
	.seif-project .seif-hero .wp-block-columns{flex-direction:column;align-items:stretch;gap:28px}
	.seif-project .seif-hero .wp-block-column{flex-basis:100%!important;width:100%}
	.seif-project .seif-hero .wp-block-column:last-child{order:-1}
}
@media (max-width:781px){
	.seif-project .wp-block-buttons{flex-direction:column;align-items:stretch}
	.seif-project .wp-block-button,.seif-project .wp-block-button__link{width:100%;text-align:center}
}
.seif-project .wp-block-button__link,.seif-project .wp-block-button{box-sizing:border-box;max-width:100%}