@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');
.hj-behandelingen-page{--hj-sand:#efe6db;--hj-green:#546b4a;--hj-deep:#314531;--hj-earth:#b79676;--hj-paper:#f7f2ec;--hj-line:rgba(84,107,74,.45);--hj-serif:'Libre Baskerville',Georgia,serif;--hj-sans:'DM Sans','Helvetica Neue',Arial,sans-serif;background:var(--hj-sand);color:#29352a;font-family:var(--hj-sans)}
.hj-behandelingen-page .hj-beh-intro,.hj-behandelingen-page .hj-beh-detail{position:relative;width:min(1160px,calc(100% - 120px));margin:0 auto;display:grid;grid-template-columns:minmax(180px,.72fr) 1.28fr;gap:clamp(48px,9vw,150px);align-items:start;padding:106px 0 126px}.hj-behandelingen-page .hj-beh-intro:after,.hj-behandelingen-page .hj-beh-detail:after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--hj-line)}
.hj-behandelingen-page .hj-beh-eyebrow{margin:0 0 22px;color:var(--hj-green);font-size:10px;letter-spacing:.18em;text-transform:uppercase}.hj-behandelingen-page h1,.hj-behandelingen-page h2{margin:0;color:var(--hj-deep);font:400 clamp(39px,4.1vw,58px)/1.18 var(--hj-serif);letter-spacing:-.035em}.hj-behandelingen-page .hj-beh-rule{display:block;width:43px;height:1px;margin:30px 0 22px;background:var(--hj-line)}.hj-behandelingen-page .hj-beh-lead{margin:0 0 9px;color:var(--hj-deep);font:400 19px/1.5 var(--hj-serif)}.hj-behandelingen-page .hj-beh-muted{margin:0;max-width:285px;color:var(--hj-green);font-size:15px}
.hj-beh-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--hj-line);border-left:1px solid var(--hj-line)}.hj-beh-tile{position:relative;display:flex;flex-direction:column;min-height:178px;padding:23px 22px 20px;border-right:1px solid var(--hj-line);border-bottom:1px solid var(--hj-line);background:rgba(247,242,236,.18);color:var(--hj-deep);text-decoration:none;transition:background .2s ease,color .2s ease;gap:0}.hj-beh-tile:hover,.hj-beh-tile:focus-visible{background:var(--hj-deep);color:var(--hj-paper);outline:none}.hj-beh-tile-number{flex:0 0 auto;min-height:15px;color:var(--hj-green);font-size:10px;letter-spacing:.1em}.hj-beh-tile:hover .hj-beh-tile-number,.hj-beh-tile:focus-visible .hj-beh-tile-number{color:var(--hj-earth)}.hj-beh-tile-title{display:block;margin-top:20px;min-height:54px;color:inherit;font:400 20px/1.35 var(--hj-serif);white-space:pre-line}.hj-beh-arrow{width:1em;height:1em;display:inline-block;vertical-align:-.1em;color:currentColor}.hj-beh-tile>.hj-beh-arrow{margin-top:auto;align-self:flex-end}.hj-beh-editor-link-hint{display:block;margin-top:12px;color:var(--hj-green);font:400 10px/1.35 var(--hj-sans);opacity:.72}.hj-beh-tile-editor .hj-beh-tile-title{margin-top:20px}.hj-beh-tile-editor .hj-beh-arrow{margin-top:auto;align-self:flex-end}.hj-beh-tile-editor{cursor:text}.hj-beh-tile-editor.is-selected{box-shadow:inset 0 0 0 2px var(--hj-green)}
.hj-beh-detail .hj-beh-visual h2{margin-bottom:30px}.hj-beh-placeholder-image{margin:0}.hj-beh-placeholder-image img{width:100%;aspect-ratio:4/3;object-fit:cover;border:1px solid rgba(84,107,74,.3)}.hj-beh-placeholder-image figcaption{margin-top:10px;color:var(--hj-green);font-size:11px}.hj-beh-copy{max-width:620px;padding-top:3px}.hj-beh-copy p{margin:0 0 20px;color:var(--hj-green)}.hj-beh-copy .hj-beh-detail-lead{margin-bottom:24px;color:var(--hj-deep);font:400 23px/1.45 var(--hj-serif)}.hj-beh-copy .hj-beh-emphasis{color:var(--hj-deep);font:400 18px/1.5 var(--hj-serif)}.hj-beh-list{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;margin:4px 0 25px;padding:0;list-style:none;color:var(--hj-green)}.hj-beh-list li{position:relative;padding:8px 0 8px 19px;border-bottom:1px solid rgba(84,107,74,.22)}.hj-beh-list li:before{content:'';position:absolute;left:1px;top:17px;width:6px;height:6px;border-radius:50%;background:var(--hj-earth)}.hj-beh-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:34px}.hj-beh-action{display:inline-flex;align-items:center;gap:.32em;white-space:nowrap;text-decoration:none;font-size:13px}.hj-beh-action-fill{border:0;padding:14px 18px;background:var(--hj-green);color:var(--hj-paper)}.hj-beh-action-outline{border-bottom:1px solid var(--hj-line);padding:4px 0 7px;color:var(--hj-green)}
@media(max-width:800px){.hj-behandelingen-page .hj-beh-intro,.hj-behandelingen-page .hj-beh-detail{width:min(100% - 40px,680px);grid-template-columns:1fr;gap:40px;padding:78px 0 88px}.hj-beh-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hj-beh-tile{min-height:150px;padding:18px 16px}.hj-beh-tile-title{margin-top:18px;min-height:50px;font-size:18px}.hj-beh-list{grid-template-columns:1fr}.hj-beh-copy .hj-beh-detail-lead{font-size:21px}.hj-beh-actions{gap:18px}.hj-beh-action-fill{padding:13px 16px}}
@media(min-width:801px) and (max-width:1040px){.hj-behandelingen-page .hj-beh-intro,.hj-behandelingen-page .hj-beh-detail{width:min(100% - 72px,960px)}.hj-beh-tile{padding-left:18px;padding-right:18px}}

