/* Uit detail.php gehaald (audit 2026-07-20): statisch CSS-blok, identiek op elke detailpagina.
   Extern = 1 jaar browsercache over de hele detail-paginaklasse i.p.v. ~15,7KB per HTML-respons. */
	/* #18 skip-to-content moved from inline to style block */
	.skip-to-content{position:absolute;left:-9999px;top:0;z-index:9999;padding:8px 16px;background:#333;color:#fff;font-size:14px;text-decoration:none}
	.skip-to-content:focus{left:0}
	.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

	/* #29 Inline styles moved here */
	.detail-container-pad{padding-top:10px;text-align:right}
	.back-to-results-bottom{text-align:center;padding:6px 0 34px}
	/* overflow-x:clip i.p.v. global 'hidden' zodat het sticky contactblok meescrolt (hidden breekt position:sticky) */
	html,body{overflow-x:clip}
	.gallery-img-sold-blur{-webkit-filter:grayscale(1);filter:blur(10px)}
	.gallery-img-sold-gray{-webkit-filter:grayscale(1);filter:grayscale(1)}
	.sold-warning{color:#A80000}
	.padding-top-35-flush{margin-bottom:0;padding-bottom:0}
	.right-button-spaced{margin-top:8px}
	.report-error-link{font-size:11px;color:#999;text-decoration:none}
	.svg-icon-spaced{margin-right:6px}
	.form-error{color:red}

	/* === Modern Kenmerken section === */
	.kenmerken-status{display:flex;align-items:center;gap:10px;background:#fff5f5;border:1px solid #f3c2c2;color:#A80000;padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:14px;font-weight:500}
	.kenmerken-status svg{flex-shrink:0;fill:#A80000}

	/* Highlights card grid */
	.kenmerken-highlights{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:18px}
	@media(min-width:560px){.kenmerken-highlights{grid-template-columns:repeat(3,1fr);gap:12px}}
	@media(min-width:900px){.kenmerken-highlights{grid-template-columns:repeat(3,1fr);gap:14px}}
	.kenmerk-card{background:#f9fbfa;border:1px solid #e5ebe7;border-radius:10px;padding:12px 14px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:11px;row-gap:2px;align-items:center;transition:border-color 0.15s,background 0.15s}
	.kenmerk-card:hover{border-color:#15924f;background:#f4faf2}
	.kenmerk-card-icon{grid-row:1 / span 2;align-self:center;display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:#fff;border-radius:8px;border:1px solid #e5ebe7}
	.kenmerk-card-icon svg{width:18px;height:18px;fill:#15924f}
	.kenmerk-card-label{grid-column:2;align-self:end;font-size:11px;text-transform:uppercase;letter-spacing:0.5px;color:#6a7570;font-weight:600;line-height:1.2}
	.kenmerk-card-value{grid-column:2;align-self:start;font-size:17px;color:#1a3a2a;font-weight:700;line-height:1.2;word-break:break-word}
	.kenmerk-card-value.kenmerk-strike{text-decoration:line-through;color:#888;font-weight:600}
	.kenmerk-card-value.kenmerk-small{font-size:14px;font-weight:600}

	/* Compact details list */
	.kenmerken-section-title{font-size:11px;text-transform:uppercase;letter-spacing:0.7px;color:#6a7570;font-weight:700;margin:18px 0 8px;padding-bottom:6px;border-bottom:1px solid #e5ebe7}
	.imo-secbar{display:block;background:linear-gradient(135deg,#1a3a2a,#2d6a3e);color:#fff;border-radius:10px;padding:13px 18px;font-size:1.15em;font-weight:700;margin:24px 0 14px;letter-spacing:normal;text-transform:none;border-bottom:none}
	/* Eén kader rond alle 'Aanvullende details' (Referentie + Ruimtelijke Ordening + disclaimer + link) */
	.aanv-det-box{border:1px solid #e5ebe7;border-radius:12px;background:#fff;padding:8px 18px 16px;margin:0 0 6px;box-shadow:0 1px 3px rgba(26,58,42,.04)}
	.aanv-det-box>*:first-child{margin-top:0}
	@media(max-width:560px){.aanv-det-box{padding:6px 12px 12px}}
	.kenmerken-details{display:grid;grid-template-columns:1fr;gap:0;margin:0}
	.kenmerken-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid #f0f3f1;font-size:14px}
	.kenmerken-row:last-child{border-bottom:none}
	.kenmerken-row-label{color:#6a7570}
	.kenmerken-row-value{color:#1a3a2a;font-weight:600;text-align:right;display:flex;align-items:center;gap:8px;justify-content:flex-end;flex-wrap:wrap}
	.kenmerken-row-value sup{font-size:0.7em;vertical-align:super}

	/* EPC inline badge */
	.epc-badge-inline{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:22px;padding:0 8px;border-radius:4px;font-size:12px;font-weight:700;color:#fff;line-height:1}

	/* Empty placeholder (Niet meegedeeld) - subtle styling so it's clear data is missing */
	.kenmerken-row-value-empty{color:#9aa39e;font-weight:500;font-style:italic}

	/* Ruimtelijke Ordening disclaimer note */
	.kenmerken-ro-note{margin:10px 0 0;padding:10px 12px;background:#f4f7f5;border-left:3px solid #c5cfc9;border-radius:4px;font-size:12px;line-height:1.5;color:#5a6560;font-style:normal}

	/* #M9 iOS-safe form input font-size (16px min prevents zoom-on-focus) */
	.property-input{font-size:16px;min-height:44px}
	textarea.property-input{min-height:96px}

	/* #A3 Accessible keyboard focus indication */
	a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.header-mobile__menu:focus-visible,.close-popup:focus-visible{outline:2px solid #15924f;outline-offset:2px;border-radius:2px}
	a:focus:not(:focus-visible),button:focus:not(:focus-visible){outline:none}

	/* #A5 Respect prefers-reduced-motion */
	@media(prefers-reduced-motion:reduce){
		.kenmerk-card{transition:none}
		*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}
	}

	/* #S7 Visible breadcrumbs above the h1 */
	.kenmerken-breadcrumb{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:10px 0 14px;font-size:13px;color:#6a7570;margin:0;list-style:none}
	.kenmerken-breadcrumb li{display:flex;align-items:center;gap:6px}
	.kenmerken-breadcrumb a{color:#15924f;text-decoration:none}
	.kenmerken-breadcrumb a:hover{text-decoration:underline}
	.kenmerken-breadcrumb svg{width:10px;height:10px;fill:#c5cfc9}
	.kenmerken-breadcrumb [aria-current="page"]{color:#1a3a2a;font-weight:600}
	@media(max-width:560px){.kenmerken-breadcrumb{font-size:12px;gap:4px;padding:8px 0 10px}.kenmerken-breadcrumb svg{width:8px;height:8px}}

	@media(max-width:560px){
		.kenmerk-card{padding:12px 10px}
		.kenmerk-card-value{font-size:15px}
		.kenmerken-row{font-size:13px;padding:8px 0}
	}

	@media(min-width:768px){.object__contact{position:-webkit-sticky;position:sticky;top:70px;align-self:flex-start;max-height:calc(100vh - 84px);overflow-y:auto}.detail-info__box{padding-bottom:0;margin-bottom:0}.detail-info__box .object-info__item:last-child{margin-bottom:0;padding-bottom:10px}.detail-info__box .object-info__list:last-child{margin-bottom:0;padding-bottom:0}.detail__flex{gap:15px}.detail-info__box>div:last-child{margin-bottom:0}}
	@media(max-width:767px){.detail-info__box{margin-bottom:0 !important;padding-bottom:0 !important}.object__contact{margin-top:10px !important;padding-top:0 !important}.detail__flex{gap:0 !important}}
	.gallery-navigation__button a span,.gallery-navigation__title{color:#15924f}
	.gallery-navigation__button svg{fill:#15924f}
	.back-to-results{display:inline-flex;align-items:center;gap:7px;color:#fff;text-decoration:none;font-size:14px;font-weight:700;padding:10px 20px;margin:4px 0 14px;border:1.5px solid #15924f;border-radius:24px;background:#15924f;box-shadow:0 2px 8px rgba(21,146,79,.22);transition:.15s}
	.back-to-results:hover{background:#0f7a40;border-color:#0f7a40;color:#fff;box-shadow:0 4px 14px rgba(21,146,79,.3)}
	.back-to-results svg{stroke:#fff}
	.epc-reno-note{background:#fff8e9;border:1px solid #f0e0b8;color:#7a5e16;font-size:13.5px;line-height:1.55;padding:12px 15px;border-radius:10px;margin:12px 0 0}
	.kenmerken-flood-link{margin:8px 0 0}
	.kenmerken-flood-link a{color:#0071b3;font-weight:600;font-size:14px;text-decoration:none}
	.kenmerken-flood-link a:hover{text-decoration:underline}
	.waardecheck-cta{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;background:linear-gradient(135deg,#1a3a2a,#2d6a3e);color:#fff;border-radius:12px;padding:18px 22px;margin:24px 0;text-decoration:none}
	.waardecheck-cta__txt strong{display:block;font-size:1.15em;margin-bottom:2px}
	.waardecheck-cta__txt span{font-size:14px;color:rgba(255,255,255,.85)}
	.waardecheck-cta__btn{background:#fff;color:#1a3a2a;font-weight:700;padding:11px 20px;border-radius:24px;white-space:nowrap}
	.waardecheck-cta:hover .waardecheck-cta__btn{background:#eafbe9}
	.btn-gallery-flex{display:flex;align-items:center;width:100%;text-decoration:none;color:inherit}
	.btn-gallery-thumb{width:80px;height:60px;object-fit:cover;border-radius:4px;border:1px solid #ddd;flex-shrink:0}
	.btn-gallery-text{font-size:15px;font-weight:600;color:#333}
	.btn-gallery-text-spaced{margin-left:12px}
	.btn-gallery-count{margin-left:8px;background:#15924f;color:#fff;border-radius:12px;padding:2px 10px;font-size:13px;font-weight:600}
	.btn-gallery-arrow{margin-left:auto}
	.photo-gallery-bar{margin:25px 0 10px;cursor:pointer;border:1px solid #e0e0e0;border-radius:8px;padding:14px 20px;display:flex;align-items:center;background:linear-gradient(135deg,#f8f9fa 0%,#ffffff 100%);transition:all 0.2s ease;box-shadow:0 1px 3px rgba(0,0,0,0.08)}
	.photo-gallery-bar:hover{border-color:#15924f;box-shadow:0 2px 8px rgba(21,146,79,0.15)}
	/* Grote hero-fotogalerij bovenaan verbergen: foto's worden enkel via de "Bekijk alle foto's"-balk (lightbox) getoond */
	.gallery-section{display:none}

	/* === Sectiebalk-titels: helder schreefloos lettertype i.p.v. de dunne/wazige Instrument Serif-kop === */
	.imo-secbar,.object-info__titles,.aankoop-calc__title,.lening-calc__title,.imo-locmap h2,.off-block__title,.offline-card__title{font-family:var(--font-body,'Schibsted Grotesk',system-ui,-apple-system,sans-serif)!important;font-weight:700!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}

	/* === Detail-layout + contactkolom (basisregels hersteld; zaten vroeger in styles/detail.css, dat niet meer geladen wordt) === */
	.detail__flex{display:flex;align-items:flex-start;justify-content:space-between}
	.detail-info__box{width:67%}
	.object__contact{width:30%}
	@media(max-width:767px){.detail__flex{flex-direction:column}.detail-info__box,.object__contact{width:100%}}
	.object-contact__box{border:1px solid #e6e2e2;border-radius:10px}
	.object-contact__detail{padding:20px;border-bottom:1px solid #e6e2e2}
	.object-contact__name{display:block;font-size:22px;font-weight:600;color:#1a3a2a}
	.object-contact__actions{padding:20px}
	.post-house__text{font-weight:400;font-size:16px;line-height:22px;padding:10px 0}
	.property-input{width:100%;border:1px solid #d8dee0;border-radius:6px;padding:10px 12px;background:#fff;color:#333}
	.object-contact__button{display:block;width:100%;text-align:center;cursor:pointer;background:#15924f;border:none;border-radius:10px;color:#fff;padding:15px;font-size:16px;font-weight:700;-webkit-appearance:none;appearance:none;transition:background .15s}
	.object-contact__button:hover{background:#0f7a40}
	.right-button{text-align:center;margin-top:18px}
	.small_font{font-size:11px;padding-bottom:0}

	/* ===== Opmaak-verfijningen detailpagina ===== */
	/* Adres: kleiner, donkergroen, schreefloos */
	.object-info__title{font-family:var(--font-body,'Schibsted Grotesk',system-ui,-apple-system,sans-serif)!important;font-size:23px;font-weight:700;color:#1a3a2a;line-height:1.25;padding-bottom:8px}
	@media(max-width:560px){.object-info__title{font-size:20px}}
	/* Kerncijfers op één lijn met fijne bullets ertussen */
	.object-info__parameters{display:flex;flex-wrap:wrap;align-items:center;gap:0;color:#5a6560;font-size:14px;padding:8px 0 14px}
	.object-info__parameters>div{display:inline-flex;align-items:center;margin:0}
	.object-info__parameters>div svg{width:18px;height:18px;margin-right:5px}
	.object-info__parameters>div+div::before{content:"•";margin:0 12px;color:#b9c4be;font-weight:700}
	.object-info__parameters .bold-dark{color:#1a3a2a;font-weight:700}
	/* Omschrijving uitgevuld (justified) */
	.object-info__description p{font-size:15px;line-height:1.65;text-align:justify;-webkit-hyphens:auto;hyphens:auto;color:#33433b;margin-bottom:14px}
	/* Prijsgeschiedenis: duidelijke rijen (datum links, prijs rechts) */
	.object-info__list{margin:0}
	.object-info__list-item{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #eef0ee;padding:11px 2px;font-size:14px}
	.object-info__list-item>div:first-child{font-weight:600;color:#1a3a2a;white-space:nowrap}
	.object-info__list-right{display:flex;align-items:center;color:#33433b;font-weight:600}
	.object-info__list-right span{padding-right:4px}
	/* Fijne kader rond de info-boxen */
	.aankoop-calc,.lening-calc,.imo-locmap,.hood{border:1px solid #e5ebe7!important;border-radius:12px!important;padding:16px!important;background:#fff!important;margin:18px 0!important;box-shadow:0 1px 3px rgba(0,0,0,.04)!important}
	.aankoop-calc__title,.lening-calc__title,.imo-locmap h2,.hood__title{margin:0 0 14px!important}
	/* 'Wonen in deze buurt'-titel zelfde heldere font als de andere balken */
	.hood__title{font-family:var(--font-body,'Schibsted Grotesk',system-ui,-apple-system,sans-serif)!important;font-weight:700!important;-webkit-font-smoothing:antialiased}
	/* Kleine 'Kaart'-knop (bovenaan de contactkolom i.p.v. grote afbeelding) */
	.object-info__map{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid #d8e0db;border-radius:8px;background:#fff;color:#1a3a2a;font-size:13px;font-weight:600;text-decoration:none}
	.object-info__map:hover{border-color:#15924f;color:#15924f}
	.object-info__map img{width:20px;height:20px}
	.object-info__map br{display:none}
	.object-info__map span{padding:0;font-size:13px;display:inline}
	/* Deel-/Bewaren-popups: verborgen tot ze geopend worden (niet langer als losse tekst in de pagina) */
	.popup{position:fixed;width:100%;height:100vh;top:0;left:0;z-index:10000;display:none}
	.popup-overlay{position:absolute;width:100%;height:100%;background:rgba(0,0,0,.45)}
	.popup-body{background:#fff;padding:25px;position:relative;display:inline-block;top:50%;left:50%;transform:translate(-50%,-50%);width:350px;max-width:90vw;box-shadow:0 0 40px rgba(0,0,0,.5);border-radius:12px}
	.close-popup{color:#15924f;font-size:18px;position:absolute;right:14px;top:12px;cursor:pointer;background:none;border:none;line-height:1}
	.popup-share__title{text-align:left;color:#1a3a2a;padding-bottom:12px;font-size:22px;font-weight:700}
	.popup-share__media{padding:10px 0;border-bottom:1px solid #eee;color:#0071b3;display:flex;align-items:center}
	.popup-share__media svg{margin-right:10px}
	/* Sectiekoppen (h2/h3) in de detailcontent helder schreefloos i.p.v. de wazige serif (o.a. 'Prijsevolutie…', 'Handig om te weten…') */
	.detail__section h2,.detail__section h3,.vgp-chart h3,.imo-bloglinks h2{font-family:var(--font-body,'Schibsted Grotesk',system-ui,-apple-system,sans-serif)!important;font-weight:700!important;-webkit-font-smoothing:antialiased}
	/* 'automatisch samengesteld'-badge bij de buurt-box weglaten */
	.hood__badge{display:none!important}
	/* Prijs Geschiedenis als fijne kader (box), titelbalk strak bovenaan */
	.object-info__list.pg-box{border:1px solid #e5ebe7;border-radius:12px;padding:16px;background:#fff;margin:18px 0;box-shadow:0 1px 3px rgba(0,0,0,.04)}
	.object-info__list.pg-box .pg-head{margin-top:0}
	/* Prijsgeschiedenis-rijen extra duidelijk: datum als label links, prijs prominent rechts */
	.object-info__list.pg-box .object-info__list-item>div:first-child{font-weight:600;color:#5a6560;font-size:13px}
	.object-info__list.pg-box .object-info__list-right{color:#1a3a2a;font-weight:700;font-size:15px}