/* Aankoopproblemen.nl — globale huisstijl v18
   Plaats dit bestand in het WordPress-thema of voeg de inhoud toe via
   Weergave > Customizer > Extra CSS / Elementor Site Settings > Custom CSS.
*/
:root{
  --ap-navy:#023866;
  --ap-navy-2:#17324a;
  --ap-blue:#2e67ae;
  --ap-orange:#FE9003;
  --ap-orange-2:#f5821f;
  --ap-green:#779b43;
  --ap-light:#EEF5FB;
  --ap-light-2:#f7fafc;
  --ap-white:#fff;
  --ap-text:#22333d;
  --ap-muted:#65737d;
  --ap-border:#d8e2e8;
  --ap-shadow:0 14px 36px rgba(2,56,102,.10);
}
html{scroll-behavior:smooth}
body{color:var(--ap-text);background:var(--ap-white)}
h1,h2,h3,h4,h5,h6{color:var(--ap-navy)}
a{transition:color .16s ease,background .16s ease,border-color .16s ease,transform .16s ease}
a:focus-visible,button:focus-visible{outline:3px solid rgba(254,144,3,.42);outline-offset:3px}
.ap-global-header{background:#fff;border-bottom:1px solid var(--ap-border);position:sticky;top:0;z-index:30}
.ap-global-topbar{background:var(--ap-navy-2);color:#fff}
.ap-kicker{color:var(--ap-orange);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:13px}
.ap-btn,.cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 18px;border-radius:9px;background:var(--ap-orange);color:#fff!important;font-weight:800;text-decoration:none;box-shadow:0 8px 20px rgba(254,144,3,.20)}
.ap-btn:hover,.cta:hover{background:#e87f00;transform:translateY(-1px)}
.ap-btn-secondary,.secondary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 17px;border:2px solid var(--ap-navy);border-radius:9px;background:#fff;color:var(--ap-navy)!important;font-weight:800;text-decoration:none}
.ap-btn-secondary:hover,.secondary:hover{background:var(--ap-light)}
.ap-section{padding:72px 0}
.ap-section-alt{background:var(--ap-light)}
.ap-card{background:#fff;border:1px solid var(--ap-border);border-radius:16px;box-shadow:0 8px 24px rgba(2,56,102,.06)}
.ap-card-accent{border-top:5px solid var(--ap-orange)}
.ap-callout{background:linear-gradient(135deg,#fff7ee,#fff);border:2px solid rgba(254,144,3,.28);border-radius:18px;box-shadow:var(--ap-shadow)}
.ap-legal-note{padding:14px 16px;background:#fff8ed;border-left:5px solid var(--ap-orange);border-radius:10px;color:#5a4937}
.ap-global-footer,footer{background:var(--ap-navy-2);color:#fff;border-top:6px solid var(--ap-orange)}
.ap-global-footer h3,.ap-global-footer h4,footer h3,footer h4{color:var(--ap-orange)}
.ap-global-footer a,footer a{color:#dceaf2;text-decoration:none}
.ap-global-footer a:hover,footer a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
/* Artikelen en blogs */
.article-card,.topic-card,.content-card{border-top:4px solid var(--ap-blue)}
.article-card:nth-child(3n+2),.topic-card:nth-child(3n+2),.content-card:nth-child(3n+2){border-top-color:var(--ap-orange)}
.article-card:nth-child(3n+3),.topic-card:nth-child(3n+3),.content-card:nth-child(3n+3){border-top-color:var(--ap-green)}
.article-card:hover,.topic-card:hover,.content-card:hover{transform:translateY(-2px);box-shadow:var(--ap-shadow)}
/* Zoekpagina's */
.ap-finder-shell{max-width:1720px;margin:0 auto;padding:0 22px}
.ap-finder-hero{padding:66px 0;background:radial-gradient(circle at 87% 12%,rgba(254,144,3,.18),transparent 28%),linear-gradient(135deg,#f8fbfd 0%,var(--ap-light) 100%)}
.ap-finder-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:44px;align-items:center}
.ap-finder-hero h1{font-size:clamp(38px,5vw,58px);line-height:1.05;margin:10px 0 20px;letter-spacing:-1.2px}
.ap-finder-hero p{font-size:19px;color:#4b5d68;max-width:760px}
.ap-finder-hero-card{padding:26px;background:var(--ap-navy);color:#fff;border-radius:18px;box-shadow:var(--ap-shadow);border-top:6px solid var(--ap-orange)}
.ap-finder-hero-card h2,.ap-finder-hero-card h3{color:#fff;margin-top:0}
.ap-finder-hero-card ul{margin:0;padding-left:21px;color:#e6f0f5}
.ap-finder-section{padding:68px 0}
.ap-finder-section.alt{background:var(--ap-light)}
.ap-finder-head{max-width:900px;margin-bottom:30px}
.ap-finder-head h2{font-size:clamp(30px,4vw,42px);margin:0 0 10px}
.ap-finder-head p{font-size:18px;color:var(--ap-muted);margin:0}
.ap-finder-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:24px;align-items:start}
.ap-finder-map-panel{background:#fff;border:1px solid var(--ap-border);border-radius:18px;padding:18px;box-shadow:var(--ap-shadow);min-width:0}
.ap-finder-map-note{padding:11px 14px;margin-bottom:12px;border-radius:11px;background:var(--ap-light);color:var(--ap-navy);font-size:14px}
.ap-finder-map-scroll{overflow:auto;max-width:100%;-webkit-overflow-scrolling:touch}
.ap-finder-map-canvas{position:relative;width:100%;aspect-ratio:1326/1187;min-width:0;overflow:hidden;border-radius:14px;background:#edf4f8}
.ap-finder-map-canvas img,.ap-finder-map-canvas svg{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}
.ap-finder-map-canvas .ap-province{fill:rgba(2,56,102,.18)!important;stroke:transparent!important;stroke-width:4!important;cursor:pointer;transition:stroke .16s ease,filter .16s ease,fill .16s ease}
.ap-finder-map-canvas .ap-province:hover,.ap-finder-map-canvas .ap-province:focus{fill:rgba(2,56,102,.23)!important;stroke:#fff!important;stroke-width:7!important;filter:drop-shadow(0 0 10px rgba(255,255,255,.95))}
.ap-finder-map-canvas .ap-province.active{fill:rgba(254,144,3,.48)!important;stroke:#fff!important;stroke-width:7!important;filter:drop-shadow(0 0 8px rgba(254,144,3,.38))}
.ap-finder-map-canvas .ap-office-marker{display:none!important}
.ap-finder-result{position:sticky;top:118px;background:var(--ap-navy);color:#fff;border-radius:18px;padding:25px;box-shadow:var(--ap-shadow);border-top:6px solid var(--ap-orange)}
.ap-finder-result h2,.ap-finder-result h3,.ap-finder-result h4{color:#fff}
.ap-finder-result-title{margin:7px 0 18px;font-size:29px}
.ap-provider-list{display:grid;gap:13px}
.ap-provider-card{display:block;padding:16px;border-radius:13px;background:#fff;color:var(--ap-text);border-left:5px solid var(--ap-orange);text-decoration:none;box-shadow:0 7px 20px rgba(0,0,0,.12)}
.ap-provider-card:nth-child(2){border-left-color:var(--ap-blue)}
.ap-provider-card:hover{transform:translateY(-2px);box-shadow:0 11px 24px rgba(0,0,0,.18)}
.ap-provider-card strong{display:block;color:var(--ap-navy);font-size:17px;line-height:1.25}
.ap-provider-card span{display:block;margin-top:5px;font-size:13px;line-height:1.45;color:#586b76}
.ap-provider-card .ap-provider-action{color:var(--ap-orange);font-weight:800;margin-top:9px}
.ap-province-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:14px}
.ap-province-button{min-height:44px;padding:9px 10px;border:1px solid var(--ap-border);border-radius:10px;background:#fff;color:var(--ap-navy);font-weight:800;cursor:pointer}
.ap-province-button:hover,.ap-province-button.active{border-color:var(--ap-orange);background:#fff7ed;box-shadow:0 5px 13px rgba(2,56,102,.08)}
.ap-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.ap-directory details{background:#fff;border:1px solid var(--ap-border);border-radius:14px;box-shadow:0 7px 20px rgba(2,56,102,.06);overflow:hidden}
.ap-directory summary{cursor:pointer;padding:17px 19px;color:var(--ap-navy);font-size:18px;font-weight:800;border-left:5px solid var(--ap-blue)}
.ap-directory details:nth-child(3n+2) summary{border-left-color:var(--ap-orange)}
.ap-directory details:nth-child(3n+3) summary{border-left-color:var(--ap-green)}
.ap-directory-inner{padding:0 17px 17px;display:grid;gap:10px}
.ap-directory .ap-provider-card{border:1px solid var(--ap-border);border-left:5px solid var(--ap-orange);box-shadow:none}
.ap-source-note{margin-top:20px;font-size:13px;color:var(--ap-muted)}
.ap-site-header{background:#fff;border-bottom:1px solid var(--ap-border);position:sticky;top:0;z-index:40}
.ap-site-nav{max-width:1300px;margin:0 auto;padding:11px 22px;display:flex;align-items:center;gap:18px;min-height:76px}
.ap-site-brand{margin-right:auto;text-decoration:none}
.ap-site-brand strong{display:block;color:var(--ap-navy);font-size:23px}
.ap-site-brand span{display:block;color:var(--ap-muted);font-size:12px}
.ap-site-links{display:flex;align-items:center;gap:17px;flex-wrap:wrap}
.ap-site-links a{color:var(--ap-navy);font-weight:800;text-decoration:none;font-size:14px}
.ap-site-links a:hover,.ap-site-links a[aria-current="page"]{color:var(--ap-orange)}
.ap-site-footer{padding:44px 0}
.ap-footer-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:30px}
.ap-footer-grid p,.ap-footer-grid li{color:#c8d7df}
.ap-footer-grid ul{padding-left:18px}
@media(max-width:1050px){
  .ap-finder-layout{grid-template-columns:1fr}
  .ap-finder-result{position:static}
  .ap-site-nav{flex-wrap:wrap}
  .ap-site-links{width:100%;gap:12px}
}
@media(max-width:800px){
  .ap-finder-hero-grid{grid-template-columns:1fr}
  .ap-province-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ap-directory{grid-template-columns:1fr}
  .ap-footer-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
  .ap-finder-shell{padding:0 16px}
  .ap-finder-section{padding:48px 0}
  .ap-finder-hero{padding:44px 0}
  .ap-finder-map-scroll{overflow-x:auto}
  .ap-finder-map-canvas{width:720px;min-width:720px}
  .ap-province-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ap-site-links{display:grid;grid-template-columns:1fr 1fr;width:100%}
}