#pk_flex_content .flex_layout.content_vacature .flex_layout_wrapper {

}

#pk_flex_content .flex_layout.content_vacature .content_vacature_wrapper h4 {

}

#pk_flex_content .flex_layout.content_vacature .content_vacature_flex {
    display: flex;
    gap: 100px;
    align-items: flex-start;
}

#pk_flex_content .flex_layout.content_vacature .content_vacature_flex .text_wrapper h1,
#pk_flex_content .flex_layout.content_vacature .content_vacature_flex .text_wrapper h2,
#pk_flex_content .flex_layout.content_vacature .content_vacature_flex .text_wrapper h3,
#pk_flex_content .flex_layout.content_vacature .content_vacature_flex .text_wrapper h4,
#pk_flex_content .flex_layout.content_vacature .content_vacature_flex .text_wrapper h5,
#pk_flex_content .flex_layout.content_vacature .content_vacature_flex .text_wrapper h6{
    margin-bottom: 20px;
    margin-top: 30px;
}

#pk_flex_content .flex_layout.content_vacature .content_vacature_flex .text_wrapper p,
#pk_flex_content .flex_layout.content_vacature .content_vacature_flex .text_wrapper ul{
    margin-bottom: 20px;
    margin-top: 20px;
}


#pk_flex_content .flex_layout.content_vacature .content_vacature_flex .info_col{
    background: var(--wp--preset--color--fl-body-text);
    padding: 50px 40px 40px 40px;
    max-width: 440px;
    width: 100%;
    flex-shrink: 0;
    height: fit-content;
    color: white;
    position: relative;
    overflow: hidden;
}

.site-id-2 #pk_flex_content .flex_layout.content_vacature .content_vacature_flex .info_col{
    background: var(--wp--preset--color--fl-accent-hover);
    padding: 50px 40px 40px 40px;
}

#pk_flex_content .flex_layout.content_vacature .content_vacature_flex .info_col h3{
    color: white;
    font-size: 40px;
    margin-bottom: 0px;
}

#pk_flex_content .flex_layout.content_vacature .content_vacature_flex .info_col h4{
    color: white;
    margin-bottom: 10px;
}

#pk_flex_content .flex_layout.content_vacature .content_vacature_flex .info_col .delen{
    margin-top: 40px;
}

#pk_flex_content .flex_layout.content_vacature .content_vacature_flex .info_col .delen .custom-share-buttons{
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
}

#pk_flex_content .flex_layout.content_vacature .content_vacature_flex .info_col .delen .custom-share-buttons a{
    transition: all 0.3s;
}

#pk_flex_content .flex_layout.content_vacature .content_vacature_flex .info_col .delen .custom-share-buttons a:hover{
    opacity: 0.8;
}

@media screen and (max-width: 1200px) {
    #pk_flex_content .flex_layout.content_vacature .content_vacature_flex {
        gap: 70px;
    }
}

@media screen and (max-width: 992px) {
    #pk_flex_content .flex_layout.content_vacature .content_vacature_flex {
        gap: 40px;
    }
    
    #pk_flex_content .flex_layout.content_vacature .content_vacature_flex .info_col{
        padding: 40px 20px 30px 20px;
        max-width: 360px;
    }
    
    .flex_layout.content_vacature .cta_box .cta_content{
        flex-direction: column;
    }
    
    .flex_layout.content_vacature .cta_box .cta_content img{
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    #pk_flex_content .flex_layout.content_vacature .content_vacature_flex {
        flex-direction: column;
    }

    #pk_flex_content .flex_layout.content_vacature .content_vacature_flex .info_col {
        max-width: 100%;
    }
}

.recruiter-block p a {margin-left:10px;}
.recruiter-block {margin-top:20px}
.recruiter-block a {color: #fff!important}
.recruiter-block a:hover {color:inherit}
.recruiter-photo {
  width: 120px;
  height: 120px;
  border-radius: 50%; /* optioneel, voor ronde foto */
  overflow: hidden;
  display: inline-block;
  background-color: #f2f2f2; /* optioneel als achtergrond */
}

.recruiter-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.hs_applybutton a.hs_apply_button, .hs_referralbutton a.hs_referral_button {
	margin-top:20px;
}


/* Mobiele floating buttons */
.recruiter-float-widget {
  position: fixed;
  bottom: 15px;
  right: 15px;
  background: #eee;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
  padding: 10px 14px;
  display: flex;
  align-items: center;
  max-width: 90%;
  z-index: 9999;
}


/* RivaKids */
.site-id-1 .recruiter-float-widget {
background: #d3a1ac;
}

/* Fris */
.site-id-2 .recruiter-float-widget {
background: #499ae3;
}

/* Topkids */
.site-id-3 .recruiter-float-widget {
background: #e3dcc8;
}

/* PUUR */
.site-id-4 .recruiter-float-widget {
background: #cccccc;
}

/*SKO*/
.site-id-5 .recruiter-float-widget {
background: #e2ebe9;
}	

.recruiter-float-inner {
  display: flex;
  align-items: center;
  gap: 10px; /* ruimte tussen foto en knoppen */
}

.recruiter-float-photo img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
}

.recruiter-float-actions {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.recruiter-float-actions a {
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  padding: 6px 10px;
  border-radius: 6px;
  text-decoration: none;
  text-align: center;
  color: #fff;
}

.btn-whatsapp {
  background: #25d366;
}

.btn-solliciteer {
  background: #e83b6c;
}

/* Alleen mobiel tonen */
@media (min-width: 768px) {
  .recruiter-float-widget {
    display: none;
  }
}

/* === sticky info_col (desktop only) === */
/* Zorg dat dit onder je bestaande regels staat zodat het overschrijft */
@media screen and (min-width: 768px) {

  /* Verwijder of overschrijf de oude position/overflow */
  #pk_flex_content .flex_layout.content_vacature .content_vacature_flex .info_col {
    position: -webkit-sticky; /* safari */
    position: sticky;
    top: calc(var(--vacature-sticky-top, 180px)); /* dynamisch via JS (fallback 120px) */
    /* let sticky determine height behaviour */
    overflow: visible !important; /* belangrijk: sticky faalt als parent overflow:hidden */
    height: auto;
    transition: transform 350ms ease, opacity 350ms ease;
    will-change: transform, opacity;
    /* behoud overige styles */
    background: var(--wp--preset--color--fl-body-text);
    padding: 50px 40px 40px 40px;
    
    
    flex-shrink: 0;
    color: white;
  }

.site-id-6 #pk_flex_content .flex_layout.content_vacature .content_vacature_flex .info_col {top: calc(var(--vacature-sticky-top, 200px));}

  /* Optionele klasse wanneer 'sticky' actief is (voor slide/opacity) */
  #pk_flex_content .flex_layout.content_vacature .content_vacature_flex .info_col.is-stuck {
    transform: translateY(0);
    opacity: 1;
  }

  /* Startpositie (net vóór sticky) — subtiele slide-up when stuck */
  #pk_flex_content .flex_layout.content_vacature .content_vacature_flex .info_col {
    transform: translateY(6px);
    opacity: 0.98;
  }

  /* Zorg dat info_col niet over de footer heen plakt (optioneel) */
  /* Als je footer problemen ziet: zet een bottom spacer of gebruik IntersectionObserver */
}