/* Landingspagina, variant A (29-10-2026). Naar de punten van Junior, akkoord Thijs: de loonzin als
   grote kop met de oude kop klein erboven, een grote aanmeldknop direct onder de kop, de vijf punten
   als labels, en de openstaande vacatures als korte lijst direct onder de hero. Teksten komen uit de
   admin (Website > Hero: Grote kop en Punten onder de tekst). Eigen bestand, want style.css groeit niet verder. */

.ha-txt .ha-sub{margin:6px 0 10px;font-size:1.0625rem;font-weight:600;line-height:1.3;color:var(--tekst);letter-spacing:-.015em}
.ha-txt h1.ha-kop-loon{line-height:1.12}

#public-shell .ha-cta .knop-cta.ha-primair{min-height:58px!important;padding:9px 9px 9px 22px!important}
#public-shell .ha-cta .knop-cta.ha-primair .cta-lbl{font-size:1.0625rem}
#public-shell .ha-cta .knop-cta.ha-primair .cta-arr{width:40px!important;height:40px!important}

.ha-punten{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;list-style:none;padding:0;margin:16px 0 0}
.ha-punten li{display:inline-flex;align-items:center;gap:7px;padding:7px 12px 7px 8px;border-radius:var(--r-pill);background:#fff;border:1px solid var(--lijn);font-size:.8125rem;line-height:1.25;color:var(--tekst)}
.ha-vink{flex:0 0 auto;width:20px;height:20px;border-radius:var(--r-pill);background:#C2FFAD;display:inline-flex;align-items:center;justify-content:center}
.ha-vink svg{width:12px;height:12px;stroke:var(--tekst);stroke-width:2.6;fill:none;stroke-linecap:round;stroke-linejoin:round}

#vac-boven{margin-top:30px}
#vac-boven:has(#partners-sectie[style*="none"]){display:none}
#vac-boven .partner-subkop{font-size:1.375rem;font-weight:700;letter-spacing:-.03em;margin:0 0 14px}
.partnergrid.vk-lijst{display:block;background:#fff;border:1px solid var(--lijn);border-radius:var(--r-lg);overflow:hidden}
.vk-rij{display:flex;align-items:center;gap:12px;padding:12px 14px;border-top:1px solid var(--lijn);cursor:pointer}
.vk-rij:first-child{border-top:0}
.vk-rij:hover{background:var(--grijs-1)}
.vk-rij:focus-visible{outline:2px solid #7342F4;outline-offset:-2px}
.vk-foto{width:60px;height:60px;border-radius:var(--r-md);object-fit:cover;flex:0 0 auto;background:var(--grijs-1)}
.vk-tekst{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.vk-tekst b{font-size:.9375rem;font-weight:650;color:var(--tekst)}
.vk-tekst span{font-size:.8125rem;color:var(--tekst-licht);line-height:1.3}
.vk-loon{flex:0 0 auto;background:#C2FFAD;color:var(--tekst);font-size:.75rem;font-weight:650;padding:6px 9px;border-radius:var(--r-pill);white-space:nowrap}

/* Telefoon: een foto bovenaan, zodat kop en knop in het eerste scherm staan. */
@media (max-width:760px){
  .ha-right{display:none}
  #public-shell .ha-cta .knop-cta.ha-primair{width:100%}
}

/* Privacyvinkje bij het versturen van de aanmelding, met de downloadlink naar de pdf (29-10). */
.privacy-vink{margin:18px 0 4px;text-align:left}
.privacy-vink label{display:flex;align-items:flex-start;gap:10px;font-size:.875rem;line-height:1.45;color:var(--tekst);cursor:pointer}
.privacy-vink input[type=checkbox]{flex:0 0 auto;width:20px;height:20px;margin:1px 0 0;accent-color:#7342F4}
.privacy-vink a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.privacy-vink .privacy-pdf{display:inline-block;margin:8px 0 0 30px;font-size:.8125rem;color:var(--tekst-zacht)}