/*
Theme Name: ThuisAccuScan
Theme URI: https://thuisaccuscan.nl
Author: Bureau Blauwvinger
Author URI: https://bureaublauwvinger.nl
Description: Onafhankelijk thuisbatterijplatform met rekentool, vergelijkingen en SEO-landingspagina's.
Version: 2.0.0
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: thuisaccuscan
*/

:root{--ink:#102a33;--ink2:#1d414a;--sun:#f4b942;--sun2:#d89718;--ice:#f5f8f7;--mist:#dde9e3;--paper:#fbfcfb;--line:#cbd9d4;--muted:#526b70;--good:#196b4b;--warn:#8a5d00;--bad:#9a3838;--radius:14px;--shadow:0 18px 50px rgba(16,42,51,.11);--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ice);color:var(--ink);font-family:Outfit,Arial,sans-serif;line-height:1.65}a{color:inherit}img{max-width:100%;height:auto}button,input,select{font:inherit}.wrap{width:min(calc(100% - 36px),var(--max));margin:auto}.site-header{height:72px;position:sticky;top:0;z-index:20;background:rgba(245,248,247,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(16,42,51,.09)}.nav{height:100%;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;text-decoration:none;font-weight:800;font-size:21px;letter-spacing:-.5px;white-space:nowrap}.brand-mark{width:31px;height:39px;border:2px solid var(--ink);border-radius:8px;margin-right:10px;position:relative;overflow:hidden}.brand-mark:after{content:"";position:absolute;inset:auto 3px 3px;height:54%;background:var(--sun);border-radius:4px}.menu{display:flex;align-items:center;gap:23px;margin-left:auto}.menu a{text-decoration:none;font-size:14px;font-weight:600}.menu a:hover{color:var(--sun2)}.btn,.wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border:0;border-radius:10px;background:var(--sun);color:#172b30;text-decoration:none;font-weight:800;cursor:pointer;white-space:nowrap;box-shadow:none}.btn:hover{background:#ffc858;transform:translateY(-1px)}.btn:active{transform:scale(.98)}.btn.secondary{background:transparent;border:1px solid var(--ink)}.menu-toggle{display:none;margin-left:auto;border:0;background:transparent;font-size:27px}.hero{min-height:calc(100dvh - 72px);display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:54px;padding:52px 0}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:var(--muted)}h1,h2,h3{line-height:1.07;letter-spacing:-.035em;margin:0 0 18px}h1{font-size:clamp(43px,5vw,68px);max-width:760px}h2{font-size:clamp(32px,4vw,51px)}h3{font-size:23px}.lead{font-size:19px;color:var(--muted);max-width:60ch}.hero-actions{display:flex;gap:12px;margin-top:28px}.hero-visual{position:relative}.hero-visual img{display:block;width:100%;aspect-ratio:16/11;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow)}.energy-chip{position:absolute;left:-28px;bottom:28px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow);font-weight:700}.section{padding:90px 0}.section.tint{background:var(--mist)}.section.dark{background:var(--ink);color:#f3f7f5}.section-head{max-width:690px;margin-bottom:42px}.trust{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper)}.trust-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:0}.trust-grid div{padding:20px 16px;border-right:1px solid var(--line);font-size:14px;font-weight:650}.trust-grid div:last-child{border:0}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.grid-asym{display:grid;grid-template-columns:1.35fr .65fr;gap:24px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:28px}.panel.sun{background:var(--sun);border-color:var(--sun)}.panel h3:last-child,.panel p:last-child{margin-bottom:0}.capacity-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.capacity{padding:20px 14px;border:1px solid var(--line);background:var(--paper);border-radius:var(--radius);text-decoration:none}.capacity strong{display:block;font-size:23px}.capacity small{color:var(--muted)}.proscons{display:grid;grid-template-columns:1fr 1fr;gap:18px}.pros,.cons{border-radius:var(--radius);padding:22px}.pros{background:#e4f1ea;color:var(--good)}.cons{background:#f5e7e3;color:#71342e}.check{list-style:none;padding:0;margin:0}.check li{padding:6px 0}.check li:before{content:"+";font-weight:900;margin-right:10px}.cons .check li:before{content:"-"}.faq{max-width:860px}.faq details{border-bottom:1px solid var(--line);padding:17px 0}.faq summary{cursor:pointer;font-weight:750;list-style:none}.faq summary:after{content:"+";float:right}.faq details[open] summary:after{content:"-"}.faq p{color:var(--muted)}.article-hero{padding:78px 0 44px}.article-body{display:grid;grid-template-columns:minmax(0,780px) 290px;gap:70px;padding-bottom:90px}.content{font-size:17px}.content h2{font-size:34px;margin-top:48px}.content h3{margin-top:34px}.content a{color:#875807}.side{position:sticky;top:100px;height:max-content}.site-footer{background:var(--ink);color:#edf4f1;padding:68px 0 24px}.footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:40px}.site-footer a{display:block;color:#cfdbd7;text-decoration:none;margin:8px 0}.footer-bottom{margin-top:50px;padding-top:22px;border-top:1px solid rgba(255,255,255,.14);display:flex;justify-content:space-between;color:#aebfba;font-size:14px}.mobile-cta{display:none}
@media(max-width:900px){.menu{display:none;position:absolute;top:72px;left:0;right:0;background:var(--ice);padding:20px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.menu.open{display:flex}.menu-toggle{display:block}.hero{grid-template-columns:1fr;padding:42px 0}.hero-visual{order:-1}.energy-chip{left:12px}.trust-grid{grid-template-columns:1fr 1fr}.trust-grid div{border-bottom:1px solid var(--line)}.grid-2,.grid-asym,.article-body{grid-template-columns:1fr}.side{position:static}.capacity-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.mobile-cta{display:block;position:fixed;left:12px;right:12px;bottom:12px;z-index:19}.mobile-cta .btn{width:100%;box-shadow:0 10px 35px rgba(16,42,51,.28)}}
@media(max-width:560px){.wrap{width:min(calc(100% - 28px),var(--max))}.hero{min-height:auto}.hero-actions,.proscons{grid-template-columns:1fr;display:grid}.trust-grid,.footer-grid{grid-template-columns:1fr}.trust-grid div{border-right:0}.capacity-grid{grid-template-columns:1fr 1fr}.section{padding:64px 0}.panel{padding:21px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Editorial knowledge-base article */
.article-meta{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:24px;color:var(--muted);font-size:14px}.article-meta span{display:inline-flex;align-items:center;gap:7px}.article-figure{margin:34px 0}.article-figure img{display:block;width:100%;border-radius:var(--radius);border:1px solid var(--line)}.article-figure figcaption{margin-top:10px;color:var(--muted);font-size:14px}.formula{margin:28px 0;padding:22px 24px;background:var(--ink);color:#f5f8f7;border-radius:var(--radius);font-weight:750;font-size:18px}.scenario-visual{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:26px 0}.scenario{padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper)}.scenario strong{display:block;font-size:18px;margin-bottom:8px}.scenario b{display:block;font-size:27px;line-height:1.2;color:var(--ink)}.scenario small{display:block;color:var(--muted);margin-top:7px}.fact-box{margin:28px 0;padding:24px;border-left:5px solid var(--sun);background:var(--mist);border-radius:0 var(--radius) var(--radius) 0}.fact-box strong{display:block;margin-bottom:6px}.article-toc{margin:28px 0;padding:22px 24px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius)}.article-toc strong{display:block;margin-bottom:8px}.article-toc a{display:block;padding:5px 0}.content ul{padding-left:22px}.content li{margin:7px 0}.content blockquote{margin:26px 0;padding:2px 0 2px 22px;border-left:4px solid var(--sun);color:var(--ink2)}.faq details{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:0;margin:10px 0;overflow:hidden}.faq summary{padding:18px 52px 18px 20px;position:relative}.faq summary:after{float:none;position:absolute;right:20px;top:17px;font-size:22px}.faq details p{margin:0;padding:0 52px 20px 20px}.article-source-note{margin-top:36px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:14px}
@media(max-width:560px){.scenario-visual{grid-template-columns:1fr}.article-hero{padding-top:54px}.article-meta{display:grid;gap:6px}.content{font-size:16px}.content h2{font-size:29px}.formula{font-size:16px;padding:19px}.faq summary{padding-right:46px}.faq details p{padding-right:20px}}

/* Article comparison components */
.metric-grid,.cost-clusters{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:26px 0}.metric-grid>div,.cost-clusters>div{padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper)}.metric-grid strong,.cost-clusters strong{display:block;font-size:18px}.metric-grid span,.cost-clusters span{display:block;color:var(--muted);margin-top:5px}.size-comparison{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:26px 0}.size-comparison>div{padding:21px;border-radius:var(--radius);background:var(--paper);border:1px solid var(--line)}.size-comparison>div:nth-child(2){background:var(--mist)}.size-comparison b{display:block;font-size:23px}.size-comparison p{margin-bottom:0;color:var(--muted)}.accessible-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;list-style-position:inside;padding:0;margin:24px 0}.accessible-steps li{margin:0;padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper)}.tax-note{display:grid;gap:9px;margin:26px 0;padding:24px;background:var(--mist);border-radius:var(--radius)}.tax-note>strong{font-size:20px}.tax-note span{display:block}
@media(max-width:760px){.metric-grid,.cost-clusters,.size-comparison,.accessible-steps{grid-template-columns:1fr}.article-figure{margin-left:-4px;margin-right:-4px}.article-figure img{aspect-ratio:3/2;object-fit:contain;background:var(--paper)}}

/* Logo, blog submenu and answer-first articles */
.custom-logo-link{display:flex;align-items:center;flex:0 0 auto}.custom-logo{display:block;width:auto;max-width:260px;max-height:50px}.menu-parent{position:relative}.submenu-toggle{border:0;background:transparent;color:var(--ink);font:inherit;font-size:14px;font-weight:700;cursor:pointer;padding:12px 0}.submenu{display:none;position:absolute;right:-80px;top:100%;width:min(430px,90vw);max-height:min(70vh,650px);overflow:auto;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:10px;box-shadow:var(--shadow);grid-template-columns:1fr 1fr;gap:2px;z-index:30}.menu-parent:hover .submenu,.menu-parent:focus-within .submenu,.menu-parent.open .submenu{display:grid}.submenu a{display:block;padding:10px 12px;border-radius:9px;line-height:1.25}.submenu a:hover{background:var(--mist);color:var(--ink)}.article-answer{padding:24px;background:var(--mist);border-left:5px solid var(--sun);border-radius:0 var(--radius) var(--radius) 0;font-size:18px}
@media(max-width:900px){.custom-logo{max-width:210px;max-height:46px}.menu-parent{width:100%}.submenu-toggle{width:100%;text-align:left;padding:8px 0}.submenu{position:static;width:100%;max-height:45vh;box-shadow:none;margin-top:4px;grid-template-columns:1fr}.menu-parent:hover .submenu:not(:focus-within){display:none}.menu-parent.open .submenu,.menu-parent:focus-within .submenu{display:grid}.menu{max-height:calc(100dvh - 72px);overflow:auto;align-items:stretch}.menu>a{padding:8px 0}}
@media(max-width:560px){.custom-logo{max-width:180px;max-height:42px}}