/*
Theme Name: ALTAY Administratiekantoor
Author: ALTAY
Description: Tweetalig zakelijk WordPress-thema voor Administratiekantoor ALTAY.
Version: 1.0.1
Text Domain: altay
*/
:root{--red:#b51f2b;--ink:#25272b;--muted:#656970;--line:#e7e7e8;--soft:#f6f6f6}
*{box-sizing:border-box}body{margin:0;font:16px/1.65 Arial,sans-serif;color:var(--ink)}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,calc(100% - 36px));margin:auto}.topbar{background:var(--ink);color:white;padding:10px 0;font-size:13px}.topbar .wrap{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.brandline{display:flex;justify-content:space-between;align-items:center;padding:20px 0}.custom-logo{max-width:360px;max-height:70px;width:auto;height:auto}.fallback{display:flex;align-items:center;gap:12px;font-size:30px;font-weight:bold;letter-spacing:2px}.fallback b{border:3px solid var(--red);color:var(--red);padding:0 12px}.lang{border:1px solid var(--line);padding:8px 12px;color:#1673b9}.nav{display:flex;gap:26px;align-items:center;padding:0 0 18px;font-weight:bold;flex-wrap:wrap}.nav .contact-link,.btn{background:var(--red);color:#fff;padding:13px 20px;display:inline-block;border-radius:3px}.nav .contact-link{margin-left:auto}.hero{background:var(--ink);color:white;padding:80px 0;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:420px;height:420px;border:60px solid #b51f2b33;border-radius:50%;right:-130px;top:-160px}.hero .wrap{position:relative;z-index:1}.eyebrow{color:#ed9aa0;font-size:12px;letter-spacing:2px;font-weight:bold;text-transform:uppercase}.hero h1{font-size:clamp(38px,5vw,62px);line-height:1.08;max-width:750px;margin:18px 0}.hero p{font-size:18px;color:#ddd;max-width:700px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.btn.outline{border:1px solid #bcaeb0;background:transparent}.section{padding:65px 0}.soft{background:var(--soft)}h2{font-size:clamp(28px,3vw,40px);line-height:1.2}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service,.card{border:1px solid var(--line);padding:24px;background:white}.service h3{margin:8px 0}.service p,.muted{color:var(--muted)}.two{display:grid;grid-template-columns:1fr 1fr;gap:22px}.dark-panel{background:var(--ink);color:white;padding:35px}.dark-panel p{color:#ddd}.cta{background:var(--red);color:white;padding:45px 0}.cta .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px}.cta .btn{background:white;color:var(--ink)}.page-hero{background:var(--ink);color:white;padding:55px 0}.page-hero p{color:#ddd}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px}.contact-card{background:white;border:1px solid var(--line);padding:28px}.contact-row{padding:12px 0;border-bottom:1px solid var(--line)}.contact-row strong{display:block;color:var(--muted);font-size:13px}.contact-row a,.map-caption a{color:var(--red);font-weight:bold}.contact-form label{display:block;font-weight:bold;margin:12px 0 5px}.contact-form input,.contact-form textarea{width:100%;padding:12px;border:1px solid #d6d6d6;font:inherit}.contact-form textarea{min-height:120px}.contact-form button{border:0;cursor:pointer;font:inherit}.map-card{margin-top:22px;padding:25px;border:1px solid var(--line)}.map-card iframe{width:100%;height:320px;border:0}.map-caption{font-size:13px;color:var(--muted)}footer{background:#202226;color:white;padding:38px 0}footer p,footer a{color:#ccc}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:25px}.copyright{border-top:1px solid #45464a;padding-top:15px;margin-top:25px;color:#aaa;font-size:12px}
@media(max-width:800px){.grid{grid-template-columns:repeat(2,1fr)}.two,.contact-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.nav{gap:14px}.nav .contact-link{margin-left:0}}
@media(max-width:560px){.wrap{width:calc(100% - 30px)}.topbar .wrap{justify-content:center;text-align:center}.hero{padding:58px 0}.hero p{font-size:16px}.grid,.footer-grid{grid-template-columns:1fr}.cta .wrap{align-items:flex-start;flex-direction:column}.section{padding:48px 0}.contact-card{padding:20px}}