/*
Theme Name: De Schilder Premium
Theme URI: https://de-schilder.nl
Author: De Schilder
Description: Premium maatwerkthema voor een professioneel schildersbedrijf in Groningen en omstreken.
Version: 2.0.0
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: de-schilder-premium
*/
:root{--ds-blue:#082b7a;--ds-blue-dark:#031a4b;--ds-yellow:#ffd400;--ds-ink:#101828;--ds-muted:#667085;--ds-border:#e4e9f1;--ds-bg:#f5f7fb;--ds-white:#fff;--ds-container:1220px;--ds-radius:18px;--ds-shadow:0 22px 60px rgba(3,26,75,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ds-ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.ds-container{width:min(calc(100% - 40px),var(--ds-container));margin-inline:auto}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{position:fixed!important;z-index:9999;top:10px;left:10px;width:auto;height:auto;padding:10px 15px;background:#fff;color:#000;clip:auto}
svg{width:1.15em;height:1.15em;flex:0 0 auto}.topbar{background:var(--ds-blue-dark);color:#fff;font-size:.79rem}.topbar__inner{min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:25px}.topbar__contact,.topbar__region,.topbar__contact a,.topbar__contact span{display:flex;align-items:center;gap:8px}.topbar__contact{gap:26px}.topbar svg{color:var(--ds-yellow)}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(228,233,241,.9)}.header__inner{min-height:94px;display:flex;align-items:center;gap:32px}.site-branding{display:flex;align-items:center;gap:14px;margin-right:auto}.custom-logo-link{display:flex}.custom-logo{max-width:245px;max-height:64px;width:auto}.site-branding__mark{width:56px;height:62px;object-fit:contain}.site-branding__name{display:block;color:var(--ds-blue);font-size:1.55rem;line-height:1;font-weight:850;letter-spacing:-.03em}.site-branding__tagline{display:block;margin-top:7px;color:var(--ds-blue);font-size:.62rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.main-navigation ul{display:flex;align-items:center;gap:28px;list-style:none;margin:0;padding:0}.main-navigation a{position:relative;color:#182230;font-size:.92rem;font-weight:700}.main-navigation a:after{content:"";position:absolute;left:0;right:100%;bottom:-11px;height:2px;background:var(--ds-yellow);transition:.22s}.main-navigation a:hover:after,.main-navigation .current-menu-item>a:after{right:0}.header-cta{min-height:48px;display:inline-flex;align-items:center;gap:10px;padding:0 20px;border-radius:7px;background:var(--ds-yellow);color:var(--ds-blue-dark);font-weight:850;box-shadow:0 9px 20px rgba(255,212,0,.2)}.header-cta svg{transition:transform .2s}.header-cta:hover svg{transform:translateX(4px)}.menu-toggle{display:none;width:42px;height:42px;padding:10px;border:0;background:transparent}.menu-toggle>span:not(.screen-reader-text){display:block;height:2px;background:var(--ds-blue);margin:5px 0;transition:.2s}
.hero{position:relative;overflow:hidden;background:var(--ds-blue-dark);color:#fff}.hero__grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);min-height:650px}.hero__content{position:relative;display:flex;align-items:center;background:radial-gradient(circle at 20% 25%,rgba(32,82,181,.7),transparent 40%),linear-gradient(135deg,var(--ds-blue-dark),var(--ds-blue));z-index:2}.hero__content:after{content:"";position:absolute;top:0;right:-105px;bottom:0;width:220px;background:linear-gradient(180deg,var(--ds-blue),var(--ds-blue-dark));clip-path:polygon(0 0,100% 0,50% 100%,0 100%);z-index:-1}.hero__inner{width:min(100% - 48px,610px);margin-left:max(24px,calc((100vw - var(--ds-container))/2));padding:76px 0}.eyebrow{margin:0 0 18px;color:var(--ds-yellow);font-size:.84rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.hero h1{margin:0;font-size:clamp(3.6rem,6.6vw,6.1rem);line-height:.92;letter-spacing:-.065em}.hero h1 span{display:block;color:var(--ds-yellow)}.hero__lead{max-width:540px;margin:28px 0 0;color:rgba(255,255,255,.88);font-size:1.22rem}.button-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.button{min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:0 24px;border:1px solid transparent;border-radius:7px;font-weight:850;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-2px)}.button--primary{background:var(--ds-yellow);color:var(--ds-blue-dark);box-shadow:0 12px 30px rgba(255,212,0,.2)}.button--secondary{border-color:rgba(255,255,255,.72);color:#fff}.button--outline{border-color:var(--ds-blue);color:var(--ds-blue);background:#fff}.hero__micro{display:flex;flex-wrap:wrap;gap:22px;margin-top:26px;color:rgba(255,255,255,.75);font-size:.84rem}.hero__micro span{display:flex;align-items:center;gap:7px}.hero__micro svg{color:var(--ds-yellow)}.hero__visual{position:relative;overflow:hidden;background:#dfe7f6}.hero__image{width:100%;height:100%;display:block;object-fit:cover;object-position:center center}.hero__visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,26,75,.1),transparent 42%)}.hero__badge{position:absolute;right:max(24px,calc((100vw - var(--ds-container))/2));bottom:34px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:18px;min-width:264px;padding:16px 18px;border-radius:14px;background:rgba(255,255,255,.96);color:var(--ds-ink);box-shadow:0 18px 40px rgba(6,24,71,.15);backdrop-filter:blur(8px)}.hero__badge-brand{display:flex;align-items:center;gap:12px}.google-mark{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#fff;border:1px solid var(--ds-border);font-weight:900;font-size:1.4rem;line-height:1}.g-blue{color:#4285F4}.hero__badge-meta{display:grid;gap:2px}.hero__badge-label{font-size:.78rem;font-weight:800;color:var(--ds-blue);letter-spacing:.01em}.hero__badge-score{font-size:1.55rem;line-height:1;color:var(--ds-blue-dark)}.hero__stars,.review-card__stars,.reviews-score span{color:#f4b900;letter-spacing:2px}.hero__reviews{font-size:.76rem;color:var(--ds-muted)}
.section{padding:105px 0}.section--soft{background:var(--ds-bg)}.section-heading{max-width:780px;margin:0 auto 52px;text-align:center}.section-heading--split{max-width:none;display:flex;align-items:end;justify-content:space-between;gap:60px;text-align:left}.section-heading--split>div{max-width:660px}.section-label{display:block;margin-bottom:10px;color:#d3a000;font-size:.76rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.section-title{margin:0;color:var(--ds-blue);font-size:clamp(2.25rem,4.4vw,3.7rem);line-height:1.03;letter-spacing:-.05em}.section-intro{max-width:560px;margin:0;color:var(--ds-muted);font-size:1.03rem}.text-link{display:inline-flex;align-items:center;gap:10px;color:var(--ds-blue);font-weight:850;white-space:nowrap}.text-link svg{transition:transform .2s}.text-link:hover svg{transform:translateX(4px)}
.services-section{background:#fff}.services-list{border-top:1px solid var(--ds-border)}.service-row{display:grid;grid-template-columns:74px 1fr auto;align-items:center;gap:28px;padding:26px 0;border-bottom:1px solid var(--ds-border);transition:.2s}.service-row:hover{padding-left:10px;background:linear-gradient(90deg,rgba(8,43,122,.035),transparent)}.service-row__icon{width:62px;height:62px;display:grid;place-items:center;border-radius:50%;background:#fff8d8;color:#d5a500}.service-row__icon svg{width:30px;height:30px}.service-row h3{margin:0 0 4px;color:var(--ds-blue);font-size:1.25rem}.service-row p{margin:0;color:var(--ds-muted);max-width:720px}.service-row>a{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--ds-border);border-radius:50%;color:var(--ds-blue)}
.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project-card{overflow:hidden;background:#fff;border:1px solid var(--ds-border);border-radius:15px;box-shadow:0 10px 32px rgba(8,43,122,.06)}.project-card__image{position:relative;aspect-ratio:1.26/1;overflow:hidden}.project-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.project-card:hover img{transform:scale(1.045)}.project-card__view{position:absolute;right:16px;bottom:16px;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:var(--ds-yellow);color:var(--ds-blue-dark);transform:translateY(8px);opacity:0;transition:.25s}.project-card:hover .project-card__view{opacity:1;transform:none}.project-card__body{padding:22px}.project-card__body>span{color:#d3a000;font-size:.72rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.project-card__body h3{margin:6px 0 7px;color:var(--ds-blue);font-size:1.25rem}.project-card__body p{margin:0;color:var(--ds-muted);font-size:.94rem}
.process__grid{display:grid;grid-template-columns:.93fr 1.07fr;gap:82px;align-items:center}.process__visual{position:relative}.process__visual>img{width:100%;aspect-ratio:.92/1;object-fit:cover;border-radius:20px;box-shadow:var(--ds-shadow)}.process__visual:before{content:"";position:absolute;left:-24px;bottom:-24px;width:55%;height:55%;border:2px solid var(--ds-yellow);border-radius:18px;z-index:-1}.process__seal{position:absolute;right:-30px;bottom:42px;width:130px;height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:var(--ds-blue);color:#fff;text-align:center;font-weight:850;box-shadow:var(--ds-shadow)}.process__seal svg{width:36px;height:36px;color:var(--ds-yellow);margin-bottom:5px}.process__content .section-intro{margin-top:22px}.steps{list-style:none;counter-reset:steps;margin:34px 0;padding:0}.steps li{position:relative;counter-increment:steps;padding:0 0 25px 60px}.steps li:before{content:counter(steps);position:absolute;left:0;top:1px;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--ds-yellow);color:var(--ds-blue-dark);font-weight:900}.steps li:not(:last-child):after{content:"";position:absolute;left:17px;top:42px;bottom:4px;width:1px;background:var(--ds-border)}.steps strong{display:block;color:var(--ds-blue);font-size:1.05rem}.steps span{display:block;color:var(--ds-muted);font-size:.94rem}
.trust-strip{padding:48px 0;background:linear-gradient(100deg,var(--ds-blue-dark),var(--ds-blue));color:#fff}.trust-grid{display:grid;grid-template-columns:1.35fr repeat(3,.52fr);align-items:center}.trust-brand{display:flex;align-items:center;gap:22px;padding-right:35px}.trust-brand img{width:70px;height:77px;object-fit:contain}.trust-brand span{color:var(--ds-yellow);font-size:.76rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.trust-brand h2{margin:4px 0 0;font-size:1.6rem;line-height:1.18}.stat{text-align:center;padding:9px 18px;border-left:1px solid rgba(255,255,255,.2)}.stat strong{display:block;color:var(--ds-yellow);font-size:2rem;line-height:1}.stat span{display:block;margin-top:9px;font-size:.82rem}
.reviews-score{display:flex;align-items:center;gap:13px}.reviews-score>strong{font-size:2.8rem;color:var(--ds-blue);line-height:1}.reviews-score div{display:grid}.reviews-score small{color:var(--ds-muted)}.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.review-card{position:relative;padding:31px;border:1px solid var(--ds-border);border-radius:15px;background:#fff;box-shadow:0 10px 30px rgba(8,43,122,.045)}.review-card:before{content:'“';position:absolute;right:24px;top:10px;color:#edf0f5;font-family:Georgia,serif;font-size:5rem;line-height:1}.review-card blockquote{position:relative;margin:18px 0 20px;color:#344054}.review-card cite{font-style:normal;color:var(--ds-blue);font-weight:850}
.quote-section{padding:95px 0;background:linear-gradient(135deg,var(--ds-blue-dark),var(--ds-blue));color:#fff}.quote-section__grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:75px;align-items:start}.quote-section__copy h2{margin:0;font-size:clamp(2.4rem,4.8vw,4rem);line-height:1.02;letter-spacing:-.05em}.quote-section__copy>p{color:rgba(255,255,255,.78);font-size:1.05rem}.quote-section__copy ul{list-style:none;margin:30px 0;padding:0}.quote-section__copy li{display:flex;align-items:center;gap:10px;margin:10px 0}.quote-section__copy li svg{color:var(--ds-yellow)}.quote-phone{display:inline-grid;margin-top:10px}.quote-phone small{color:rgba(255,255,255,.65)}.quote-phone strong{color:var(--ds-yellow);font-size:1.55rem}.quote-section__form{padding:35px;border-radius:18px;background:#fff;color:var(--ds-ink);box-shadow:var(--ds-shadow)}.quote-form label{display:grid;gap:7px;color:#344054;font-size:.84rem;font-weight:750}.quote-form input,.quote-form textarea,.quote-form select{width:100%;border:1px solid #d7deea;border-radius:7px;background:#fff;padding:12px 13px;color:var(--ds-ink);outline:none}.quote-form input:focus,.quote-form textarea:focus,.quote-form select:focus{border-color:var(--ds-blue);box-shadow:0 0 0 3px rgba(8,43,122,.08)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.quote-form>label{margin-bottom:18px}.quote-form small{display:block;margin-top:12px;color:var(--ds-muted)}.hp-field{position:absolute!important;left:-9999px}.form-notice{padding:12px 14px;border-radius:7px}.form-notice--success{background:#e9f8ee;color:#136c38}.form-notice--error{background:#fff0f0;color:#9f2020}
.site-footer{padding-top:72px;background:#021638;color:#cbd5e5}.footer-grid{display:grid;grid-template-columns:1.2fr repeat(3,.72fr);gap:56px}.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:18px}.footer-brand img{width:50px;height:56px;object-fit:contain}.footer-brand strong{display:block;color:#fff;font-size:1.35rem;line-height:1}.footer-brand small{display:block;margin-top:6px;font-size:.58rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.footer-intro p{max-width:310px}.footer-call{display:inline-block;margin-top:10px;color:var(--ds-yellow);font-size:1.25rem;font-weight:850}.site-footer h3{margin:0 0 18px;color:var(--ds-yellow);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.site-footer ul{list-style:none;margin:0;padding:0}.site-footer li{margin:8px 0}.site-footer a:hover{color:#fff}.footer-contact li{display:flex;align-items:flex-start;gap:9px}.footer-contact svg{margin-top:4px;color:var(--ds-yellow)}.footer-bottom{display:flex;justify-content:space-between;gap:24px;margin-top:55px;padding:22px 0;border-top:1px solid rgba(255,255,255,.12);font-size:.78rem}.footer-links{display:flex;gap:22px}
.page-hero{padding:85px 0;background:linear-gradient(120deg,var(--ds-blue-dark),var(--ds-blue));color:#fff}.page-hero h1{margin:0;font-size:clamp(2.8rem,5vw,4.7rem)}.page-content{padding:80px 0}.entry-content{max-width:820px}.entry-content h2,.entry-content h3{color:var(--ds-blue)}.wp-block-button__link{background:var(--ds-yellow);color:var(--ds-blue-dark)}
@media(max-width:1080px){.main-navigation ul{gap:18px}.header-cta{display:none}.hero__grid{grid-template-columns:1fr}.hero__content:after{display:none}.hero__inner{margin-inline:auto;width:min(calc(100% - 48px),850px)}.hero__visual{min-height:460px}.hero__badge{right:24px}.section-heading--split{align-items:start}.process__grid{gap:50px}.trust-grid{grid-template-columns:1.2fr repeat(3,.6fr)}.footer-grid{grid-template-columns:1.1fr repeat(2,1fr)}.footer-grid>div:last-child{grid-column:2/4}}
@media(max-width:820px){.topbar__region{display:none}.topbar__inner{justify-content:center}.topbar__contact a:nth-child(2){display:none}.header__inner{min-height:78px}.site-branding__mark{width:44px;height:50px}.site-branding__name{font-size:1.3rem}.menu-toggle{display:block}.main-navigation{display:none;position:absolute;left:0;right:0;top:100%;padding:20px 24px;background:#fff;border-top:1px solid var(--ds-border);box-shadow:0 18px 35px rgba(3,26,75,.1)}.main-navigation.is-open{display:block}.main-navigation ul{display:block}.main-navigation li{margin:13px 0}.hero__grid{min-height:0}.hero__inner{padding:70px 0}.hero h1{font-size:clamp(3.3rem,13vw,5rem)}.hero__visual{min-height:360px}.section{padding:80px 0}.section-heading--split{display:block}.section-heading--split .section-intro,.section-heading--split>.text-link,.section-heading--split>.reviews-score{margin-top:22px}.services-list{margin-top:40px}.projects-grid,.reviews-grid{grid-template-columns:1fr;max-width:570px;margin:auto}.process__grid,.quote-section__grid{grid-template-columns:1fr}.process__visual{max-width:600px;margin:auto}.trust-grid{grid-template-columns:1fr 1fr}.trust-brand{grid-column:1/3;padding:0 0 28px}.stat{border-left:0;border-top:1px solid rgba(255,255,255,.2);padding-top:24px}.stat:last-child{grid-column:1/3}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:1/3}.footer-bottom{display:block;text-align:center}.footer-links{justify-content:center;margin-top:12px}}
@media(max-width:520px){.ds-container{width:min(calc(100% - 28px),var(--ds-container))}.topbar__contact{gap:12px}.topbar__contact span{display:none}.site-branding__tagline{display:none}.hero__inner{width:calc(100% - 32px);padding:58px 0}.hero__lead{font-size:1.05rem}.button-row{display:grid}.button{width:100%}.hero__micro{display:grid;gap:8px}.hero__visual{min-height:280px}.hero__badge{right:14px;left:14px;bottom:14px;min-width:0;padding:12px 14px}.hero__badge-score{font-size:1.25rem}.google-mark{width:34px;height:34px;font-size:1.2rem}.section{padding:68px 0}.service-row{grid-template-columns:56px 1fr;gap:18px}.service-row__icon{width:50px;height:50px}.service-row>a{display:none}.process__seal{right:10px;bottom:20px;width:105px;height:105px}.trust-grid,.footer-grid{display:block}.stat,.trust-brand,.footer-grid>div{margin-bottom:30px}.form-grid{grid-template-columns:1fr}.quote-section__form{padding:22px}.footer-grid>div:last-child{margin-bottom:0}.footer-links{display:block}.footer-links a{display:block;margin:7px}}