/* ==================================================
   SQUEAK – VACATURES OVERZICHT + SINGLE
================================================== */

.squeak-jobs-hero,
.squeak-jobs-list,
.squeak-jobs-cta,
.squeak-job-single-hero,
.squeak-job-single-details,
.squeak-job-single-cta {
    background: #0b0d0e;
    color: #f2efe8;
}

.squeak-jobs-hero {
    position: relative;
    overflow: hidden;
    background-image:
        linear-gradient(90deg, rgba(8,10,11,.97) 0%, rgba(8,10,11,.88) 42%, rgba(8,10,11,.22) 100%),
        var(--squeak-jobs-hero-bg);
    background-size: cover;
    background-position: center;
}

.squeak-jobs-hero::before,
.squeak-job-single-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url('/wp-content/uploads/2026/08/squeak-noise.png');
    background-repeat: repeat;
    background-size: 256px;
    opacity: .42;
    pointer-events: none;
}

.squeak-jobs-hero-inner,
.squeak-jobs-section-inner,
.squeak-jobs-cta-inner,
.squeak-job-single .inner {
    width: min(90%,1450px);
    margin: 0 auto;
}

.squeak-jobs-hero-inner {
    position: relative;
    z-index: 1;
    min-height: 650px;
    padding: var(--sq-hero-top,145px) 0 var(--sq-hero-bottom,70px);
    display: flex;
    align-items: center;
}

.squeak-jobs-hero-copy {
    max-width: 760px;
}

.squeak-jobs-hero .eyebrow,
.squeak-job-single-hero .eyebrow {
    display: inline-block;
    margin-bottom: 22px;
    font: 800 14px/1 "Barlow Condensed",sans-serif;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #ed1c24;
}

.squeak-jobs-hero h1,
.squeak-job-single-hero h1,
.squeak-jobs-list h2,
.squeak-jobs-cta h2,
.squeak-job-single h2 {
    font-family: "Barlow Condensed",sans-serif !important;
    font-weight: 800 !important;
    letter-spacing: -.025em !important;
}

.squeak-jobs-hero h1 {
    margin: 0 !important;
    font-size: clamp(58px,6vw,92px) !important;
    line-height: .9 !important;
    text-transform: uppercase;
    color: #fff !important;
}

