/* Vacancy styles – load from Avada child theme */
.vacatures-page{color:#4b4b4b;font-family:inherit}
.vacatures-container{max-width:1180px;margin:0 auto;padding:0 24px}
.vacatures-hero{background:#eaf5f8;padding:78px 0 72px}
.vacatures-eyebrow{display:block;color:#289fc0;font-size:12px;letter-spacing:.15em;font-weight:700;margin-bottom:14px}
.vacatures-hero h1{font-size:clamp(34px,4vw,52px);line-height:1.16;color:#414141;margin:0 0 20px}
.vacatures-hero p{max-width:750px;font-size:18px;line-height:1.75;margin:0}
.vacatures-listing,.vacature-body{padding:70px 0 90px}
.vacatures-listing h2{font-size:30px;margin:0 0 30px;color:#414141}
.vacatures-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.vacature-card,.vacature-content,.vacature-sidebox{background:#fff;border:1px solid #e6e8e9;padding:32px}
.vacature-card{display:flex;flex-direction:column;gap:16px;transition:box-shadow .2s,transform .2s}
.vacature-card:hover{box-shadow:0 12px 30px rgba(0,0,0,.07);transform:translateY(-2px)}
.vacature-tag{display:inline-block;background:#e7f6fa;color:#239cbd;padding:5px 12px;font-size:12px;font-weight:700}
.vacature-card h3{font-size:23px;line-height:1.3;margin:0}.vacature-card h3 a{color:#414141;text-decoration:none}.vacature-card h3 a:hover{color:#279fc1}
.vacature-meta{display:flex;flex-wrap:wrap;gap:9px}.vacature-meta span{font-size:13px;background:#f2f4f5;color:#59646a;padding:7px 11px}
.vacature-card p{font-size:15px;line-height:1.7;margin:0 0 8px}.vacature-link{margin-top:auto;color:#289fc0;font-weight:700;text-decoration:none}
.vacature-link:hover{text-decoration:underline}.vacatures-pagination{margin-top:36px}
.vacatures-back{display:inline-block;color:#289fc0;margin-bottom:30px;text-decoration:none}.vacature-meta--hero{margin:20px 0}.vacature-meta--hero span{background:#fff}
.vacature-lead{font-weight:500;margin:20px 0 25px!important}
.vacature-button{display:inline-block;background:#2ca7c8;color:#fff!important;padding:13px 24px;text-decoration:none;font-weight:700;transition:background .2s}.vacature-button:hover{background:#1885a4}
.vacature-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:30px;align-items:start}
.vacature-content{padding:42px}.vacature-content h2{font-size:26px;color:#414141;margin:34px 0 15px}.vacature-content h2:first-child{margin-top:0}.vacature-content h3{font-size:21px;color:#414141;margin:28px 0 12px}.vacature-content p,.vacature-content li{line-height:1.8}.vacature-content li{margin-bottom:7px}.vacature-content ul{padding-left:23px}
.vacature-sidebox{position:sticky;top:35px}.vacature-sidebox h2{font-size:23px;margin:0 0 14px}.vacature-sidebox p{line-height:1.7;margin:0 0 20px}
@media(max-width:800px){.vacatures-hero{padding:52px 0}.vacatures-grid,.vacature-layout{grid-template-columns:1fr}.vacatures-listing,.vacature-body{padding:42px 0}.vacature-content{padding:26px}.vacature-sidebox{position:static}}
/* Vacaturetekst volledige breedte */
.vacature-layout {
    display: block;
    width: 100%;
}

.vacature-content {
    width: 100%;
    max-width: 100%;
}

/* Sollicitatieformulier onderaan */
.vacature-sollicitatie {
    background: #f3f5f6;
    padding: 60px 30px;
    margin-top: 60px;
    scroll-margin-top: 120px;
}



.vacature-sollicitatie h2 {
    color: #333;
    font-size: 30px;
    margin-bottom: 15px;
}

.vacature-sollicitatie p {
    margin-bottom: 30px;
}

/* Formulier volledige breedte */
.vacature-sollicitatie .fusion-form {
    width: 100%;
    max-width: 100%;
}

html {
    scroll-behavior: smooth;
}

@media (max-width: 767px) {
    .vacature-sollicitatie {
        padding: 35px 20px;
    }
}
/* Vacaturepagina: geen sidebar meer */
.vacature-layout {
    display: block !important;
    width: 100% !important;
    grid-template-columns: none !important;
}

/* Vacaturetekst volledige breedte */
.vacature-content {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0;
}

/* Sollicitatieformulier onderaan */
.vacature-sollicitatie {
    width: 100%;
    max-width: 100%;
    margin-top: 50px;
}
/* Avada vacaturepagina: volledige breedte */

body.post-type-archive-vacature #main,
body.single-vacature #main {
    width: 100%;
    max-width: 100%;
}

/* Buitenste vacature-wrapper */
.vacatures-page {
    width: 100%;
    max-width: none;
}

/* Content gecentreerd binnen full-width secties */
.vacatures-page .vacatures-container {
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

/* Hero */
.vacatures-archive .vacatures-hero {
    width: 100%;
    background: #eaf6fa;
}

/* Vacatureoverzicht */
.vacatures-archive .vacatures-listing {
    width: 100%;
}
/* Avada fusion-row full width */
body.vacatures-archive-page #main > .fusion-row,
body.vacatures-single-page #main > .fusion-row {
    width: 100% !important;
    max-width: none !important;
}

/* Eventuele breedtebeperking op #main */
body.vacatures-archive-page #main,
body.vacatures-single-page #main {
    width: 100% !important;
    max-width: none !important;
}

/* Vacaturesecties */
.vacatures-page {
    width: 100%;
    max-width: none;
}

/* Inhoud gecentreerd */
.vacatures-page .vacatures-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 30px;
}
/* Vacaturepagina: Avada breedtebeperking opheffen */
#main:has(> .fusion-row > .vacatures-page) {
    width: 100% !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top:0px !important;
}

#main > .fusion-row:has(> .vacatures-page) {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Secties volledige breedte */
.vacatures-page {
    width: 100% !important;
    max-width: none !important;
}

/* Inhoud gecentreerd houden */
.vacatures-page .vacatures-container {
    width: calc(100% - 40px);
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}