/* AutobedrijfKiezer: shared usability layer, release 121. */
:root{--abk-ink:#162b2b;--abk-muted:#4a6262;--abk-line:#d5e2de;--abk-soft:#f2f7f4;--abk-focus:#bd6110}
.skip-link{position:absolute;left:12px;top:-80px;background:#fff;color:#162b2b;padding:12px 18px;z-index:10000;border:2px solid #bd6110}.skip-link:focus{top:12px}
:focus-visible{outline:3px solid #bd6110!important;outline-offset:3px}html{scroll-padding-top:120px}body{overflow-wrap:break-word}main:focus{outline:none}
.mega-section{padding:38px 0}.mega-section p{line-height:1.7}.mega-intro{max-width:75ch;color:var(--abk-muted)}.mega-card{background:#fff;border:1px solid var(--abk-line);border-radius:16px;padding:24px;color:var(--abk-ink);min-width:0}.mega-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:18px}.mega-grid h2,.mega-grid h3{margin-top:0}.mega-callout{padding:18px 22px;border-left:4px solid #327758;border-radius:8px;background:var(--abk-soft);color:var(--abk-ink);margin:18px 0}.mega-callout p:last-child{margin-bottom:0}.mega-toolbar{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end;margin:20px 0}.mega-toolbar label{display:grid;gap:6px;flex:1 1 170px;font-weight:600}.mega-toolbar input,.mega-toolbar select,.mega-field{min-height:46px;padding:10px 12px;border:1px solid #9bada6;border-radius:8px;background:white;color:var(--abk-ink);font:inherit;width:100%}.mega-toolbar button{min-height:46px}.mega-muted{color:var(--abk-muted);font-size:.9rem}.mega-actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.mega-table-wrap{overflow-x:auto;max-width:100%}.mega-table{border-collapse:collapse;width:100%;text-align:left}.mega-table th,.mega-table td{padding:12px 14px;border-bottom:1px solid var(--abk-line);vertical-align:top}.mega-table th{background:var(--abk-soft);color:var(--abk-ink)}.mega-table caption{text-align:left;font-weight:700;padding:12px 0}.mega-empty{padding:22px;background:var(--abk-soft);border-radius:12px}.mega-list{padding-left:22px}.mega-list li{margin-bottom:9px;line-height:1.6}.mega-filter-count{min-height:24px;font-weight:600}.mega-result-hidden,[hidden]{display:none!important}.mega-postcode-group{margin:26px 0}.mega-postcode-group h2{font-size:1.25rem}.mega-summary{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.mega-summary span{background:var(--abk-soft);padding:8px 12px;border-radius:8px}.mega-qa-details{margin-top:18px}.mega-qa-details summary{cursor:pointer;font-weight:650}.mega-footer{background:#102c2c!important;color:#e8f2ee!important;padding:42px 0 24px!important;font-size:.88rem!important}.mega-footer .mega-footer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}.mega-footer section h2{font-size:.95rem;color:#fff;margin:0 0 14px}.mega-footer a{display:block;color:#e8f2ee;text-decoration:none;line-height:1.5;margin:9px 0;font-size:.88rem}.mega-footer a:hover{text-decoration:underline}.mega-footer .footer-bottom{border-top:1px solid #49635d;margin-top:26px;padding-top:18px;line-height:1.6}.mega-footer .brand-logo{width:210px;max-width:100%;height:auto;filter:brightness(0) invert(1)}.mega-footer .footer-brand-line{display:flex;gap:26px;align-items:center;justify-content:space-between;margin-bottom:28px}.mega-footer p{margin:0;color:#d9e6df;max-width:60ch;font-size:.88rem}.mega-profile-contact .mega-actions .btn{padding:12px 16px}.mega-profile-contact h2{margin-top:0}.mega-note{font-size:.875rem;color:#425d57}.mega-filtered-list .result{min-width:0}.mega-filtered-list .actions{flex-wrap:wrap}.mega-checklist label{display:flex;align-items:flex-start;gap:12px;padding:13px 0;border-bottom:1px solid var(--abk-line);line-height:1.5}.mega-checklist input{width:20px;height:20px;margin:2px 0;flex:none}.mega-checklist input:checked+span{text-decoration:line-through;color:#52645e}.mega-quote-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.mega-quote-grid input{max-width:100%}.mega-quote-grid label{display:block;margin-top:12px}.mega-quote-grid label span{display:block;margin-bottom:5px}.mega-price-select{display:flex;gap:10px;align-items:center;font-size:.9rem}.mega-price-select input{width:19px;height:19px}.mega-price-drawer{position:sticky;bottom:8px;z-index:50;padding:14px 18px;background:#173f35;color:#fff;border-radius:12px;box-shadow:0 4px 20px #0003;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.mega-price-drawer a{color:#fff}.mega-price-result:empty{display:none}
@media(max-width:800px){.mega-footer .mega-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mega-quote-grid{grid-template-columns:1fr}.mega-footer .footer-brand-line{display:block}.mega-footer .footer-brand-line p{margin-top:14px}.mega-card{padding:18px}.mega-section{padding:26px 0}}
@media(max-width:440px){.mega-footer .mega-footer-grid{gap:18px}.mega-toolbar label{flex-basis:100%}.mega-actions .btn{flex:1 1 140px;text-align:center}.mega-table th,.mega-table td{padding:9px}.mega-profile-contact .mega-actions .btn{flex-basis:100%}}
@media print{.site-header,.mega-footer,.compare-bar,.cookie-banner,.mega-toolbar,.mega-price-drawer,.menu-btn{display:none!important}.mega-card{break-inside:avoid}.mega-section{padding:12px 0}a[href]:after{content:none}}

/* Visual QA: keep secondary quote link on a complete line. */
.mega-own-quotes-link{display:inline-block;margin-top:12px;line-height:1.5} .mega-actions .mega-own-quotes-link{margin-top:0}
/* Preserve the existing full-colour brand mark; whitening the SVG erased its symbol. */
.mega-footer .brand-logo{filter:none!important}