.squeak-jobs-hero h1 span { color: #ed1c24; }
.squeak-jobs-hero-copy > p { max-width: 650px; margin: 25px 0 0; font: 400 17px/1.65 "Barlow",sans-serif; color: #c1c2c0; }

.squeak-jobs-benefits {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 24px;
    margin-top: 42px;
}
.squeak-jobs-benefits article { display:grid; grid-template-columns:36px minmax(0,1fr); gap:12px; }
.squeak-jobs-benefits .icon { width:30px;height:30px;object-fit:contain; }
.squeak-jobs-benefits h3 { margin:0; font:800 17px/1.1 "Barlow Condensed",sans-serif; color:#fff; }
.squeak-jobs-benefits p { margin:5px 0 0; font:400 12px/1.45 "Barlow",sans-serif; color:#aaa; }

.squeak-jobs-list { padding: 78px 0 35px; }
.squeak-jobs-section-heading > span { border-color: rgba(255,255,255,.25); }
.squeak-jobs-section-heading h2 { margin:0; font-size:clamp(38px,4vw,58px)!important; color:#fff!important; }

.squeak-job-cards { display:grid; gap:16px; margin-top:36px; }
.squeak-job-card {
    display:grid;
    grid-template-columns:70px minmax(0,1fr) auto;
    gap:22px;
    align-items:center;
    padding:23px;
    border:1px solid rgba(255,255,255,.11);
    background:linear-gradient(90deg,#17191a,#121415);
}
.squeak-job-card-icon { width:58px;height:58px;display:grid;place-items:center;border:1px solid #ed1c24;color:#ed1c24;font-size:30px; }
.squeak-job-card .title-row { display:flex;gap:16px;align-items:center;flex-wrap:wrap; }
.squeak-job-card h3 { margin:0; font:800 24px/1 "Barlow Condensed",sans-serif; color:#fff; }
.squeak-job-card .tags,.squeak-job-single-hero .tags { display:flex;gap:7px;flex-wrap:wrap; }
.squeak-job-card .tags span,.squeak-job-single-hero .tags span { padding:5px 8px;border:1px solid rgba(237,28,36,.55);font:700 11px/1 "Barlow",sans-serif;color:#d8d8d5; }
.squeak-job-card p { margin:9px 0 0;color:#b4b5b3;font-size:14px; }
.squeak-job-card-button,.squeak-jobs-cta a,.squeak-job-single .apply,.squeak-job-single-cta a { display:inline-flex;align-items:center;gap:16px;padding:15px 20px;background:#ed1c24;color:#fff!important;text-decoration:none!important;font:800 14px/1 "Barlow Condensed",sans-serif;text-transform:uppercase; }
.squeak-jobs-empty { padding:28px;border:1px solid rgba(255,255,255,.1);color:#bbb; }

.squeak-jobs-cta { padding: 20px 0 78px; }
.squeak-jobs-cta-inner { display:grid;grid-template-columns:60px minmax(0,1fr) auto;gap:22px;align-items:center;padding:30px;border:1px solid rgba(237,28,36,.35);background:linear-gradient(90deg,#18191a,#121314); }
.squeak-jobs-cta .icon { font-size:36px;color:#ed1c24; }
.squeak-jobs-cta h2 { margin:0!important;font-size:30px!important;color:#fff!important; }
.squeak-jobs-cta p { margin:7px 0 0;color:#aaa; }

.squeak-job-single-hero { position:relative;overflow:hidden; }
.squeak-job-single-hero .inner { position:relative;z-index:1;min-height:620px;padding:calc(var(--sq-header-height,112px) + 48px) 0 70px;display:grid;grid-template-columns:minmax(0,55%) minmax(0,45%);gap:55px;align-items:center; }
.squeak-job-single-hero .breadcrumbs { display:flex;flex-wrap:wrap;gap:9px;margin-bottom:36px;font-size:12px;color:#999; }
.squeak-job-single-hero .breadcrumbs a { color:#bbb; }
.squeak-job-single-hero h1 { margin:0 0 18px!important;font-size:clamp(54px,5vw,82px)!important;line-height:.92!important;color:#fff!important; }
.squeak-job-single-hero .copy > p { max-width:680px;margin:25px 0;color:#c1c2c0;font-size:17px;line-height:1.6; }
.squeak-job-single-hero .visual { height:100%;display:flex;align-items:flex-end; }
.squeak-job-single-hero .visual img { width:100%;max-height:510px;object-fit:cover; }

.squeak-job-single-details { padding:72px 0; }
.squeak-job-single-details .inner { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px; }
.squeak-job-single-details article { padding:8px 8px 8px 0; }
.squeak-job-single-details .icon { margin-bottom:18px;color:#ed1c24;font-size:32px; }
.squeak-job-single-details h2 { margin:0 0 15px!important;font-size:25px!important;color:#fff!important; }
.squeak-job-single-details p,.squeak-job-single-details li { color:#b7b8b6;font-size:14px;line-height:1.6; }
.squeak-job-single-details ul { margin:0;padding-left:18px; }
.squeak-job-single-details li { margin-bottom:8px; }

.squeak-job-single-cta { padding:0 0 70px; }
.squeak-job-single-cta .inner { display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:30px;padding:34px;border:1px solid rgba(237,28,36,.45);background:linear-gradient(90deg,#18191a,#121314); }
.squeak-job-single-cta h2 { margin:0!important;font-size:34px!important;color:#fff!important; }
.squeak-job-single-cta p { margin:7px 0 0;color:#aaa; }

.squeak-job-contact { background:#f3f0e9;color:#141617;padding:55px 0; }
.squeak-job-contact .inner { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:50px;align-items:center; }
.squeak-job-contact .contact-person { display:flex;gap:20px;align-items:center; }
.squeak-job-contact .photo { width:90px;height:90px;object-fit:cover; }
.squeak-job-contact .contact-person span { color:#ed1c24;font:800 12px/1 "Barlow Condensed",sans-serif;text-transform:uppercase; }
.squeak-job-contact h2 { margin:7px 0!important;font-size:28px!important;color:#111!important; }
.squeak-job-contact a { display:block;color:#333;margin-top:4px; }
.squeak-job-contact .promises { display:flex;gap:22px;flex-wrap:wrap; }
.squeak-job-contact .promises span { padding:11px 14px;border-left:2px solid #ed1c24;font-weight:700; }

@media (max-width:1100px) {
    .squeak-job-single-hero .inner { grid-template-columns:1fr; }
    .squeak-job-single-details .inner { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .squeak-job-single-hero .visual { max-width:720px; }
}

@media (max-width:700px) {
    .squeak-jobs-hero h1,.squeak-job-single-hero h1 { font-size:clamp(42px,12vw,58px)!important;word-break:normal;hyphens:none; }
    .squeak-jobs-benefits { grid-template-columns:1fr; }
    .squeak-job-card { grid-template-columns:50px minmax(0,1fr);padding:18px; }
    .squeak-job-card-icon { width:46px;height:46px; }
    .squeak-job-card-button { grid-column:1/-1;justify-content:space-between; }
    .squeak-jobs-cta-inner,.squeak-job-single-cta .inner,.squeak-job-contact .inner { grid-template-columns:1fr; }
    .squeak-jobs-cta .icon { display:none; }
    .squeak-jobs-cta a,.squeak-job-single-cta a { justify-content:space-between; }
    .squeak-job-single-details .inner { grid-template-columns:1fr; }
    .squeak-job-contact .promises { flex-direction:column;gap:10px; }
}


/* ==================================================
   SINGLE VACATURE – v0.17.3
   Zelfstandige layout: geen Divi-opbouw per vacature nodig.
================================================== */

.single-squeak_job #main-content,
.single-squeak_job .et-l--post,
.single-squeak_job .et_builder_inner_content {
    background: #0b0d0e;
}

.single-squeak_job .squeak-job-single {
    overflow: hidden;
}

.squeak-job-single-hero {
    min-height: 680px;
    background:
        radial-gradient(circle at 78% 44%, rgba(237,28,36,.13), transparent 30%),
        linear-gradient(135deg, #080a0b 0%, #0d0f10 60%, #10090a 100%);
}

.squeak-job-single-hero .inner {
    min-height: 680px;
    padding-top: calc(var(--sq-header-height,112px) + 64px);
    padding-bottom: 82px;
}

.squeak-job-single-hero .copy {
    position: relative;
    z-index: 2;
    max-width: 760px;
}

.squeak-job-single-hero .breadcrumbs strong {
    color: #f2efe8;
    font-weight: 600;
}

.squeak-job-single-hero .tags {
    margin-top: 20px;
}

.squeak-job-single-hero .tags span.closed {
    background: rgba(237,28,36,.15);
    color: #fff;
}

.squeak-job-single-hero .apply {
    margin-top: 8px;
    min-width: 172px;
    justify-content: space-between;
    transition: transform .2s ease, background .2s ease;
}

.squeak-job-single-hero .apply:hover,
.squeak-job-single-hero .apply:focus-visible,
.squeak-job-single-cta a:hover,
.squeak-job-single-cta a:focus-visible {
    background: #ff2630;
    transform: translateY(-2px);
}

.squeak-job-single-hero .visual {
    position: relative;
    min-height: 500px;
    align-items: center;
    justify-content: center;
}

.squeak-job-single-hero .visual.no-image {
    min-height: 0;
}

.squeak-job-single-hero .visual img {
    position: relative;
    z-index: 1;
    width: min(100%, 610px);
    height: 500px;
    max-height: none;
    object-fit: cover;
    object-position: center;
    filter: saturate(.8) contrast(1.04);
}

.squeak-job-single-hero .visual::after {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(11,13,14,.7), transparent 25%);
}

.squeak-job-single-hero .visual-frame {
    position: absolute;
    z-index: 3;
    inset: 20px;
    pointer-events: none;
    background:
        linear-gradient(#ed1c24,#ed1c24) left top/34px 2px no-repeat,
        linear-gradient(#ed1c24,#ed1c24) left top/2px 34px no-repeat,
        linear-gradient(#ed1c24,#ed1c24) right top/34px 2px no-repeat,
        linear-gradient(#ed1c24,#ed1c24) right top/2px 34px no-repeat,
        linear-gradient(#ed1c24,#ed1c24) left bottom/34px 2px no-repeat,
        linear-gradient(#ed1c24,#ed1c24) left bottom/2px 34px no-repeat,
        linear-gradient(#ed1c24,#ed1c24) right bottom/34px 2px no-repeat,
        linear-gradient(#ed1c24,#ed1c24) right bottom/2px 34px no-repeat;
}

.squeak-job-closed-message {
    display: inline-flex;
    margin-top: 10px;
    padding: 14px 18px;
    border: 1px solid rgba(255,255,255,.18);
    color: #c8c9c7;
    font-weight: 700;
}

.squeak-job-single-details {
    position: relative;
    padding: 82px 0 86px;
    background:
        radial-gradient(circle at 95% 100%, rgba(237,28,36,.09), transparent 24%),
        #0b0d0e;
}

.squeak-job-single-details .inner {
    align-items: stretch;
}

.squeak-job-single-details article {
    position: relative;
    min-height: 285px;
    padding: 28px 28px 30px;
    border-top: 1px solid rgba(255,255,255,.14);
    background: linear-gradient(180deg, rgba(255,255,255,.025), transparent);
}

.squeak-job-single-details article::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    width: 56px;
    height: 2px;
    background: #ed1c24;
}

.squeak-job-single-details .icon {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    margin-bottom: 24px;
    border: 1px solid rgba(237,28,36,.55);
    color: #ed1c24;
    font: 800 13px/1 "Barlow", sans-serif;
}

.squeak-job-single-details h2 {
    font-size: clamp(25px,2vw,31px)!important;
}

.squeak-job-single-details ul {
    list-style: none;
    padding-left: 0;
}

.squeak-job-single-details li {
    position: relative;
    padding-left: 18px;
}

.squeak-job-single-details li::before {
    content: "";
    position: absolute;
    left: 0;
    top: .72em;
    width: 5px;
    height: 5px;
    background: #ed1c24;
}

.squeak-job-single-cta .inner {
    position: relative;
    overflow: hidden;
    padding: 42px 46px;
}

.squeak-job-single-cta .inner::after {
    content: "";
    position: absolute;
    right: -90px;
    bottom: -130px;
    width: 320px;
    height: 320px;
    border: 42px solid rgba(237,28,36,.06);
    border-radius: 50%;
    pointer-events: none;
}

.squeak-job-single-cta .cta-eyebrow {
    display: block;
    margin-bottom: 8px;
    color: #ed1c24;
    font: 800 12px/1 "Barlow Condensed",sans-serif;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.squeak-job-single-cta a {
    position: relative;
    z-index: 1;
    min-width: 170px;
    justify-content: space-between;
}

.squeak-job-contact {
    border-top: 1px solid rgba(20,22,23,.08);
}

.squeak-job-contact .contact-person .photo {
    border-radius: 0;
    filter: grayscale(.12);
}

.squeak-job-single-fallback {
    min-height: 70vh;
    padding: 180px 5% 100px;
    background: #0b0d0e;
    color: #fff;
}

@media (max-width:1100px) {
    .squeak-job-single-hero .inner {
        min-height: auto;
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .squeak-job-single-hero .visual {
        min-height: 400px;
        max-width: none;
    }

    .squeak-job-single-hero .visual img {
        width: 100%;
        height: 430px;
    }
}

@media (max-width:700px) {
    .squeak-job-single-hero .inner {
        width: min(90%,1450px);
        padding-top: calc(var(--sq-header-height,84px) + 42px);
        padding-bottom: 52px;
    }

    .squeak-job-single-hero .breadcrumbs {
        margin-bottom: 25px;
    }

    .squeak-job-single-hero .breadcrumbs strong {
        display: none;
    }

    .squeak-job-single-hero .visual {
        min-height: 300px;
    }

    .squeak-job-single-hero .visual img {
        height: 320px;
    }

    .squeak-job-single-hero .visual-frame {
        inset: 12px;
    }

    .squeak-job-single-details {
        padding: 56px 0;
    }

    .squeak-job-single-details article {
        min-height: 0;
        padding: 24px 20px 28px;
    }

    .squeak-job-single-cta {
        padding-bottom: 50px;
    }

    .squeak-job-single-cta .inner {
        padding: 30px 24px;
    }

    .squeak-job-contact {
        padding: 42px 0;
    }

    .squeak-job-contact .contact-person {
        align-items: flex-start;
    }
}