/* JongStressVRIJ paginastijlen (aanvulling op Elementor globale klassen) */
h1.kop-h1>span:first-child{display:block;margin-bottom:14px;font-family:var(--jsv-font-tekst);font-size:15px;font-weight:700;line-height:1.4;letter-spacing:.04em;text-transform:uppercase;color:var(--jsv-groen-tekst)}
h1 em,h2 em{font-style:normal;background:linear-gradient(transparent 62%,#D6EBB5 62%)}
.e-paragraph-base a{color:var(--jsv-link)}
.bg-petrol .e-paragraph-base a{color:#B9DC86}
/* iconen */
[class*="ico-"]::before{content:"";display:block;width:22px;height:22px;background:currentColor;-webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat}
.ico-klok{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")}
.ico-pin{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.2-7-11.5A7 7 0 0 1 19 9.5C19 14.8 12 21 12 21z'/%3E%3Ccircle cx='12' cy='9.5' r='2.5'/%3E%3C/svg%3E")}
.ico-mensen{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Cpath d='M3.5 19a5.5 5.5 0 0 1 11 0'/%3E%3Ccircle cx='17' cy='9.5' r='2.3'/%3E%3Cpath d='M15.5 14.2A4.5 4.5 0 0 1 21 18.5'/%3E%3C/svg%3E")}
.ico-vink{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E")}
.ico-kruis{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E")}
/* hulpvragen-slider */
.hv-track{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;--per:4}
.hv-track::-webkit-scrollbar{display:none}
.hv-track>*{flex:0 0 calc((100% - (var(--per) - 1)*20px)/var(--per))!important;scroll-snap-align:start}
@media (max-width:1024px){.hv-track{--per:3}}
@media (max-width:767px){.hv-track{--per:1.15}}
.hv-vorige,.hv-volgende{width:52px!important;height:52px;min-height:52px!important;padding:0!important;font-size:0!important}
.hv-vorige::before,.hv-volgende::before{content:"";display:block;width:22px;height:22px;margin:auto;background:currentColor;-webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat}
.hv-vorige{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 18l-6-6 6-6'/%3E%3C/svg%3E")}
.hv-volgende{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18l6-6-6-6'/%3E%3C/svg%3E")}
/* behandelingen bekijk meer */
html.jsv-js .beh-meer:not(.is-open){display:none!important}
html:not(.jsv-js) .beh-meer-knop{display:none!important}
.beh-meer-knop.is-hidden{display:none!important}
/* FAQ accordeon */
.faq details{border:1px solid var(--jsv-lijn);border-radius:16px;background:#fff;overflow:hidden}
.faq details[open]>summary{background:var(--jsv-lichtgroen)}
.faq summary{cursor:pointer;padding:18px 22px;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:12px}
.faq summary::after{content:"";flex:0 0 22px;height:22px;background:#083E47;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .2s}
.faq details[open]>summary::after{transform:rotate(180deg)}
.faq summary>*:not(:first-child){display:none}
/* artikelpagina's */
.tekst ul,.tekst ol{margin:0;padding-left:1.25em;display:flex;flex-direction:column;gap:8px}
.tekst li::marker{color:#4D7A1B;font-weight:700}
.tekst a,.tekst-klein a,.kruimelpad a{color:var(--jsv-link);text-decoration:underline;text-underline-offset:2px}
.kruimelpad a{text-decoration:none}
.kruimelpad a:hover{text-decoration:underline}
.aside-links ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.aside-links a{display:flex;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px solid #E3E7E8;font-weight:700;color:var(--jsv-petrol);text-decoration:none}
.aside-links a::after{content:"›";color:var(--jsv-link)}
.aside-links a:hover{color:var(--jsv-link)}
.crisis-kaart a{color:#8A2A1A;font-weight:700}
.crisis-groot{font-size:17px!important;padding:24px 26px!important;border:2px solid #E7B8AE}
.crisis-groot ul{margin:10px 0 0;padding-left:1.2em;display:flex;flex-direction:column;gap:6px}
.cta-p a{color:#B9DC86}
.logo-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
@media (max-width:767px){.logo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.logo-grid img{width:100%;height:64px;object-fit:contain;padding:10px;border-radius:12px;background:#fff;border:1px solid #E3E7E8;box-sizing:border-box}
.formulier-plek:empty{display:none}
/* mobiel: knoppen direct onder de intro */
@media (max-width:767px){.hero-tekst>.kop-h1,.hero-tekst>.crisis-kaart{order:-3}.hero-tekst>.lead{order:-2}.hero-tekst>.knoppen{order:-1}}

.faq .tekst{max-width:860px}

/* === ronde 5: FAQ rustiger en ruimer === */
.faq{gap:14px!important}
.faq details{border:1px solid #DCE4E5!important;border-radius:18px!important;background:#fff;overflow:hidden;transition:border-color .15s,box-shadow .15s}
.faq details:hover{border-color:#B9DC86!important}
.faq details[open]{border-color:#B9DC86!important;box-shadow:0 10px 28px rgba(0,42,49,.07)}
.faq summary{padding:22px 26px!important;gap:20px!important;background:transparent!important;align-items:center}
.faq details[open]>summary{background:transparent!important;padding-bottom:10px!important}
.faq summary .e-paragraph-base,.faq summary p{font-size:18px;line-height:1.45}
.faq summary::after{flex:0 0 36px!important;width:36px;height:36px!important;border-radius:999px;background:var(--jsv-lichtgroen)!important;-webkit-mask:none!important;mask:none!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23083E47' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:center!important;background-size:18px!important}
.faq details[open]>summary::after{background-color:var(--jsv-groen)!important}
.faq .faq-inhoud,.faq details>div{padding:0 26px 24px!important}
.faq .tekst{max-width:none;color:#2B4A50}
@media (max-width:767px){.faq summary{padding:18px 18px!important}.faq .faq-inhoud,.faq details>div{padding:0 18px 20px!important}.faq summary .e-paragraph-base{font-size:17px}}

/* === ronde 5: mobiele hero korter, rest van de intro onder de foto === */
@media (max-width:767px){
  .hero-grid{flex-direction:column!important;align-items:stretch!important;gap:16px!important}
  .hero-tekst{display:contents!important}
  .hero-grid>.hero-beeld{order:4}
  .hero-tekst>.tekst{order:5}
  .hero-tekst>.vertrouwen{order:6}
  .hero-tekst>.kop-h1{font-size:2.1rem;line-height:1.1}
  .page-hero .hero-beeld{height:220px}
}