/* Kleine aanvullingen op theme.json */
:where(.wp-site-blocks) :focus-visible { outline: 3px solid var(--wp--preset--color--accent-2); outline-offset: 2px; }
.skip-link:focus { position: fixed; top: .5rem; left: .5rem; z-index: 999; background: #fff; padding: .5rem 1rem; }
.kompas-eyebrow { text-transform: uppercase; letter-spacing: .12em; font-size: .8rem; font-weight: 700; color: var(--wp--preset--color--accent); }
.kompas-card { border: 1px solid var(--wp--preset--color--line); border-radius: 6px; transition: border-color .2s, transform .2s; height: 100%; }
.kompas-card:hover { border-color: var(--wp--preset--color--accent); transform: translateY(-2px); }
.kompas-card .wp-block-heading { margin-top: .25rem; }
.kompas-rule { border-top: 3px solid var(--wp--preset--color--accent-2); width: 48px; }
.kompas-check li { list-style: none; position: relative; padding-left: 1.6rem; }
.kompas-check li::before { content: ""; position: absolute; left: 0; top: .55em; width: .7rem; height: .4rem; border-left: 2px solid var(--wp--preset--color--accent); border-bottom: 2px solid var(--wp--preset--color--accent); transform: rotate(-45deg); }
.kompas-check { padding-left: 0; }
.wp-block-navigation .wp-block-navigation-item__content { font-weight: 500; }
@media (prefers-reduced-motion: reduce) { .kompas-card { transition: none; } .kompas-card:hover { transform: none; } }
.kompas-plain { list-style: none; padding-left: 0; }

/* Vier kompaskleuren */
:root{--k-blue:#1D4E9E;--k-green:#15803D;--k-yellow:#F2B705;--k-red:#C8352B}
.kompas-stripe{height:5px;background:linear-gradient(90deg,var(--k-blue) 0 25%,var(--k-green) 25% 50%,var(--k-yellow) 50% 75%,var(--k-red) 75% 100%)}
.kompas-card[class*="kompas-c-"]{position:relative}
.kompas-card[class*="kompas-c-"]::before{content:"";display:block;width:14px;height:14px;border-radius:2px;margin-bottom:.4rem;transform:rotate(45deg);background:var(--kc)}
.kompas-c-blue{--kc:var(--k-blue)}.kompas-c-green{--kc:var(--k-green)}.kompas-c-yellow{--kc:var(--k-yellow)}.kompas-c-red{--kc:var(--k-red)}
.kompas-card[class*="kompas-c-"]:hover{border-color:var(--kc)}
.kompas-r-blue{border-top-color:var(--k-blue)!important}.kompas-r-green{border-top-color:var(--k-green)!important}.kompas-r-red{border-top-color:var(--k-red)!important}
.kompas-step{width:2.75rem;height:2.75rem;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:1.25rem;color:#fff;margin:0}
.kompas-s-blue{background:var(--k-blue)}.kompas-s-green{background:var(--k-green)}.kompas-s-yellow{background:var(--k-yellow);color:#14213D}.kompas-s-red{background:var(--k-red)}
.kompas-cta{border-top:5px solid var(--k-red)}