/* SolarKonut Projeler — front-end */
.sk-projects,.sk-proje{--g:#02A862;--gd:#028A50;--gold:#F2B33C;--navy:#121F34;--line:rgba(18,31,52,.10);--dim:#5B6670;--faint:#8CA0B8;--panel:#fff;--moss:#EDF7F2;font-family:Manrope,system-ui,sans-serif!important;color:var(--navy)!important}
/* ---- raster ---- */
.sk-projects{display:grid!important;gap:22px!important;grid-template-columns:repeat(3,1fr)!important}
.sk-projects.sk-cols-2{grid-template-columns:repeat(2,1fr)!important}
.sk-projects.sk-cols-4{grid-template-columns:repeat(4,1fr)!important}
.sk-card{display:flex!important;flex-direction:column!important;background:var(--panel)!important;border:1px solid var(--line)!important;border-radius:16px!important;overflow:hidden!important;text-decoration:none!important;color:inherit!important;transition:transform .18s ease,box-shadow .18s ease!important}
.sk-card:hover{transform:translateY(-3px)!important;box-shadow:0 12px 28px rgba(18,31,52,.08)!important}
.sk-media{display:block!important;aspect-ratio:4/3!important;background:var(--moss)!important;overflow:hidden!important}
.sk-media img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
/* geen foto: logo-banen als plaatshouder, zoals op de homepage */
.sk-noimg{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;height:100%!important;color:var(--g)!important;background:linear-gradient(135deg,#EDF7F2,#DDEDE4)!important}
.sk-noimg::after{content:''!important;position:absolute!important;inset:0!important;background:
  linear-gradient(115deg,transparent 46%,rgba(2,168,98,.16) 46%,rgba(2,168,98,.16) 54%,transparent 54%),
  linear-gradient(115deg,transparent 62%,rgba(242,179,60,.20) 62%,rgba(242,179,60,.20) 69%,transparent 69%)!important}
.sk-body{display:flex!important;flex-direction:column!important;gap:8px!important;padding:20px!important}
.sk-tag{align-self:flex-start!important;font-family:'IBM Plex Mono',monospace!important;font-size:10.5px!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:var(--gd)!important;background:var(--moss)!important;border-radius:999px!important;padding:4px 10px!important}
.sk-title{font-size:19px!important;font-weight:700!important;letter-spacing:-.02em!important;line-height:1.25!important}
.sk-loc{display:flex!important;align-items:center!important;gap:6px!important;font-family:'IBM Plex Mono',monospace!important;font-size:12px!important;color:var(--dim)!important}
.sk-excerpt{font-size:14.5px!important;color:var(--dim)!important;line-height:1.6!important}
.sk-specs{display:flex!important;gap:18px!important;margin-top:6px!important;padding-top:14px!important;border-top:1px solid var(--line)!important;font-family:'IBM Plex Mono',monospace!important}
.sk-specs b{font-size:17px!important;color:var(--gd)!important;font-weight:600!important;margin-right:5px!important}
.sk-specs i{font-style:normal!important;font-size:10.5px!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:var(--faint)!important}
.sk-empty{font-family:'IBM Plex Mono',monospace!important;color:var(--faint)!important}
/* ---- detail ---- */
.sk-proje{max-width:1180px!important;margin:0 auto!important}
.sk-hero{display:grid!important;grid-template-columns:1.15fr .85fr!important;gap:36px!important;align-items:center!important;margin-bottom:44px!important}
.sk-hero-media{border-radius:18px!important;overflow:hidden!important;background:var(--moss)!important;aspect-ratio:4/3!important}
.sk-hero-media img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.sk-proje .sk-lbl{display:inline-flex!important;align-items:center!important;gap:7px!important;font-family:'IBM Plex Mono',monospace!important;font-size:11px!important;letter-spacing:.1em!important;text-transform:uppercase!important;color:var(--gd)!important;margin-bottom:8px!important}
.sk-proje h1{font-size:clamp(28px,3.4vw,42px)!important;letter-spacing:-.025em!important;line-height:1.1!important;margin:0 0 10px!important}
.sk-proje .sk-loc{margin:0 0 14px!important}
.sk-lead{font-size:17px!important;color:var(--dim)!important;line-height:1.65!important;margin:0 0 22px!important}
.sk-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;background:var(--gold)!important;color:var(--navy)!important;border-radius:8px!important;padding:13px 22px!important;font-weight:700!important;font-size:15px!important;text-decoration:none!important}
.sk-specs-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:1px!important;background:var(--line)!important;border:1px solid var(--line)!important;border-radius:16px!important;overflow:hidden!important;margin-bottom:44px!important}
.sk-spec{background:var(--panel)!important;padding:20px!important;display:flex!important;flex-direction:column!important;gap:6px!important}
.sk-spec .sk-k{font-family:'IBM Plex Mono',monospace!important;font-size:10.5px!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:var(--faint)!important}
.sk-spec .sk-v{font-family:'IBM Plex Mono',monospace!important;font-size:15px!important;font-weight:500!important}
.sk-proje h2{font-size:clamp(22px,2.4vw,30px)!important;letter-spacing:-.02em!important;margin:0 0 18px!important}
.sk-story{max-width:74ch!important;margin-bottom:48px!important;font-size:16.5px!important;line-height:1.75!important;color:var(--dim)!important}
.sk-story p{margin:0 0 1.1em!important}
/* galerij: slider */
.sk-gal-single a{display:block!important;border-radius:16px!important;overflow:hidden!important;aspect-ratio:16/9!important;background:var(--moss)!important}
.sk-gal-single img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.sk-slider{position:relative!important;margin-bottom:48px!important}
.sk-track{display:flex!important;gap:14px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;scroll-behavior:smooth!important;-ms-overflow-style:none!important;scrollbar-width:none!important;border-radius:16px!important}
.sk-track::-webkit-scrollbar{display:none!important}
.sk-slide{flex:0 0 100%!important;scroll-snap-align:center!important;display:block!important;border-radius:16px!important;overflow:hidden!important;aspect-ratio:16/9!important;background:var(--moss)!important}
.sk-slide img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.sk-nav{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;width:44px!important;height:44px!important;border-radius:50%!important;border:1px solid var(--line)!important;background:rgba(255,255,255,.94)!important;color:var(--navy)!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 4px 14px rgba(18,31,52,.10)!important;transition:opacity .2s!important;z-index:2!important}
.sk-nav:hover{background:#fff!important}
.sk-nav[disabled]{opacity:.35!important;cursor:default!important}
.sk-prev{left:14px!important}
.sk-next{right:14px!important}
.sk-nav{font-size:26px!important;font-family:Manrope,sans-serif!important;line-height:1!important;padding-bottom:3px!important}
.sk-dots{display:flex!important;justify-content:center!important;gap:8px!important;margin-top:16px!important}
.sk-dot{width:8px!important;height:8px!important;padding:0!important;border:0!important;border-radius:50%!important;background:rgba(18,31,52,.20)!important;cursor:pointer!important}
.sk-dot.on{background:var(--g)!important;width:22px!important;border-radius:999px!important}
.sk-count{position:absolute!important;right:14px!important;bottom:14px!important;background:rgba(18,31,52,.72)!important;color:#fff!important;font-family:'IBM Plex Mono',monospace!important;font-size:11px!important;letter-spacing:.06em!important;padding:5px 10px!important;border-radius:999px!important}
.sk-count b{font-weight:600!important}

@media(max-width:620px){.sk-nav{width:38px!important;height:38px!important}
.sk-prev{left:8px!important}
.sk-next{right:8px!important}
}.sk-more{padding-top:36px!important;border-top:1px solid var(--line)!important}


@media (max-width:980px){.sk-projects,.sk-projects.sk-cols-4{grid-template-columns:repeat(2,1fr)!important}
.sk-hero{grid-template-columns:1fr!important;gap:24px!important}
.sk-specs-grid{grid-template-columns:repeat(2,1fr)!important}
.sk-gal{grid-template-columns:repeat(2,1fr)!important}

}
@media (max-width:620px){.sk-projects,.sk-projects.sk-cols-2,.sk-projects.sk-cols-4{grid-template-columns:1fr!important}
.sk-specs-grid{grid-template-columns:1fr!important}
.sk-gal{grid-template-columns:1fr!important}

}/* ---- filterknoppen (shortcode filtre="evet") ---- */
.sk-filters{display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin-bottom:34px!important}
.sk-chip{border:1px solid rgba(18,31,52,.22)!important;border-radius:999px!important;padding:8px 16px!important;font-family:Manrope,sans-serif!important;font-size:13px!important;font-weight:700!important;color:#5B6670!important;text-decoration:none!important}
.sk-chip:hover{border-color:#02A862!important;color:#028A50!important}
.sk-chip.on{background:#121F34!important;border-color:#121F34!important;color:#fff!important}
/* ---- iconen (Tabler, inline SVG) ---- */
.sk-projects .ti,.sk-proje .ti{width:15px!important;height:15px!important;flex:none!important;display:inline-block!important;vertical-align:-2px!important;margin:0!important}
.sk-spec .sk-ic{display:block!important;color:#028A50!important;margin-bottom:2px!important}
.sk-spec .sk-ic .ti{width:22px!important;height:22px!important}
.sk-noimg .ti{width:44px!important;height:44px!important;position:relative!important;z-index:1!important;opacity:.55!important}
.sk-nav .ti{width:22px!important;height:22px!important}
.sk-loc .ti{color:#02A862!important}
/* ---- eyebrow: staat IN de kop, dus geen enkele themamarge komt ertussen ---- */
.sk-eb{display:block!important;margin:0 0 -.155em!important;line-height:1.2!important}
.sk-lbl{display:block!important;margin:0 0 8px!important;line-height:1.2!important;font-family:'IBM Plex Mono',monospace!important;font-size:11px!important;font-weight:500!important;letter-spacing:.10em!important;text-transform:uppercase!important;color:#028A50!important}
h1:has(> .sk-eb),h2:has(> .sk-eb),h3:has(> .sk-eb){line-height:1.08!important}


/* slot: erfelijke waarden vastzetten, zodat het thema niets kan overschrijven */
.sk-projects .sk-title,.sk-proje h1,.sk-proje h2{font-family:'Space Grotesk',Manrope,sans-serif!important;color:#121F34!important;letter-spacing:-.025em!important}
.sk-projects .sk-excerpt,.sk-proje .sk-lead,.sk-proje .sk-story,.sk-proje .sk-story p{font-family:Manrope,sans-serif!important;color:#5B6670!important;line-height:1.7!important}
.sk-projects .sk-tag,.sk-projects .sk-loc,.sk-projects .sk-specs,.sk-projects .sk-specs *,
.sk-proje .sk-lbl,.sk-proje .sk-loc,.sk-proje .sk-spec .sk-k,.sk-proje .sk-spec .sk-v,.sk-proje .sk-count{font-family:'IBM Plex Mono',monospace!important}
.sk-projects .sk-card,.sk-projects .sk-card *{color:#121F34!important}
.sk-projects .sk-tag{color:#028A50!important}
.sk-projects .sk-loc,.sk-projects .sk-excerpt{color:#5B6670!important}
.sk-projects .sk-specs b{color:#028A50!important}
.sk-projects .sk-specs i{color:#8CA0B8!important}
.sk-btn,.sk-btn:link,.sk-btn:visited,.sk-btn:hover,.sk-btn:focus{background:#F2B33C!important;color:#121F34!important}