/*
Theme Name: Website Reparatie
Description: Nederlandstalig thema voor Website-Reparatie.nl.
Version: 1.0.0
Requires PHP: 8.1
Text Domain: website-reparatie
*/
:root{--navy:#0b2149;--ink:#122544;--blue:#0d56d4;--accent:#6ac4ff;--light:#edf5ff;--muted:#455a74;--line:#d7e5f5;--white:#fff;--radius:18px}
*{box-sizing:border-box}
body{margin:0;color:var(--ink);font:16px/1.62 system-ui,-apple-system,"Segoe UI",sans-serif;background:#fff}
a{color:#104fae;text-underline-offset:3px}a:hover{text-decoration-thickness:2px}img{display:block;max-width:100%;height:auto}button,input,textarea,select{font:inherit}
:focus-visible{outline:3px solid #0075df;outline-offset:4px}
.wrap{width:min(1160px,calc(100% - 48px));margin-inline:auto}
.skip,.screen-reader-text{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.skip:focus{clip-path:none;width:auto;height:auto;z-index:99;top:10px;left:10px;background:white;padding:10px}
.top{background:var(--navy);color:#d6e7ff;font-size:.8rem}.top .wrap{display:flex;justify-content:space-between;padding:7px 0;gap:10px}.top a{color:white;text-decoration:none}
.site-header{background:white;border-bottom:1px solid var(--line)}.header-row{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:81px;padding-block:10px}
.brand img,.custom-logo{width:244px;max-width:100%;height:auto}.brand{display:inline-block;flex-shrink:0}
.site-header nav ul{display:flex;align-items:center;gap:20px;flex-wrap:wrap;list-style:none;padding:0;margin:0}.site-header nav ul ul{display:block;padding-left:10px}
.site-header nav a{color:var(--ink);text-decoration:none;font-size:.91rem;font-weight:670}.site-header nav a:hover,.site-header nav a[aria-current]{color:#0955ca;text-decoration:underline}
.wr-button{display:inline-flex;justify-content:center;align-items:center;gap:10px;border:1px solid transparent;border-radius:9px;background:var(--blue);padding:11px 17px;color:white;text-decoration:none;font-weight:720;line-height:1.35;cursor:pointer}.wr-button:hover{background:#073c9d;text-decoration:none}.wr-button.outline{border-color:#8bb9ee;background:transparent;color:white}.wr-button.outline:hover{background:#214b82}
.hero{background:radial-gradient(ellipse at 83% 45%,#164b93,#0b2b5d 56%,#091e45);color:white;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:18px;min-height:490px;padding-block:52px}.hero h1{font-size:clamp(2.65rem,5.3vw,4.7rem);line-height:1.04;margin:16px 0 21px}.hero em{font-style:normal;color:#8dd1ff}.hero-intro{color:#e1ecfa;max-width:49ch;font-size:1.1rem}.hero .wr-button:not(.outline){background:#2c73ea}.hero .wr-button:hover{background:#1251bb}.hero-art{width:100%}
.eyebrow{font-size:.76rem;letter-spacing:.115em;text-transform:uppercase;font-weight:780;color:#1858aa;margin:0 0 9px}.hero .eyebrow{color:#c7e3ff}.hero-label span{display:inline-block;width:8px;height:8px;border-radius:50%;background:#83d2ff;margin-right:6px}
.proof{background:#f0f6ff;border-bottom:1px solid var(--line)}.proof .wrap{display:flex;justify-content:space-between;gap:12px 25px;flex-wrap:wrap;padding-block:15px;font-size:.88rem;font-weight:680;color:#224675}
.section{padding-block:58px 66px;min-height:250px}.reading{max-width:850px}.reading>p:not(.lead){max-width:75ch}
h1,h2,h3{letter-spacing:-.027em;line-height:1.16;overflow-wrap:anywhere}
h1{font-size:clamp(2.15rem,5vw,3.65rem);margin:0 0 18px}h2{font-size:clamp(1.4rem,3vw,2.35rem);margin:0 0 12px}.reading h2{margin-top:28px;font-size:1.55rem}h3{font-size:1.24rem;margin:0 0 8px}
.lead{font-size:1.13rem;color:var(--muted);max-width:68ch}.wr-actions{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin:24px 0 0}
.wr-services,.wr-errors,.wr-prices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:25px}.wr-service,.wr-error,.wr-prices article{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.wr-service,.wr-error{color:inherit;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex;flex-direction:column}.wr-service:hover,.wr-error:hover{border-color:#6ba4ec;box-shadow:0 8px 24px #17478915}.wr-art{background:linear-gradient(130deg,#e4f1ff,#f2f7ff);display:grid;place-items:center;min-height:135px}.wr-art img{width:192px}.wr-card-body,.wr-error,.wr-prices article{padding:22px}.wr-card-body p,.wr-error p,.wr-prices article>p:last-child{color:var(--muted);margin:0 0 12px}.wr-card-body>span,.more{color:#1858aa;font-weight:700;font-size:.9rem}.more{margin-top:auto}.wr-error h2{font-size:1.2rem}
.wr-prices{grid-template-columns:repeat(2,minmax(0,1fr))}.wr-prices article:first-child{background:#f3f8ff}.wr-prices h2{font-size:1.35rem;margin:0}.price{color:#0b4fb9;font-size:2.35rem;font-weight:800;letter-spacing:-.055em;margin:6px 0}.price small{font-size:.95rem;font-weight:620;letter-spacing:normal}
.guide-strip{background:var(--light);padding:38px 0}.guide-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px}.guide-grid p{margin-bottom:0}.wr-search label,.wr-form label{display:block;font-weight:700;margin-bottom:5px}.wr-search>div{display:flex;gap:8px}.wr-search input,.wr-form input,.wr-form textarea,.wr-form select{padding:10px 12px;background:#fff;border:1px solid #98aec7;border-radius:8px;width:100%;color:var(--ink)}.wr-search input{min-width:0}.wr-search p{margin:10px 0 0;font-size:.92rem}.archive-search{max-width:640px;margin-top:22px}.wr-filters{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.wr-filters a,.wr-tag a{display:inline-block;background:#edf5ff;color:#164a89;padding:4px 10px;border-radius:20px;font-size:.85rem;text-decoration:none}.wr-filters a[aria-current],.wr-filters a:hover{background:#124c9a;color:#fff}.pagination{margin-top:25px}.page-numbers{display:inline-block;padding:4px 8px}.page-numbers.current{font-weight:bold}
.wr-form{margin:25px 0;max-width:680px;padding:24px;background:#f3f8ff;border:1px solid var(--line);border-radius:var(--radius)}.wr-form label{margin:0 0 15px}.wr-form label :is(input,textarea,select){display:block;margin-top:4px;font-weight:400}.wr-form textarea{resize:vertical}.wr-hint,.wr-notice{font-size:.94rem;color:var(--muted)}.wr-notice{padding:12px 15px;border-left:3px solid var(--blue);background:var(--light)}.wr-trap[hidden]{display:none}
.site-footer{background:#0b2149;color:#d4e2f6}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:30px;padding-block:40px}.footer-grid h2{font-size:1.05rem;color:white}.footer-grid p{max-width:36ch}.footer-grid a:not(.brand){display:block;color:#e0ebfc;margin:4px 0}.footer-base{border-top:1px solid #ffffff30;padding-block:13px;font-size:.83rem}
@media(max-width:1000px){.header-row{flex-wrap:wrap;gap:9px 18px}.site-header nav{order:3;width:100%;padding-bottom:6px}}
@media(max-width:760px){.hero-grid,.guide-grid{grid-template-columns:1fr}.hero-grid{padding-block:38px 20px}.hero-art{width:min(88%,420px);margin:auto}.wr-services,.wr-errors{grid-template-columns:repeat(2,minmax(0,1fr))}.section{padding-block:40px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:485px){.wrap{width:calc(100% - 32px)}.wr-services,.wr-errors,.wr-prices,.footer-grid{grid-template-columns:1fr}.header-cta,.top span{display:none}.site-header nav ul{gap:4px 15px}.brand img,.custom-logo{width:215px}.proof .wrap{display:grid;gap:6px}.wr-form{padding:16px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}