/*
Theme Name: CV Wijnants
Template: twentytwentyfive
Description: Child theme voor cvwijnants.be: warmtepompen, airco en verwarming.
Version: 1.0.3
Author: Jasol
Text Domain: cvwijnants
*/

@font-face{font-family:"Michroma";src:url("assets/fonts/michroma-latin.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}

:root{
	--cvw-ink:#141414; --cvw-ink-2:#2b2b2b; --cvw-muted:#6b6b6b; --cvw-line:#e4e4e4; --cvw-bg:#fff;
	--cvw-soft:#f5f5f4; --cvw-soft-2:#ecebe8; --cvw-warm:#d9481e; --cvw-warm-ink:#b23a16; --cvw-cold:#1f6fd1;
	--cvw-warm-soft:#fbe9e3; --cvw-cold-soft:#e6effb;
	--cvw-display:"Michroma","Eurostile","Arial Black",sans-serif;
	--cvw-body:var(--wp--preset--font-family--manrope,"Manrope"),system-ui,-apple-system,"Segoe UI",sans-serif;
	--cvw-r:14px;
}
html{scroll-behavior:smooth;scroll-padding-top:90px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{background:var(--cvw-bg);color:var(--cvw-ink);font-family:var(--cvw-body)}

/* layout-reset binnen de pagina's: afstand komt van grid-gaps */
.cvw-main{margin:0}
.cvw-main .cvw-page > *,
.cvw-page .wp-block-group > *{margin-block:0}
.cvw-page p,.cvw-page ul,.cvw-page ol{margin:0}
.cvw-page a{color:inherit}

.cvw-wrap{box-sizing:border-box;width:100%;max-width:1160px;margin-inline:auto;padding-inline:16px}
@media (min-width:720px){.cvw-wrap{padding-inline:28px}}
.cvw-sec{padding-block:72px}
.cvw-sec > .cvw-wrap{display:grid;gap:36px}
.cvw-head{display:grid;gap:10px;max-width:720px}
.cvw-eyebrow{font-size:12.5px!important;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--cvw-muted)}
.cvw-page h1,.cvw-page h2,.editor-styles-wrapper .cvw-sec h1,.editor-styles-wrapper .cvw-sec h2{font-family:var(--cvw-display);font-weight:400;line-height:1.15;letter-spacing:.005em;text-wrap:balance;margin:0}
.cvw-page h1{font-size:clamp(30px,4.6vw,50px)}
.cvw-page h2{font-size:clamp(22px,3vw,30px)}
.cvw-page h3{font-family:var(--cvw-body);font-size:18px;font-weight:700;line-height:1.25;margin:0}
.cvw-lead{font-size:18px!important;line-height:1.6;color:var(--cvw-ink-2);max-width:60ch}

/* warm/koel-accent */
.cvw-tap{height:4px;width:72px;border-radius:4px;background:linear-gradient(90deg,var(--cvw-warm) 0 50%,var(--cvw-cold) 50% 100%)}

/* knoppen */
.cvw-page .wp-block-buttons{display:flex;flex-wrap:wrap;gap:12px}
.cvw-btn,
.wp-block-button.cvw-btn-warm > .wp-block-button__link,
.wp-block-button.cvw-btn-line > .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;gap:10px;font:600 16px/1.2 var(--cvw-body);padding:15px 22px;border-radius:999px;text-decoration:none;border:2px solid transparent;cursor:pointer}
.cvw-btn.cvw-btn-warm,.wp-block-button.cvw-btn-warm > .wp-block-button__link{background:var(--cvw-warm);color:#fff}
.cvw-btn.cvw-btn-warm:hover,.wp-block-button.cvw-btn-warm > .wp-block-button__link:hover{background:var(--cvw-warm-ink);color:#fff}
.cvw-btn.cvw-btn-line,.wp-block-button.cvw-btn-line > .wp-block-button__link{background:transparent;border-color:var(--cvw-ink);color:var(--cvw-ink)}
.cvw-btn.cvw-btn-line:hover,.wp-block-button.cvw-btn-line > .wp-block-button__link:hover{background:var(--cvw-ink);color:#fff}
.cvw-dark .wp-block-button.cvw-btn-line > .wp-block-button__link{border-color:#fff;color:#fff}
.cvw-dark .wp-block-button.cvw-btn-line > .wp-block-button__link:hover{background:#fff;color:var(--cvw-ink)}
a:focus-visible,button:focus-visible{outline:3px solid var(--cvw-cold);outline-offset:2px}

/* header */
header.wp-block-template-part{position:sticky;top:0;z-index:50;margin:0}
.admin-bar header.wp-block-template-part{top:32px}
@media (max-width:782px){.admin-bar header.wp-block-template-part{top:46px}}
@media (max-width:600px){.admin-bar header.wp-block-template-part{top:0}}
.cvw-top{background:rgba(255,255,255,.95);backdrop-filter:blur(8px);border-bottom:1px solid var(--cvw-line)}
.cvw-top-in{display:flex;align-items:center;gap:24px;min-height:72px}
.cvw-logo img{height:38px;width:auto;display:block}
.cvw-nav{display:none;gap:22px;margin-left:auto;font-weight:500;font-size:15px}
.cvw-nav a{text-decoration:none;color:var(--cvw-ink-2)}
.cvw-nav a:hover{color:var(--cvw-warm)}
.cvw-call{margin-left:auto;display:inline-flex;align-items:center;gap:8px;background:var(--cvw-ink);color:#fff!important;text-decoration:none;font-weight:600;font-size:15px;padding:10px 16px;border-radius:999px;white-space:nowrap}
.cvw-call svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media (min-width:960px){.cvw-nav{display:flex}.cvw-call{margin-left:0}}
@media (max-width:420px){.cvw-call span{display:none}.cvw-logo img{height:30px}}

/* hero */
.cvw-hero{padding-block:56px 72px;background:radial-gradient(900px 400px at 100% 0%,var(--cvw-warm-soft) 0,transparent 60%),radial-gradient(700px 360px at 0% 100%,var(--cvw-cold-soft) 0,transparent 60%)}
.cvw-hero > .cvw-wrap{align-items:center;gap:40px}
@media (min-width:960px){.cvw-hero > .cvw-wrap{grid-template-columns:1.1fr .9fr;gap:56px}}
.cvw-hero-text{display:grid;gap:18px;justify-items:start}
.cvw-hero-text::before{content:"";display:block;height:4px;width:72px;border-radius:4px;background:linear-gradient(90deg,var(--cvw-warm) 0 50%,var(--cvw-cold) 50% 100%)}
.cvw-hero-text .wp-block-buttons{margin-top:10px}
.cvw-hero-small{padding-block:48px 40px}
.cvw-hero-small > .cvw-wrap{grid-template-columns:1fr!important}

.cvw-hero-card{background:#fff;border:1px solid var(--cvw-line);border-radius:22px;padding:26px;display:grid;gap:16px;box-shadow:0 20px 50px -30px rgba(0,0,0,.35)}
.cvw-hero-card h2{font-size:22px!important}

/* contactregels met icoon */
.cvw-line{display:grid;grid-template-columns:44px 1fr;column-gap:14px;align-items:center;border:1px solid var(--cvw-line);border-radius:var(--cvw-r);padding:12px 16px;background:#fff;font-size:15px;line-height:1.35}
.cvw-line strong{display:block;font-size:12.5px;font-weight:600;color:var(--cvw-muted);text-transform:uppercase;letter-spacing:.08em}
.cvw-line a{font-weight:600;text-decoration:none;font-size:16px}
.cvw-line::before{content:"";grid-row:span 2;width:44px;height:44px;border-radius:12px;background:var(--cvw-soft) no-repeat center/22px;}
.cvw-l-tel::before{background-color:var(--cvw-warm-soft);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d9481e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.7a2 2 0 0 1-.5 2.1L8 9.8a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.7.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E")}
.cvw-l-mail::before{background-color:var(--cvw-cold-soft);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f6fd1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E")}
.cvw-l-adres::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23141414' stroke-width='2'%3E%3Cpath d='M12 22s7-6.2 7-12a7 7 0 0 0-14 0c0 5.8 7 12 7 12z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E")}
.cvw-lines{display:grid;gap:12px}

/* kerncijfers */
.cvw-trust{border-block:1px solid var(--cvw-line);padding-block:22px}
.cvw-trust ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:16px 20px}
@media (min-width:860px){.cvw-trust ul{grid-template-columns:repeat(4,1fr)}}
.cvw-trust li{font-size:13.5px;color:var(--cvw-muted);line-height:1.4}
.cvw-trust li strong{display:block;font-family:var(--cvw-display);font-weight:400;font-size:19px;color:var(--cvw-ink);margin-bottom:4px}

/* warmtepomp en airco */
.cvw-climate{background:linear-gradient(90deg,#fdf1ec 0,#fdf1ec 50%,#eaf2fc 50%,#eaf2fc 100%)}
@media (max-width:859px){.cvw-climate{background:linear-gradient(180deg,#fdf1ec 0,#eaf2fc 100%)}}
.cvw-feat{display:grid;gap:16px}
@media (min-width:860px){.cvw-feat{grid-template-columns:1fr 1fr}}
.cvw-big{background:#fff;border-radius:20px;padding:28px;display:grid;gap:14px;align-content:start;border-top:5px solid var(--cvw-warm);box-shadow:0 18px 40px -30px rgba(0,0,0,.4)}
.cvw-big.cvw-c{border-top-color:var(--cvw-cold)}
.cvw-page .cvw-big h3{font-family:var(--cvw-display);font-weight:400;font-size:24px}
.cvw-big p{color:var(--cvw-ink-2)}
.cvw-big ul,.cvw-card ul{padding-left:18px;color:var(--cvw-muted);font-size:15px;line-height:1.7}
.cvw-choose{background:#fff;border-radius:20px;padding:20px 24px;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}
.cvw-choose p{max-width:70ch;color:var(--cvw-ink-2);font-size:15.5px}
.cvw-choose p strong{display:block;color:var(--cvw-ink)}

/* iconen als achtergrond van ::before, kleur zit in de SVG */
.cvw-ico::before{content:"";display:block;width:44px;height:44px;border-radius:12px;background:var(--cvw-soft) var(--i) no-repeat center/24px}
.cvw-w.cvw-ico::before{background-color:var(--cvw-warm-soft)}
.cvw-c.cvw-ico::before{background-color:var(--cvw-cold-soft)}
.cvw-i-hp{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d9481e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Ccircle cx='10' cy='12' r='4'/%3E%3Cpath d='M10 8v8M6 12h8M17 9h1M17 12h1M17 15h1'/%3E%3C/svg%3E")}
.cvw-i-ac{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f6fd1' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='5' width='20' height='8' rx='2'/%3E%3Cpath d='M6 10h12M7 16v2M12 16v4M17 16v2'/%3E%3C/svg%3E")}
.cvw-i-cv{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d9481e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='3' width='14' height='18' rx='2'/%3E%3Cpath d='M9 17h6M12 7c-1.5 1.6-2 2.6-2 3.6a2 2 0 0 0 4 0c0-1-.5-2-2-3.6z'/%3E%3C/svg%3E")}
.cvw-i-onderhoud{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f6fd1' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a4 4 0 0 0-5.4 5.4L3 18l3 3 6.3-6.3a4 4 0 0 0 5.4-5.4l-2.5 2.5-2.4-.6-.6-2.4z'/%3E%3C/svg%3E")}
.cvw-i-storing{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23141414' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 2 20h20L12 3z'/%3E%3Cpath d='M12 10v4M12 17h.01'/%3E%3C/svg%3E")}

/* diensten */
.cvw-grid{display:grid;gap:16px}
@media (min-width:640px){.cvw-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.cvw-grid{grid-template-columns:repeat(3,1fr)}}
.cvw-card{border:1px solid var(--cvw-line);border-radius:var(--cvw-r);padding:24px;display:grid;gap:10px;align-content:start;background:#fff;transition:border-color .15s}
.cvw-card:hover{border-color:var(--cvw-ink)}
.cvw-card p{color:var(--cvw-ink-2);font-size:15.5px}
.cvw-also{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center}
.cvw-also p{font-weight:700;font-size:15px;margin-right:4px}
.cvw-chips{list-style:none;padding:0!important;display:flex;flex-wrap:wrap;gap:8px}
.cvw-chips li{background:var(--cvw-soft);border-radius:999px;padding:6px 14px;font-size:14.5px;color:var(--cvw-ink-2)}
.cvw-soft .cvw-chips li{background:#fff;border:1px solid var(--cvw-line)}
.cvw-chips-home li:first-child{background:var(--cvw-ink);color:#fff;border-color:var(--cvw-ink)}

/* werkwijze */
.cvw-dark{background:var(--cvw-ink);color:#fff}
.cvw-dark .cvw-eyebrow{color:#a8a8a8}
.cvw-dark .cvw-lead{color:#d6d6d6}
.cvw-steps{list-style:none;padding:0!important;display:grid;gap:16px;counter-reset:s}
@media (min-width:860px){.cvw-steps{grid-template-columns:repeat(3,1fr)}}
.cvw-steps li{border:1px solid #333;border-radius:var(--cvw-r);padding:24px;counter-increment:s;color:#cfcfcf;font-size:15.5px;line-height:1.6}
.cvw-steps li::before{content:"0" counter(s);display:block;font-family:var(--cvw-display);font-size:28px;color:#fff;margin-bottom:10px}
.cvw-steps li:nth-child(1)::before{color:#ff8a66}
.cvw-steps li:nth-child(3)::before{color:#7fb2f0}
.cvw-steps li strong{display:block;color:#fff;font-size:18px;margin-bottom:6px}

/* werkgebied en over ons */
.cvw-soft{background:var(--cvw-soft)}
.cvw-two{display:grid;gap:40px}
@media (min-width:900px){.cvw-two{grid-template-columns:1fr 1fr;gap:56px}}
.cvw-col{display:grid;gap:14px;align-content:start}

/* afsluitende oproep */
.cvw-cta{background:linear-gradient(90deg,var(--cvw-warm) 0 50%,var(--cvw-cold) 50% 100%) top/100% 5px no-repeat,var(--cvw-ink);color:#fff}
.cvw-cta > .cvw-wrap{gap:18px!important;justify-items:start}
.cvw-cta .cvw-lead{color:#d6d6d6}

/* contactpagina */
.cvw-contact{display:grid;gap:28px}
@media (min-width:900px){.cvw-contact{grid-template-columns:.85fr 1.15fr;gap:48px;align-items:start}}
.cvw-note{font-size:14.5px;color:var(--cvw-muted)}

/* formulier */
.cvw-form{border:1px solid var(--cvw-line);border-radius:22px;padding:24px;display:grid;gap:14px;background:#fff}
.cvw-form .cvw-row{display:grid;gap:14px}
@media (min-width:560px){.cvw-form .cvw-row{grid-template-columns:1fr 1fr}}
.cvw-form label{display:grid;gap:6px;font-size:14px;font-weight:600}
.cvw-form .cvw-lbl em{font-style:normal;font-weight:400;color:var(--cvw-muted)}
.cvw-form input,.cvw-form select,.cvw-form textarea{font:16px var(--cvw-body);padding:12px 14px;border:1px solid #cfcfcf;border-radius:10px;background:#fff;color:var(--cvw-ink);width:100%;box-sizing:border-box}
.cvw-form input:focus,.cvw-form select:focus,.cvw-form textarea:focus{outline:2px solid var(--cvw-ink);outline-offset:1px;border-color:var(--cvw-ink)}
.cvw-form textarea{min-height:140px;resize:vertical}
.cvw-form [aria-invalid="true"]{border-color:#c62828}
.cvw-form .cvw-err{color:#c62828;font-size:13.5px;font-weight:500}
.cvw-form .cvw-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.cvw-form button{justify-self:start}
.cvw-fine{font-size:13px;color:var(--cvw-muted)}
.cvw-msg{border-radius:14px;padding:16px 18px;font-size:15.5px}
.cvw-msg-ok{background:#e7f5ea;border:1px solid #9fd3aa;color:#1d5a2a}
.cvw-msg-err{background:#fdecea;border:1px solid #f1b0a8;color:#8a1f14}

/* footer */
footer.wp-block-template-part{margin:0}
.cvw-foot{background:#0d0d0d;color:#bdbdbd;padding-block:48px 96px;font-size:14.5px;line-height:1.7}
@media (min-width:960px){.cvw-foot{padding-bottom:48px}}
.cvw-foot-in{display:grid;gap:28px}
@media (min-width:800px){.cvw-foot-in{grid-template-columns:1.4fr 1fr 1fr}}
.cvw-foot p{margin:6px 0 0}
.cvw-foot b{color:#fff;font-weight:600}
.cvw-foot a{color:#e5e5e5;text-decoration:none}
.cvw-foot a:hover{color:#fff;text-decoration:underline}
.cvw-foot .cvw-tap{margin-top:14px}
.cvw-foot-brand{font-family:var(--cvw-display);color:#fff;font-size:20px;letter-spacing:.06em}
.cvw-legal{grid-column:1/-1;border-top:1px solid #262626;padding-top:18px;display:flex;flex-wrap:wrap;gap:8px 20px;color:#8a8a8a;font-size:13px}

/* vaste belbalk op gsm */
.cvw-mbar{position:fixed;inset:auto 0 0 0;z-index:60;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid var(--cvw-line)}
.cvw-mbar .cvw-btn{padding:12px 10px;font-size:15px}
@media (min-width:960px){.cvw-mbar{display:none}}

.cvw-hero-small + .cvw-sec{padding-top:24px}