/* v1.2.0 — alleen Behandelingen: ruimte, tegels en CTA's */
.hj-behandelingen-page .hj-beh-intro-label h1{margin-bottom:26px}
.hj-behandelingen-page .hj-beh-intro-label .hj-beh-lead{margin-bottom:19px}
.hj-behandelingen-page .hj-beh-intro-label .hj-beh-muted{line-height:1.7}
.hj-behandelingen-page .hj-beh-visual h2{margin-bottom:48px}
.hj-behandelingen-page .hj-beh-title-line{display:block;margin-top:20px;line-height:1.35}
.hj-behandelingen-page .hj-beh-tile-title{display:inline;margin:0;min-height:0;white-space:normal}
.hj-behandelingen-page .hj-beh-title-line .hj-beh-arrow{width:.7em;height:.7em;margin-left:.25em;vertical-align:baseline;transform:translateY(.04em)}
.hj-behandelingen-page .hj-beh-tile>.hj-beh-arrow{display:none}
.hj-behandelingen-page .hj-beh-actions{display:flex;gap:clamp(18px,3vw,36px);align-items:center;flex-wrap:wrap;margin-top:40px}
.hj-behandelingen-page .hj-beh-actions .wp-block-button{margin:0}
.hj-behandelingen-page .hj-beh-actions .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;gap:.55em;white-space:normal;border-radius:0!important;box-shadow:none!important;font-family:var(--hj-sans);font-size:15px;line-height:1.4;text-decoration:none!important}
.hj-behandelingen-page .hj-beh-actions .hj-beh-action-fill .wp-block-button__link{background:#546a4b!important;color:#fff!important;border:0!important;padding:16px 23px!important}
.hj-behandelingen-page .hj-beh-actions .wp-block-button:not(.hj-beh-action-fill) .wp-block-button__link{background:transparent!important;color:#546a4b!important;padding:8px 0!important;border:0!important;border-bottom:1px solid rgba(84,106,75,.5)!important}
.hj-behandelingen-page .hj-beh-actions .hj-beh-arrow{width:.85em;height:.85em;flex-shrink:0}
/* Gutenberg editor: laat CTA's zo veel mogelijk overeenkomen met frontend */
.editor-styles-wrapper .hj-behandelingen-page .hj-beh-actions .wp-block-button__link{border-radius:0}

/* v1.2.1: direct bewerkbare tegelkoppen in Gutenberg; uitsluitend Tarieven heeft een pijl. */
.hj-beh-tile-editor .hj-beh-inline-title{display:inline-block;vertical-align:baseline;max-width:100%;}
.hj-beh-tile-editor .hj-beh-inline-title .components-base-control__field{margin:0;}
.hj-beh-tile-editor .hj-beh-inline-title .components-base-control__label{display:block;font:400 10px/1.4 var(--hj-sans);color:var(--hj-green);margin-bottom:5px;}
.hj-beh-tile-editor .hj-beh-inline-title textarea{box-sizing:border-box;width:100%;min-height:60px;padding:3px 4px;resize:vertical;background:transparent;color:inherit;border:1px dashed var(--hj-line);border-radius:0;font:400 20px/1.35 var(--hj-serif);}
.hj-beh-tile-editor .hj-beh-inline-title textarea:focus{border-color:var(--hj-green);box-shadow:0 0 0 1px var(--hj-green);outline:none;}
