/* V25.15 – Perceelkaart, extra perceelinformatie, grondprijsgrafiek en archief. */

/* ---------- Perceelkaart ---------- */
.pk-page{max-width:1320px}
.pk-title p{max-width:820px}
.pk-search{display:grid;gap:6px;margin:6px 0 10px;max-width:760px}
.pk-search>label{font-weight:800;font-size:14px;color:#173a2d}
.pk-search-row{display:flex;gap:8px}
.pk-search-row input{flex:1 1 auto;min-width:0;font-size:16px;padding:12px 14px;border:1px solid #cfd8d2;border-radius:12px;background:#fff}
.pk-search-row input:focus{outline:2px solid #2f6b52;outline-offset:1px;border-color:#2f6b52}
.pk-search small{color:#5d6a63;font-size:13px}
.pk-example{background:none;border:0;padding:0;font:inherit;color:#1d5a40;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.pk-results{max-width:760px;background:#fff;border:1px solid #dfe5e0;border-radius:14px;padding:10px 12px;margin:0 0 14px;box-shadow:0 8px 24px rgba(23,58,45,.06)}
.pk-results p{margin:4px 2px;font-size:14px}
.pk-results-head{font-weight:800;color:#173a2d}
.pk-results ul{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:4px}
.pk-results button{display:flex;gap:10px;align-items:center;width:100%;text-align:left;background:#f7f8f6;border:1px solid transparent;border-radius:10px;padding:9px 10px;font:inherit;font-size:14.5px;color:#17211d;cursor:pointer}
.pk-results button:hover,.pk-results button:focus-visible{border-color:#9fbfae;background:#eef5f0;outline:none}
.pk-rtype{flex:0 0 auto;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#5d6a63;min-width:66px}
.pk-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:18px;align-items:start}
.pk-map{height:min(72vh,680px);min-height:420px;border-radius:18px;border:1px solid #dfe5e0;overflow:hidden;background:#e8ece6}
.pk-hint{font-size:13px;color:#5d6a63;margin:8px 2px 0}
.pk-panel{position:sticky;top:96px;background:#fff;border:1px solid #dfe5e0;border-radius:18px;padding:18px 18px 16px;box-shadow:0 10px 30px rgba(23,58,45,.06);min-height:200px}
.pk-empty h2,.pk-card h2{font-size:22px;line-height:1.2;margin:4px 0 6px;color:#173a2d;font-family:inherit;letter-spacing:-.01em}
.pk-empty p{font-size:14.5px;color:#3d4b44;margin:0 0 10px}
.pk-points{margin:0;padding-left:18px;color:#3d4b44;font-size:14px;display:grid;gap:3px}
.pk-size{margin:0 0 12px;font-size:14.5px;color:#3d4b44}
.pk-size b{color:#17211d}
.pk-facts{display:grid;gap:8px;margin:0 0 14px}
.pk-facts>div{background:#f7f5f0;border:1px solid #e7e2d6;border-radius:12px;padding:10px 12px}
.pk-facts dt{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;font-weight:800;color:#5d6a63}
.pk-facts dt small{text-transform:none;letter-spacing:0;font-weight:600}
.pk-facts dd{margin:3px 0 0;font-weight:800;font-size:15px;color:#17211d;overflow-wrap:anywhere}
.pk-facts dd small{display:block;font-weight:500;font-size:12.5px;color:#4d5b54;margin-top:3px}
.pk-facts dd a{color:#1d5a40}
.pk-loading{font-weight:500;color:#7a857f}
.pk-na{font-weight:600;color:#7a857f}
.pk-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.pk-small{font-size:12.5px;color:#5d6a63;margin:0}
.pk-small a{color:#1d5a40}
.pk-cta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:28px 0 8px}
.pk-cta-card{display:grid;gap:6px;background:#f3f6f1;border:1px solid #dfe5e0;border-radius:16px;padding:16px 18px;text-decoration:none;color:#17211d}
.pk-cta-card b{font-size:16.5px;color:#173a2d}
.pk-cta-card span{font-size:14px;color:#3d4b44}
.pk-cta-card:hover{border-color:#9fbfae;background:#eef5f0}
.pk-sources{margin:26px 0 0;max-width:900px}
.pk-sources h2{font-size:20px;margin:0 0 6px}
.pk-sources p{font-size:14px;color:#3d4b44}
@media(max-width:1020px){.pk-layout{grid-template-columns:1fr}.pk-panel{position:static}.pk-map{height:62vh;min-height:360px}}
@media(max-width:720px){.pk-cta{grid-template-columns:1fr}.pk-search-row .btn{padding-inline:14px}.pk-map{border-radius:14px}}

/* Kaartlagenmenu: met zeven lagen op de telefoon inklapbaar houden */
@media(max-width:640px){.ga-maplayers-onmap{max-width:150px}.ga-maplayers-onmap .ga-maplayer-btn{min-height:28px;padding:4px 8px!important;font-size:11.5px!important}}

/* ---------- Perceelpagina: brede rij voor bestemming ---------- */
.geo-facts>.geo-fact-wide{grid-column:1/-1}
.geo-facts dt small{text-transform:none;letter-spacing:0;font-weight:600}
.geo-facts dd small.geo-links a,.geo-facts dd a{color:#1d5a40}
.geo-source a{color:#1d5a40}

/* ---------- Grondprijsgrafiek ---------- */
.gpc{margin:6px 0 4px}
.gpc-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 18px;margin-bottom:6px}
.gpc-legend{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px;color:#3d4b44}
.gpc-legend span{display:inline-flex;align-items:center;gap:7px}
.gpc-legend i{display:inline-block;width:16px;height:2px;border-radius:2px}
.gpc-plot{position:relative}
.gpc svg{display:block;width:100%;height:auto;overflow:visible}
.gpc .gpc-grid line{stroke:#e6e9e4;stroke-width:1}
.gpc .gpc-axis text{fill:#6b7570;font-size:11px;font-variant-numeric:tabular-nums}
.gpc .gpc-line{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.gpc .gpc-end{stroke:#fff;stroke-width:2}
.gpc .gpc-endlabel{fill:#17211d;font-size:12px;font-weight:800}
.gpc .gpc-cross{stroke:#9aa39e;stroke-width:1}
.gpc-tip{position:absolute;pointer-events:none;background:#fff;border:1px solid #dfe5e0;border-radius:10px;padding:8px 10px;box-shadow:0 8px 24px rgba(23,58,45,.12);font-size:12.5px;min-width:150px;transform:translate(-50%,-100%);white-space:nowrap}
.gpc-tip b{display:block;font-size:12px;color:#5d6a63;font-weight:700;margin-bottom:4px}
.gpc-tip div{display:flex;align-items:center;gap:7px}
.gpc-tip div i{width:12px;height:2px;border-radius:2px;display:inline-block}
.gpc-tip div strong{font-variant-numeric:tabular-nums}
.gpc-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:12px 0 4px}
.gpc-facts>div{background:#f7f5f0;border:1px solid #e7e2d6;border-radius:12px;padding:10px 12px}
.gpc-facts dt{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;font-weight:800;color:#5d6a63}
.gpc-facts dd{margin:3px 0 0;font-weight:800;font-size:16px}
.gpc-facts dd small{display:block;font-weight:500;font-size:12px;color:#4d5b54}
.gpc details{margin-top:8px;font-size:13.5px}
.gpc details summary{cursor:pointer;color:#1d5a40;font-weight:700}
.gpc table{border-collapse:collapse;margin-top:6px;font-size:13px}
.gpc th,.gpc td{padding:4px 12px 4px 0;text-align:left;border-bottom:1px solid #eef0ec}
.gpc td.num,.gpc th.num{text-align:right;font-variant-numeric:tabular-nums}

/* ---------- Archief afgeronde inschrijvingen ---------- */
.oa-stats{display:flex;flex-wrap:wrap;gap:10px 22px;margin:4px 0 14px;color:#3d4b44;font-size:14px}
.oa-stats b{color:#17211d}
.oa-years{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
.og-item.og-archived{opacity:.96;border-left-color:#9aa39e}
.og-pill-archived{background:#eceeeb;color:#4d5b54}
.og-archive-link{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:#1d5a40;text-decoration:none;border-bottom:1px solid currentColor}

/* Inklapbaar lagenmenu op de telefoon */
.ga-maplayers-onmap.is-collapsible .ga-maplayers-title{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:6px;margin:0;padding:2px 2px}
.ga-maplayers-onmap.is-collapsible .ga-maplayers-title::after{content:"▾";font-size:12px;transition:transform .15s}
.ga-maplayers-onmap.is-collapsible:not(.is-collapsed) .ga-maplayers-title::after{transform:rotate(180deg)}
.ga-maplayers-onmap.is-collapsed>:not(.ga-maplayers-title){display:none!important}
.ga-maplayers-onmap.is-collapsed{padding:7px 10px}
.ga-maplayers-onmap.is-collapsible .ga-maplayers-title:focus-visible{outline:2px solid #2f6b52;outline-offset:2px;border-radius:4px}

/* Voorbeeldknoppen bij de zoekbalk: tekstlinks, geen knoppen */
.pk-search .pk-example{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;min-height:0!important;border-radius:0!important;color:#1d5a40!important;font:inherit!important;font-size:13px!important;font-weight:700!important;text-decoration:underline;text-underline-offset:2px;width:auto!important;display:inline}
.pk-search .pk-example:hover{color:#173a2d!important}

/* Databronnen: licentietabel */
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.method-table{width:100%;border-collapse:collapse;font-size:14px;min-width:640px}
.method-table th,.method-table td{text-align:left;vertical-align:top;padding:9px 12px 9px 0;border-bottom:1px solid #e6e9e4}
.method-table th{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#5d6a63}
.method-table td:first-child{font-weight:700;color:#173a2d;white-space:nowrap}
.method-table a,.method-list a{color:#1d5a40}
.method-list{margin:6px 0 10px;padding-left:20px;display:grid;gap:4px;font-size:14.5px}

/* Grafiek op de telefoon: leesbare letters, horizontaal schuiven */
@media(max-width:640px){
  .gpc-plot{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}
  .gpc-plot svg{min-width:560px}
  .gpc-tip{white-space:normal;max-width:220px;min-width:170px}
  .gpc-tip div{flex-wrap:wrap;row-gap:0}
  .gpc-tip div strong{white-space:nowrap}
  .gpc-tip div span{flex:1 1 100%;padding-left:19px;font-size:11.5px;color:#4d5b54}
}
.ga-maplayers-onmap.is-collapsed{max-width:none!important}
.ga-maplayers-onmap.is-collapsible .ga-maplayers-title{white-space:nowrap}