/*
Theme Name: VDK Autoservice
Author: VDK Autoservice
Description: Zakelijk maatwerkthema met antraciet, wit en brons. Inclusief responsive homepage en occasiontemplates.
Version: 1.1.0
Requires at least: 6.5
Requires PHP: 8.0
License: GPL-2.0-or-later
Text Domain: vdk
*/
:root{--dark:#17191a;--bronze:#b79870;--paper:#f4f3ef;--muted:#666;--line:#dedbd5}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--dark);font:16px/1.65 Arial,Helvetica,sans-serif}a{color:inherit}img{max-width:100%;height:auto;display:block}button,input,select{font:inherit}h1,h2,h3{line-height:1.12;margin:0 0 22px;letter-spacing:-.035em}h1{font-size:clamp(40px,5vw,70px)}h2{font-size:clamp(30px,3.5vw,48px)}h3{font-size:23px}p{margin:0 0 24px}.wrap{width:min(1200px,88%);margin:auto}.header{background:var(--dark);color:white}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:98px}.brand{text-decoration:none;display:inline-flex;flex-direction:column;line-height:1}.brand strong{font-size:45px;font-style:italic;letter-spacing:-4px}.brand small{font-size:10px;letter-spacing:6px;border-top:2px solid var(--bronze);margin-top:7px;padding-top:7px}.custom-logo{max-width:180px;max-height:75px;width:auto}.nav ul{display:flex;gap:30px;list-style:none;padding:0;margin:0}.nav a{text-decoration:none;font-size:14px}.nav a:hover,.nav .current-menu-item>a{color:var(--bronze)}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;padding:12px 24px;background:var(--bronze);color:#17191a;text-decoration:none;border:1px solid transparent;font-weight:700;font-size:14px;cursor:pointer}.button:hover{background:#c8ad89}.button.outline{background:transparent;border-color:#aaa;color:white}.button.dark{background:var(--dark);color:white}.buttons{display:flex;flex-wrap:wrap;gap:16px}.hero{position:relative;min-height:590px;color:white;display:flex;align-items:center;background:var(--dark);overflow:hidden}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.25) 60%,rgba(0,0,0,.08))}.hero-content{position:relative;z-index:1;padding:80px 0}.hero-content h1{max-width:610px}.hero-content p{font-size:23px;max-width:460px;color:#eee}.eyebrow{text-transform:uppercase;letter-spacing:3px;font-size:11px;color:var(--bronze);font-weight:700}.benefits{background:var(--dark);color:white;padding:25px 0}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.benefit-grid div{display:flex;align-items:center;gap:16px;justify-content:center;font-size:14px;border-right:1px solid #494640}.benefit-grid div:last-child{border:0}.benefit-grid span{color:var(--bronze);font-size:24px}.section{padding:76px 0}.section-head{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px}.section-head h2{margin:0}.text-link{color:#805f38;text-underline-offset:8px;font-size:14px}.accent:before{content:'';display:block;width:42px;height:2px;background:var(--bronze);margin-bottom:22px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:white;position:relative}.card-picture{aspect-ratio:1.5;background:#e4e2dd;display:flex;align-items:center;justify-content:center;overflow:hidden}.card-picture img{width:100%;height:100%;object-fit:cover}.card-body{padding:24px}.card-body h3{font-size:23px;margin-bottom:12px}.card-specs{font-size:13px;color:var(--muted);margin-bottom:14px}.price{font-size:22px;font-weight:700;margin-bottom:15px}.badge{background:var(--dark);color:white;padding:5px 12px;position:absolute;top:12px;left:12px;font-size:12px}.workshop{position:relative;background:var(--dark);color:white;overflow:hidden;min-height:410px;display:flex;align-items:center}.workshop:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.85),rgba(0,0,0,.5) 50%,rgba(0,0,0,.08))}.workshop-content{position:relative;z-index:1;padding:65px 0}.workshop-content>div{max-width:460px}.cta{background:var(--bronze);padding:42px 0}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{font-size:30px;margin:0}.footer{background:var(--dark);color:#ddd;padding:45px 0}.footer-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:30px}.footer small{font-size:12px}.menu-toggle{display:none;background:none;color:white;border:1px solid #777;padding:9px 14px}.skip{position:absolute;top:-100px;background:white;color:black;z-index:100;padding:15px}.skip:focus{top:0}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #d09d48;outline-offset:4px}.page-content{max-width:850px}.page-content h1{font-size:48px}.page-content a{color:#805f38}.page-content ul{padding-left:22px}.page-content .wp-block-image{margin:25px 0}.detail{display:grid;grid-template-columns:1.4fr 1fr;gap:45px}.detail-photo{width:100%;aspect-ratio:1.5;object-fit:cover}.details{width:100%;border-collapse:collapse;margin:22px 0}.details td,.details th{text-align:left;padding:10px 0;border-bottom:1px solid var(--line)}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.gallery img{aspect-ratio:1.5;object-fit:cover;width:100%}.notice{padding:28px;background:white;border-left:3px solid var(--bronze)}.pagination{margin-top:35px}.pagination a,.pagination span{padding:8px 12px}.admin-bar .header{scroll-margin-top:32px}.demo-note{color:#666;font-size:13px}.mobile-cta{display:none}@media(max-width:900px){.header-inner{min-height:82px;flex-wrap:wrap;padding:15px 0;gap:18px}.menu-toggle{display:block}.header-cta{display:none}.nav{display:none;width:100%}.nav.open{display:block}.nav ul{flex-direction:column;gap:16px;padding:15px 0}.cards{grid-template-columns:repeat(2,1fr)}.detail{grid-template-columns:1fr}.hero{min-height:540px}.hero-bg{object-position:63% center}.cta-inner{flex-direction:column;align-items:flex-start}}@media(max-width:600px){.wrap{width:88%}.brand strong{font-size:36px}.hero{min-height:580px}.hero-content{padding:65px 0}.hero-content p{font-size:19px}.hero:after{background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.4))}.benefit-grid{grid-template-columns:1fr;gap:10px}.benefit-grid div{border:0;justify-content:flex-start}.section{padding:50px 0}.section-head{align-items:flex-start;flex-direction:column}.cards{grid-template-columns:1fr}.workshop-content>div{max-width:100%}.workshop:after{background:rgba(0,0,0,.7)}.footer-inner{align-items:flex-start;flex-direction:column}.buttons .button{padding:12px 18px}.page-content h1{font-size:38px}}
.card-body h3 a{text-decoration:none}.card-body h3 a:hover{color:#805f38}.cta .button.outline{color:var(--dark);border-color:var(--dark)}.cta .button.outline:hover{background:rgba(255,255,255,.15)}
.vehicle-section{margin-top:52px}.vehicle-section h2{font-size:30px}.vehicle-spec-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0}.vehicle-spec{background:white;border:1px solid var(--line);border-radius:6px;padding:18px 20px;min-width:0}.vehicle-spec dt{color:var(--muted);font-size:14px}.vehicle-spec dd{font-weight:700;margin:4px 0 0;overflow-wrap:anywhere}.vehicle-plate{display:inline-block;background:#ffda45;border:1px solid #202124;padding:2px 9px;border-radius:3px;letter-spacing:1px}.vehicle-options-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.vehicle-options-group h3{font-size:20px;margin-bottom:15px}.vehicle-options-group ul{list-style:none;padding:0;margin:0}.vehicle-options-group li{position:relative;padding:7px 0 7px 25px;border-bottom:1px solid var(--line)}.vehicle-options-group li:before{content:'✓';position:absolute;left:0;color:#805f38;font-weight:700}.spec-note{font-size:13px;color:var(--muted);margin:14px 0 0}@media(max-width:900px){.vehicle-spec-grid,.vehicle-options-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.vehicle-spec-grid,.vehicle-options-grid{grid-template-columns:1fr}}