/*
Theme Name: VANG Tømrer & Snedker
Theme URI: https://vangts.dk
Author: VANG
Description: Redigerbar premium hjemmeside til VANG Tømrer & Snedker. Forsidens tekst og billeder redigeres under Udseende > Tilpas.
Version: 2.0.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: vang
*/
:root{--dark:#141414;--black:#090909;--orange:#e66b1a;--cream:#f4f1ec;--white:#fff;--muted:#bdb9b4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:#191919;font:16px/1.65 Arial,Helvetica,sans-serif}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,serif;font-weight:400;line-height:1.12}h1{font-size:clamp(42px,5vw,76px)}h2{font-size:clamp(32px,3vw,48px)}h3{font-size:21px}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button,input,textarea{font:inherit}.wrap{width:min(1180px,calc(100% - 42px));margin:auto}.top{background:#080808;color:#fff;position:sticky;top:0;z-index:10}.nav{min-height:88px;display:flex;align-items:center;gap:35px;justify-content:space-between}.brand img{width:190px;display:block}.navlinks{display:flex;align-items:center;gap:27px;font-size:13px}.navlinks a:hover{color:var(--orange)}.btn{display:inline-block;padding:14px 23px;border:1px solid var(--orange);background:var(--orange);color:white;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.btn.outline{background:transparent;border-color:#fff}.btn:hover{filter:brightness(1.15)}.hero{background:#202020;color:white;min-height:650px;display:flex;align-items:center;position:relative;isolation:isolate}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.34)),var(--hero) center/cover;z-index:-1}.hero-content{padding:100px 0;max-width:650px;margin-left:max(calc((100vw - 1180px)/2),21px)}.hero .eyebrow{color:#f89a58}.hero p{max-width:540px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.eyebrow{text-transform:uppercase;color:#b95b23;font-weight:bold;letter-spacing:.2em;font-size:12px}.section{padding:90px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.feature-photo{width:100%;height:410px;object-fit:cover;background:#333}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:32px}.value{border-top:2px solid var(--orange);padding-top:12px;font-size:14px}.dark{background:var(--dark);color:white}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:35px}.service{background:#202020;padding-bottom:22px}.service img{width:100%;height:210px;object-fit:cover}.service h3,.service p,.service .more{margin-left:18px;margin-right:18px}.service h3{margin-top:19px}.service p{color:#d2d2d2;font-size:14px}.more{color:#ff9a54;text-transform:uppercase;letter-spacing:.09em;font-size:12px;font-weight:bold}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}.project{background:#ddd;position:relative;min-height:300px;overflow:hidden}.project img{width:100%;height:300px;object-fit:cover;display:block}.project-title{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.9));color:white;padding:55px 18px 17px;font-size:20px}.about{background:#151515;color:white}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:22px;margin-top:35px}.step-num{display:inline-grid;place-items:center;border-radius:50%;background:#b96732;color:white;width:35px;height:35px;margin-bottom:15px}.step p{font-size:14px}.contact{background:#111;color:white}.contact-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:65px}.contact a{color:#ffa366}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-form input,.contact-form textarea{width:100%;background:#1d1d1d;color:white;border:1px solid #555;padding:13px}.contact-form textarea{grid-column:1/-1;min-height:140px}.contact-form button{grid-column:1/-1}.footer{background:#080808;color:#aaa;padding:28px 0;font-size:13px}.footer .wrap{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.empty-img{display:grid;place-items:center;background:#383838;color:#ddd;min-height:200px;font-size:14px;text-align:center;padding:20px}.mobile-toggle{display:none;background:transparent;color:white;border:1px solid #666;padding:8px 12px}.content-page{min-height:60vh}.content-page .wrap{padding:75px 0}.content-page h1{font-size:48px}@media(max-width:850px){.nav{min-height:72px}.brand img{width:150px}.mobile-toggle{display:block}.navlinks{display:none;position:absolute;top:72px;left:0;right:0;background:#080808;padding:24px;flex-direction:column;align-items:flex-start}.navlinks.open{display:flex}.nav>.btn{display:none}.hero{min-height:560px}.hero-content{padding:80px 0}.split,.contact-grid{grid-template-columns:1fr}.services,.projects{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.section{padding:65px 0}}@media(max-width:540px){.services,.projects,.values,.steps{grid-template-columns:1fr}.contact-form{grid-template-columns:1fr}.contact-form textarea,.contact-form button{grid-column:auto}.hero{min-height:560px}.hero-actions{flex-direction:column;align-items:flex-start}.feature-photo{height:280px}}

/* Version 2: same theme folder and saved settings, updated presentation. */
[id]{scroll-margin-top:110px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #e66b1a;outline-offset:4px}.skip-link{position:absolute;left:20px;top:-100px;z-index:100;background:white;color:#111;padding:12px}.skip-link:focus{top:12px}.brand img{height:auto}.hero:before{background:linear-gradient(90deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.65) 42%,rgba(0,0,0,.1) 100%),var(--hero) center/cover}.hero h1{font-size:clamp(40px,4.8vw,66px);max-width:620px}.hero-content{padding-right:21px}.hero p{line-height:1.75;text-shadow:0 1px 8px rgba(0,0,0,.4)}.approach .split{align-items:start;gap:50px}.approach .feature-photo{height:560px}.values{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:28px}.value{border:0;background:#ebe6de;padding:20px;font-size:14px;min-width:0}.value-icon{display:grid;place-items:center;width:38px;height:38px;color:#a84d13;background:#f4dcca;border-radius:50%;margin-bottom:15px}.value-icon svg{width:23px;height:23px}.value h3{font-size:16px;line-height:1.35;margin-bottom:8px}.value p{font-size:13px;line-height:1.6;color:#59554f;margin:0}.services{align-items:stretch}.service{display:flex;flex-direction:column}.service>img,.service>.empty-img{aspect-ratio:3/2;height:auto;min-height:0;flex-shrink:0;width:100%;object-fit:cover}.service>.empty-img{min-height:210px}.service .more{margin-top:auto;padding-top:12px}.service h3{font-size:19px;line-height:1.4}.project{background:#ebe6de;min-height:0;transition:transform .2s ease}.project img,.project>.empty-img{height:auto;aspect-ratio:4/3;object-fit:cover;transition:transform .35s ease}.project-title{position:relative;background:#ebe6de;color:#191919;padding:22px 48px 22px 20px;font-size:19px;line-height:1.4}.project-arrow{position:absolute;right:19px;top:22px;color:#b85110;font-size:23px}.project:hover{transform:translateY(-4px)}.project:hover img{transform:scale(1.025)}.steps{gap:25px}.step{position:relative}.step:after{content:"";position:absolute;top:17px;left:49px;width:calc(100% - 30px);height:1px;background:#c9bdaf}.step:last-child:after{display:none}.step-num{position:relative;z-index:1}.step h3{font-size:18px;line-height:1.4}.contact h2{font-size:clamp(34px,3.5vw,48px)}.contact-form{gap:16px}.form-field{display:flex;flex-direction:column;gap:7px;min-width:0}.form-field label{font-size:13px;color:#e5dfd9}.form-field.full,.form-message,.contact-form .form-note,.contact-form .file-selection,.contact-form .form-feedback{grid-column:1/-1}.contact-form input,.contact-form textarea,.contact-form select{border:1px solid #666;border-radius:0;background:#202020;color:white;padding:13px;width:100%;max-width:100%}.contact-form textarea{min-height:145px;resize:vertical}.contact-form select{font:inherit}.contact-form input[type=file]{padding:12px;font-size:13px}.contact-form input[type=file]::file-selector-button{border:0;background:#e8e2da;color:#191919;padding:10px;margin-right:12px;cursor:pointer}.form-note,.file-selection{font-size:12px;line-height:1.6;color:#c2bbb4;margin:0}.file-selection ul{padding-left:20px;margin:5px 0}.form-feedback{font-size:14px;padding:15px;border:1px solid #a4866b;margin-bottom:20px}.form-feedback.success{border-color:#7d9c73;background:#18301b}.form-feedback.error{border-color:#df986c;background:#361f14}.form-feedback:focus{outline:2px solid #e66b1a}.contact-form .vang-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.contact-form button:disabled{opacity:.6;cursor:wait}.form-message{display:none;color:#ffc196;font-size:13px;margin:0}.form-message:not(:empty){display:block}.project-page h1{font-size:clamp(36px,4.7vw,62px);margin-bottom:35px}.project-hero{display:block;width:100%;height:auto;max-height:700px;object-fit:cover;margin:35px 0}.back-link{display:inline-block;font-size:13px;margin-bottom:34px;color:#9b4714}.project-details{display:grid;grid-template-columns:2fr 1fr;gap:50px;margin:40px 0}.project-details dl{margin:0}.project-details dt{font-size:12px;color:#765c45;text-transform:uppercase;letter-spacing:.1em}.project-details dd{margin:5px 0 22px}.project-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.project-gallery figure{margin:0}.project-gallery img{display:block;width:100%;height:auto}.project-body{max-width:900px;margin:40px auto}.project-body .wp-block-gallery{max-width:1180px}.project-body a{text-decoration:underline}.project-cta{margin-top:65px;padding:35px;background:#e9e3db}.project-cta h2{font-size:32px}.content-page img{max-width:100%;height:auto}.about p{max-width:570px}.admin-bar .top{top:32px}@media(max-width:850px){.approach .feature-photo{height:380px}.hero h1{font-size:clamp(40px,7vw,58px)}.hero-content{max-width:650px}.steps{grid-template-columns:1fr}.step{display:grid;grid-template-columns:40px 1fr;column-gap:18px;padding-bottom:16px}.step .step-num{grid-row:1/3}.step h3{margin-bottom:8px}.step p{grid-column:2;margin-bottom:0}.step:after{top:44px;left:17px;width:1px;height:calc(100% - 35px)}.project-details{grid-template-columns:1fr;gap:15px}.navlinks.open{max-height:calc(100vh - 100px);overflow-y:auto}.admin-bar .top{top:46px}[id]{scroll-margin-top:90px}}@media(max-width:540px){.wrap{width:calc(100% - 36px)}.values{grid-template-columns:1fr 1fr;gap:10px}.value{padding:15px}.value h3{font-size:15px}.value p{font-size:12px}.hero-content{margin-left:18px;width:calc(100% - 36px);padding-right:0}.hero:before{background:linear-gradient(90deg,rgba(0,0,0,.84),rgba(0,0,0,.48)),var(--hero) center/cover}.hero h1{font-size:43px}.feature-photo,.approach .feature-photo{height:300px}.contact-grid,.split{gap:35px}.project-gallery{grid-template-columns:1fr}.form-field.full,.form-message,.contact-form .form-note,.contact-form .file-selection{grid-column:1/-1}.project-title{font-size:18px}.project-cta{padding:25px}.project-cta h2{font-size:28px}}@media(max-width:340px){.values{grid-template-columns:1fr}.hero h1{font-size:36px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project,.project img{transition:none}.project:hover,.project:hover img{transform:none}}