/*
Theme Name: DKK Base
Theme URI: https://dkkgelderland.nl/
Author: Palmwood Media
Description: Gedeelde technische basis voor DKK Gelderland en Dorpskracht Advies.
Version: 1.4.4
Text Domain: dkk-gelderland
Requires at least: 6.0
Requires PHP: 7.4
*/

/* Centrale semantische kleurvariabelen v0.8 */
:root {
  --color-primary: var(--color-primary);
  --color-secondary: var(--color-secondary);
  --color-accent: var(--color-accent);
  --color-accent-alt: var(--color-accent);
  --color-accent-2: var(--color-accent-2);
  --color-highlight: var(--color-highlight);
  --color-background-soft: var(--color-background-soft);
  --color-background-warm: var(--color-background-warm);
  --color-footer: var(--color-primary);
  --color-on-primary: #ffffff;
  --color-text: #101010;
}


/* v0.7 nieuwe pagina's */
.dkk-v07-section{padding:70px 0}.dkk-v07-section.blue{background:var(--color-background-soft)}.dkk-v07-section.pink{background:var(--color-background-warm)}.dkk-v07-container{width:min(1180px,calc(100% - 48px));margin:auto}.dkk-v07-container.narrow{max-width:900px}.dkk-v07-columns,.dkk-v07-wrap,.dkk-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.dkk-project-grid,.dkk-news-grid,.dkk-team-grid,.dkk-partners{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.dkk-project-card{border:2px solid var(--color-accent);border-radius:16px;overflow:hidden}.dkk-project-card>div{padding:18px}.dkk-project-card img,.dkk-team-grid img{width:100%;height:230px;object-fit:cover}.dkk-v07-wrap form{display:flex;flex-direction:column;gap:12px}.dkk-v07-wrap input,.dkk-v07-wrap textarea{border:0;border-radius:12px;padding:14px}.dkk-v07-wrap textarea{height:170px}.dkk-v07-wrap button,.dkk-pill{align-self:flex-end;border:0;border-radius:999px;padding:9px 22px;background:var(--color-primary);color:#fff;text-decoration:none;font-weight:700}.dkk-pill.green,.dkk-arrow.green{background:var(--color-accent);color:var(--color-primary)}.dkk-arrow{display:inline-block;background:var(--color-primary);color:#fff;text-decoration:none;font-weight:700;padding:14px 35px;clip-path:polygon(0 0,90% 0,100% 50%,90% 100%,0 100%,6% 50%)}.dkk-arrow.purple{background:var(--color-secondary)}.dkk-contact-v07{padding:70px 0}.contact-page{min-height:800px}@media(max-width:800px){.dkk-v07-columns,.dkk-v07-wrap,.dkk-detail-grid{grid-template-columns:1fr}.dkk-project-grid,.dkk-news-grid,.dkk-team-grid,.dkk-partners{grid-template-columns:1fr}}

/* Pre-home beheerbare slides */
.prehome-admin-note{padding:12px 16px;background:var(--color-background-soft);border-left:4px solid var(--color-primary)}
.prehome-slide .prehome-photo{will-change:transform}
.prehome-slide.is-static .prehome-photo{transform:none!important}
.prehome-dots{position:absolute;z-index:8;left:50%;bottom:24px;transform:translateX(-50%);display:flex;gap:8px}
.prehome-dots button{width:10px;height:10px;border:0;border-radius:50%;background:rgba(255,255,255,.55);padding:0}
.prehome-dots button.active{background:#fff}

/* v1.0 gelijkwaardige contenttypes */
.dkk-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:35px}
.dkk-content-card{border:1.5px solid var(--color-accent);border-radius:16px;overflow:hidden;background:#fff;display:flex;flex-direction:column;min-width:0}
.dkk-card-image{display:block;aspect-ratio:1.45;overflow:hidden}
.dkk-card-image img{width:100%;height:100%;object-fit:cover}
.dkk-card-content{padding:20px;display:flex;flex:1;flex-direction:column}
.dkk-card-content h3{margin-top:0}
.dkk-card-content h3 a{text-decoration:none}
.dkk-card-content .small-pill{margin-top:auto;align-self:flex-start}
.type-dkk_theme{border-color:var(--color-accent-alt)}
.type-dkk_service{border-color:var(--color-secondary)}
.type-dkk_project{border-color:var(--color-accent)}
.type-dkk_news{border-color:var(--color-primary)}
.dkk-related-section:nth-of-type(even){background:var(--color-background-soft)}
.dkk-detail .detail-actions{display:flex;gap:18px;flex-wrap:wrap}
.dkk-archive-header .lead{max-width:800px}
@media(max-width:900px){.dkk-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.dkk-card-grid{grid-template-columns:1fr}}


/* Pre-home voorpagina – volledig scherm */
html:has(body.prehome-page),
body.prehome-page{width:100%;height:100%;min-height:100%;margin:0;overflow:hidden;background:#071032}
body.prehome-page.admin-bar{height:calc(100% - 32px)}
body.prehome-page #wpadminbar{z-index:99999}
.prehome-slider{position:relative;width:100%;height:100vh;min-height:620px;overflow:hidden;background:#071032}
.admin-bar .prehome-slider{height:calc(100vh - 32px)}
.prehome-slide{position:absolute;inset:0;display:block;opacity:0;visibility:hidden;transition:opacity .9s ease,visibility 0s linear .9s;isolation:isolate}
.prehome-slide.active{opacity:1;visibility:visible;transition-delay:0s;z-index:2}
.prehome-photo{position:absolute;inset:-3%;z-index:-3;background-position:center;background-size:cover;background-repeat:no-repeat;transform:scale(1.05);transition-property:transform;transition-timing-function:linear}
.prehome-slide.active .prehome-photo{transform:scale(1.13)}
.prehome-slide.is-static .prehome-photo,.prehome-slide.is-static.active .prehome-photo{transform:scale(1.05)!important}
.prehome-slide:after{content:"";position:absolute;inset:0;z-index:-2;background:rgba(0,0,0,.14)}
.prehome-slide:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(1,14,54,.68) 0%,rgba(1,14,54,.26) 54%,rgba(1,14,54,.05) 100%)}
.prehome-content{position:relative;z-index:3;width:min(1480px,calc(100% - 100px));height:100%;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:70px 0 145px}
.prehome-content h1{max-width:1160px;margin:0;color:#fff;font-size:clamp(45px,5.25vw,92px);line-height:1.02;letter-spacing:-.035em;text-wrap:balance;text-shadow:0 3px 24px rgba(0,0,0,.22)}
.choice-buttons{position:absolute;left:0;bottom:55px;display:flex;gap:15px;align-items:stretch}
.choice{display:flex;align-items:center;justify-content:center;min-width:220px;min-height:70px;padding:13px 28px;border-radius:0 36px 36px 36px;color:#fff!important;font-size:18px;line-height:1.08;font-weight:800;text-align:center;box-shadow:0 8px 22px rgba(0,0,0,.18);transition:transform .2s ease,filter .2s ease}
.choice:hover,.choice:focus-visible{transform:translateY(-3px);filter:brightness(1.08)}
.choice.dkk{background:var(--color-primary,#1010ff)}
.choice.advies{background:var(--color-secondary,#8658ff)}
.prehome-corner{position:absolute;right:0;top:0;width:clamp(190px,20vw,370px);height:clamp(175px,24vw,430px);overflow:hidden;z-index:4;pointer-events:none}
.prehome-corner:before{content:"";position:absolute;right:-25%;top:-35%;width:120%;height:115%;border-radius:0 0 0 72%;background:rgba(255,255,255,.96)}
.prehome-symbol{position:absolute;right:clamp(28px,4vw,72px);top:clamp(25px,4vw,70px);width:clamp(105px,11vw,190px);height:clamp(90px,10vw,175px);transform:rotate(-6deg)}
.prehome-symbol i{position:absolute;display:block;border-radius:50% 50% 46% 54%;background:var(--color-primary,#1010ff)}
.prehome-symbol i:nth-child(1){width:52%;height:73%;left:0;bottom:0;transform:rotate(27deg)}
.prehome-symbol i:nth-child(2){width:52%;height:73%;right:0;bottom:0;transform:rotate(-27deg)}
.prehome-symbol i:nth-child(3){width:36%;height:48%;left:32%;top:2%;border-radius:50%}
.prehome-symbol.advies i{background:var(--color-secondary,#8658ff)}
.prehome-dots{bottom:28px}
@media(max-width:782px){body.prehome-page.admin-bar{height:calc(100% - 46px)}.admin-bar .prehome-slider{height:calc(100vh - 46px)}}
@media(max-width:760px){
 body.prehome-page{overflow:auto}
 .prehome-slider{height:100svh;min-height:650px}
 .admin-bar .prehome-slider{height:calc(100svh - 46px)}
 .prehome-content{width:calc(100% - 40px);padding:80px 0 190px;justify-content:flex-end}
 .prehome-content h1{font-size:clamp(34px,10vw,55px);line-height:1.04}
 .choice-buttons{left:0;right:0;bottom:28px;gap:9px}
 .choice{flex:1;min-width:0;min-height:62px;padding:10px 12px;font-size:14px}
 .prehome-corner{width:170px;height:185px}
 .prehome-symbol{right:25px;top:22px;width:105px;height:95px}
 .prehome-slide:before{background:linear-gradient(0deg,rgba(1,14,54,.78) 0%,rgba(1,14,54,.18) 70%,rgba(1,14,54,.04) 100%)}
}
/* v1.3.2 prehome layout overrides */
body.prehome-design-2026 .choice-buttons{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:0}
body.prehome-design-2026 .choice{border:0;clip-path:none;text-transform:none}