/* Homepage 2026 professional layout
   Loaded only on the homepage and after niche.css. */
.homepage-page {
    background: #f7f9fc;
}

.homepage-page .homepage-header-container,
.homepage-page #home_container.container {
    width: 1180px !important;
    max-width: calc(100% - 30px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.homepage-page #home_container {
    height: auto !important;
    min-height: 0 !important;
    padding: 0 0 28px !important;
    background: transparent !important;
    overflow: visible !important;
}

/* Hero */
.homepage-page #home_container .home-hero-pro {
    position: relative !important;
    overflow: hidden !important;
    margin: 10px 0 18px !important;
    padding: 24px 32px 20px !important;
    border-radius: 11px !important;
    background-color: #073b79 !important;
    background-image:
        linear-gradient(90deg, rgba(4,45,99,.98) 0%, rgba(2,66,139,.96) 52%, rgba(5,72,145,.77) 74%, rgba(3,47,101,.86) 100%),
        var(--home-hero-image, none) !important;
    background-repeat: no-repeat !important;
    background-position: center, right center !important;
    background-size: cover, cover !important;
    box-shadow: 0 10px 28px rgba(26,54,89,.14) !important;
}
.homepage-page #home_container .home-hero-overlay { position:absolute!important; inset:0!important; pointer-events:none!important; background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(0,0,0,.04))!important; }
.homepage-page #home_container .home-hero-inner { position:relative!important; z-index:1!important; }
.homepage-page #home_container .home-seo-intro { max-width:820px!important; margin:0 0 16px!important; padding:0!important; color:#fff!important; }
.homepage-page #home_container .home-seo-intro h1 { margin:0 0 9px!important; color:#fff!important; font-size:36px!important; line-height:1.15!important; font-weight:700!important; letter-spacing:-.45px!important; text-shadow:0 1px 2px rgba(0,0,0,.12)!important; }
.homepage-page #home_container .home-seo-intro p { max-width:760px!important; margin:0!important; color:#f3f8ff!important; font-size:16px!important; line-height:1.55!important; font-weight:400!important; }

/* Two cards in hero */
.homepage-page #home_container .home-hero-row { display:flex!important; align-items:stretch!important; margin:0 -12px!important; padding:0!important; }
.homepage-page #home_container .home-hero-row > .home-search-column,
.homepage-page #home_container .home-hero-row > .featured-top-column { float:none!important; display:flex!important; width:50%!important; padding:0 12px!important; }
.homepage-page #home_container .home-search-card,
.homepage-page #home_container .featured-top-vacancy { width:100%!important; height:auto!important; min-height:276px!important; margin:0!important; overflow:hidden!important; border:0!important; border-radius:9px!important; background:#fff!important; box-shadow:0 8px 24px rgba(5,31,67,.20)!important; }

.homepage-page #home_container .home-search-card { display:flex!important; flex-direction:column!important; float:none!important; }
.homepage-page #home_container .home-search-card .panel-heading,
.homepage-page #home_container .featured-top-label { min-height:54px!important; padding:15px 20px!important; border:0!important; border-bottom:1px solid #dce5ef!important; background:#fff!important; background-image:none!important; color:#102d57!important; box-shadow:none!important; text-shadow:none!important; }
.homepage-page #home_container .home-search-card .panel-title,
.homepage-page #home_container .featured-top-label { margin:0!important; color:#102d57!important; font-size:18px!important; line-height:24px!important; font-weight:700!important; }
.homepage-page #home_container .home-search-card .panel-title .glyphicon { margin-right:9px!important; color:#075fc4!important; font-size:19px!important; }
.homepage-page #home_container .featured-top-label { display:block!important; }
.homepage-page #home_container .featured-top-label .glyphicon { margin-right:8px!important; color:#f5b43c!important; }

.homepage-page #home_container .home-search-card .panel-body { flex:1 1 auto!important; padding:16px 20px 12px!important; }
.homepage-page #home_container .home-search-fields,
.homepage-page #home_container .home-keyword-row { margin-left:-7px!important; margin-right:-7px!important; }
.homepage-page #home_container .home-search-fields > [class*="col-"],
.homepage-page #home_container .home-keyword-row > [class*="col-"] { padding-left:7px!important; padding-right:7px!important; }
.homepage-page #home_container .home-search-card select,
.homepage-page #home_container .home-search-card input[type="text"] { display:block!important; width:100%!important; height:46px!important; margin:0 0 14px!important; padding:0 13px!important; border:1px solid #cbd6e3!important; border-radius:5px!important; background:#fff!important; color:#24364d!important; font-size:14px!important; line-height:46px!important; box-shadow:none!important; box-sizing:border-box!important; }
.homepage-page #home_container .home-search-card select:focus,
.homepage-page #home_container .home-search-card input[type="text"]:focus { border-color:#1473d4!important; outline:0!important; box-shadow:0 0 0 2px rgba(20,115,212,.12)!important; }
.homepage-page #home_container .home-search-card #main_search_button { display:block!important; width:100%!important; height:46px!important; margin:0!important; padding:0 10px!important; border:0!important; border-radius:5px!important; background:#086bd4!important; background-image:linear-gradient(180deg,#0a76df,#0563c6)!important; color:#fff!important; font-size:14px!important; line-height:46px!important; font-weight:700!important; text-align:center!important; text-shadow:none!important; box-shadow:0 3px 9px rgba(0,87,182,.20)!important; }
.homepage-page #home_container .home-search-card #main_search_button:hover { background:#0559b5!important; }
.homepage-page #home_container .home-search-card #main_search_button .glyphicon { margin-right:6px!important; }

.homepage-page #home_container .home-search-benefits {
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    margin-top:auto!important;
    border-top:1px solid #e1e8f0!important;
    background:#fff!important;
}
.homepage-page #home_container .home-search-benefits > .home-benefit-item {
    display:flex!important;
    align-items:center!important;
    min-width:0!important;
    min-height:74px!important;
    padding:11px 14px!important;
    color:#17345f!important;
    box-sizing:border-box!important;
}
.homepage-page #home_container .home-search-benefits > .home-benefit-item + .home-benefit-item {
    border-left:1px solid #e4e9ef!important;
}
.homepage-page #home_container .home-benefit-icon {
    display:flex!important;
    flex:0 0 38px!important;
    width:38px!important;
    height:38px!important;
    margin:0 12px 0 0!important;
    align-items:center!important;
    justify-content:center!important;
    border:2px solid #086bd4!important;
    border-radius:50%!important;
    color:#086bd4!important;
    background:#fff!important;
    box-sizing:border-box!important;
}
.homepage-page #home_container .home-benefit-icon .glyphicon {
    position:static!important;
    display:block!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    color:inherit!important;
    font-size:17px!important;
    line-height:1!important;
}
.homepage-page #home_container .home-benefit-copy {
    display:block!important;
    flex:1 1 auto!important;
    min-width:0!important;
    padding:0!important;
}
.homepage-page #home_container .home-benefit-copy strong,
.homepage-page #home_container .home-benefit-copy small {
    display:block!important;
    float:none!important;
    width:auto!important;
    margin:0!important;
    padding:0!important;
    white-space:normal!important;
}
.homepage-page #home_container .home-benefit-copy strong {
    margin-bottom:3px!important;
    color:#17345f!important;
    font-size:12px!important;
    line-height:1.25!important;
    font-weight:700!important;
}
.homepage-page #home_container .home-benefit-copy small {
    color:#5e6f84!important;
    font-size:11px!important;
    line-height:1.35!important;
}


/* Featured vacancy */
.homepage-page #home_container .featured-top-vacancy { display:flex!important; flex-direction:column!important; color:#1c2f49!important; text-decoration:none!important; }
.homepage-page #home_container .featured-top-content { display:flex!important; flex:1 1 auto!important; align-items:stretch!important; min-height:0!important; padding:21px 22px!important; }
.homepage-page #home_container .featured-top-copy { display:flex!important; flex:1 1 auto!important; flex-direction:column!important; min-width:0!important; padding-right:22px!important; }
.homepage-page #home_container .featured-top-copy h2 { min-height:0!important; max-height:none!important; margin:0 0 10px!important; overflow:visible!important; color:#0662c9!important; font-size:20px!important; line-height:1.25!important; font-weight:700!important; }
.homepage-page #home_container .featured-top-city { display:flex!important; align-items:center!important; min-height:0!important; max-height:none!important; margin:0 0 11px!important; padding:0!important; color:#263e5f!important; font-size:13px!important; line-height:18px!important; font-weight:700!important; }
.homepage-page #home_container .featured-top-city .glyphicon { position:static!important; top:auto!important; left:auto!important; width:auto!important; margin:0 5px 0 0!important; }
.homepage-page #home_container .featured-top-intro { display:-webkit-box!important; min-height:0!important; max-height:64px!important; margin:0 0 16px!important; overflow:hidden!important; color:#34465d!important; font-size:13px!important; line-height:1.55!important; -webkit-box-orient:vertical!important; -webkit-line-clamp:3!important; }
.homepage-page #home_container .featured-top-link { display:block!important; height:auto!important; margin-top:auto!important; color:#0662c9!important; font-size:14px!important; line-height:1.4!important; font-weight:700!important; }
.homepage-page #home_container .featured-top-logo-wrap { display:flex!important; flex:0 0 150px!important; width:150px!important; height:auto!important; align-items:center!important; justify-content:center!important; padding-left:18px!important; border-left:1px solid #e4e9ef!important; }
.homepage-page #home_container .featured-top-logo-wrap img { display:block!important; width:auto!important; height:auto!important; max-width:128px!important; max-height:104px!important; object-fit:contain!important; margin:0 auto!important; }

/* Lists below hero */
.homepage-page #home_container .home-vacancy-grid { display:flex!important; align-items:stretch!important; margin:0 -8px!important; }
.homepage-page #home_container .home-vacancy-grid > .top-vacancies-column { float:none!important; display:flex!important; width:66.666667%!important; padding:0 8px!important; }
.homepage-page #home_container .home-vacancy-grid > .new-vacancies-column { float:none!important; display:flex!important; width:33.333333%!important; padding:0 8px!important; }
.homepage-page #home_container .home-list-panel { width:100%!important; margin:0 0 18px!important; overflow:hidden!important; border:1px solid #dce4ed!important; border-radius:8px!important; background:#fff!important; box-shadow:0 4px 14px rgba(25,55,85,.06)!important; }
.homepage-page #home_container .home-list-panel > .panel-heading { padding:15px 20px!important; border:0!important; border-bottom:1px solid #dfe6ed!important; background:#fff!important; background-image:none!important; box-shadow:none!important; }
.homepage-page #home_container .home-list-panel > .panel-heading .panel-title { color:#17345f!important; font-size:17px!important; font-weight:700!important; }
.homepage-page #home_container .home-list-panel > .panel-heading .glyphicon { margin-right:9px!important; color:#17345f!important; }
.homepage-page #home_container .home-list-panel > .panel-body { padding:0 22px!important; }
.homepage-page #home_container .home-top-vacancy { display:flex!important; align-items:center!important; min-height:126px!important; padding:17px 0!important; border-bottom:1px solid #e7ebf0!important; color:#273c58!important; text-decoration:none!important; }
.homepage-page #home_container .home-top-copy { flex:1 1 auto!important; min-width:0!important; padding-right:20px!important; }
.homepage-page #home_container .home-top-heading { display:flex!important; align-items:baseline!important; min-width:0!important; margin:0 0 6px!important; white-space:nowrap!important; }
.homepage-page #home_container .home-top-heading > strong { display:block!important; min-width:0!important; overflow:hidden!important; color:#0662c9!important; font-size:15px!important; line-height:1.35!important; text-overflow:ellipsis!important; white-space:nowrap!important; }
.homepage-page #home_container .home-vacancy-city { display:block!important; flex:0 0 auto!important; float:none!important; margin:0 0 0 9px!important; color:#263b55!important; font-size:13px!important; font-weight:700!important; white-space:nowrap!important; }
.homepage-page #home_container .home-vacancy-city::before { content:"•"!important; margin-right:9px!important; color:#9aa8b8!important; }
.homepage-page #home_container .home-top-copy p { display:-webkit-box!important; height:53px!important; max-height:53px!important; margin:0!important; overflow:hidden!important; color:#536276!important; font-size:12px!important; line-height:17.4px!important; -webkit-box-orient:vertical!important; -webkit-line-clamp:3!important; -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 92%,rgba(0,0,0,.35) 98%,transparent 100%)!important; mask-image:linear-gradient(to bottom,#000 0%,#000 92%,rgba(0,0,0,.35) 98%,transparent 100%)!important; }
.homepage-page #home_container .home-top-logo { display:flex!important; flex:0 0 140px!important; align-items:center!important; justify-content:center!important; min-height:76px!important; padding-left:18px!important; border-left:1px solid #e5e9ee!important; }
.homepage-page #home_container .home-top-logo img { width:auto!important; height:auto!important; max-width:120px!important; max-height:64px!important; object-fit:contain!important; }
.homepage-page #home_container .home-new-list { padding:0 22px!important; }
.homepage-page #home_container .home-new-vacancy { display:flex!important; align-items:center!important; justify-content:space-between!important; min-height:66px!important; padding:10px 0!important; border-bottom:1px solid #e7ebf0!important; color:#0662c9!important; text-decoration:none!important; }
.homepage-page #home_container .home-new-vacancy:nth-of-type(n+5) { display:none!important; }
.homepage-page #home_container .home-new-vacancy strong,
.homepage-page #home_container .home-new-vacancy small { display:block!important; float:none!important; }
.homepage-page #home_container .home-new-vacancy strong { margin:0 0 3px!important; color:#0662c9!important; font-size:14px!important; line-height:1.35!important; }
.homepage-page #home_container .home-new-vacancy small { color:#42536a!important; font-size:12px!important; }
.homepage-page #home_container .home-list-arrow { padding-left:12px!important; color:#17345f!important; font-size:22px!important; }
.homepage-page #home_container .home-list-more { display:block!important; padding:15px 0 17px!important; color:#0662c9!important; font-size:13px!important; font-weight:700!important; text-decoration:none!important; }

/* SEO hub stays understated below the main vacancy content */
.homepage-page #home_container .home-seo-hub { margin:2px 0 24px!important; padding:20px 22px!important; border:1px solid #e2e8ef!important; border-radius:8px!important; background:#fff!important; box-shadow:0 3px 12px rgba(25,55,85,.04)!important; }


@media (min-width: 992px) and (max-width: 1199px) {
    .homepage-page #home_container .home-search-benefits > .home-benefit-item { padding:13px 10px!important; }
    .homepage-page #home_container .home-benefit-icon { flex-basis:32px!important; width:32px!important; height:32px!important; margin-right:8px!important; }
    .homepage-page #home_container .home-benefit-icon .glyphicon { font-size:14px!important; }
    .homepage-page #home_container .home-benefit-copy strong { font-size:11px!important; }
    .homepage-page #home_container .home-benefit-copy small { font-size:10px!important; }
}
@media (max-width: 1199px) {
    .homepage-page .homepage-header-container,
    .homepage-page #home_container.container { width:980px!important; max-width:calc(100% - 30px)!important; }
    .homepage-page #home_container .home-hero-pro { padding:22px 24px 18px!important; }
    .homepage-page #home_container .home-seo-intro h1 { font-size:34px!important; }
}

@media (max-width: 991px) {
    .homepage-page .homepage-header-container,
    .homepage-page #home_container.container { width:auto!important; max-width:none!important; margin-left:15px!important; margin-right:15px!important; }
    .homepage-page #home_container .home-hero-row,
    .homepage-page #home_container .home-vacancy-grid { display:block!important; margin-left:-8px!important; margin-right:-8px!important; }
    .homepage-page #home_container .home-hero-row > .home-search-column,
    .homepage-page #home_container .home-hero-row > .featured-top-column,
    .homepage-page #home_container .home-vacancy-grid > .top-vacancies-column,
    .homepage-page #home_container .home-vacancy-grid > .new-vacancies-column { display:block!important; float:none!important; width:100%!important; padding-left:8px!important; padding-right:8px!important; }
    .homepage-page #home_container .home-search-column { margin-bottom:16px!important; }
    .homepage-page #home_container .home-search-card,
    .homepage-page #home_container .featured-top-vacancy { min-height:0!important; }
}

@media (max-width: 767px) {
    .homepage-page .homepage-header-container,
    .homepage-page #home_container.container { margin-left:10px!important; margin-right:10px!important; }
    .homepage-page #home_container .home-hero-pro { margin-top:8px!important; padding:23px 15px 16px!important; border-radius:8px!important; background-image:linear-gradient(180deg,rgba(4,45,99,.98),rgba(2,63,135,.95)),var(--home-hero-image,none)!important; }
    .homepage-page #home_container .home-seo-intro { margin-bottom:19px!important; }
    .homepage-page #home_container .home-seo-intro h1 { font-size:28px!important; line-height:1.18!important; }
    .homepage-page #home_container .home-seo-intro p { font-size:15px!important; }
    .homepage-page #home_container .home-search-card .panel-heading,
    .homepage-page #home_container .featured-top-label { min-height:0!important; padding:14px 16px!important; }
    .homepage-page #home_container .home-search-card .panel-title,
    .homepage-page #home_container .featured-top-label { font-size:16px!important; }
    .homepage-page #home_container .home-search-card .panel-body { padding:16px!important; }
    .homepage-page #home_container .home-search-fields > [class*="col-"],
    .homepage-page #home_container .home-keyword-row > [class*="col-"] { width:100%!important; float:none!important; }
    .homepage-page #home_container .home-search-benefits { grid-template-columns:1fr!important; }
    .homepage-page #home_container .home-search-benefits > .home-benefit-item { min-height:68px!important; padding:12px 16px!important; }
    .homepage-page #home_container .home-search-benefits > .home-benefit-item + .home-benefit-item { border-top:1px solid #e4e9ef!important; border-left:0!important; }
    .homepage-page #home_container .home-benefit-icon { flex-basis:36px!important; width:36px!important; height:36px!important; margin-right:12px!important; }
    .homepage-page #home_container .featured-top-content { display:block!important; padding:17px 16px!important; }
    .homepage-page #home_container .featured-top-copy { padding-right:0!important; }
    .homepage-page #home_container .featured-top-logo-wrap { width:100%!important; height:auto!important; margin-top:14px!important; padding:14px 0 0!important; border-top:1px solid #e4e9ef!important; border-left:0!important; }
    .homepage-page #home_container .featured-top-logo-wrap img { max-height:78px!important; }
    .homepage-page #home_container .home-list-panel > .panel-body,
    .homepage-page #home_container .home-new-list { padding-left:15px!important; padding-right:15px!important; }
    .homepage-page #home_container .home-top-logo { flex-basis:96px!important; padding-left:10px!important; }
    .homepage-page #home_container .home-top-logo img { max-width:82px!important; }
}

@media (max-width: 480px) {
    .homepage-page #home_container .home-hero-pro { padding-left:12px!important; padding-right:12px!important; }
    .homepage-page #home_container .home-seo-intro h1 { font-size:25px!important; }
    .homepage-page #home_container .home-top-vacancy { display:block!important; }
    .homepage-page #home_container .home-top-copy { padding-right:0!important; }
    .homepage-page #home_container .home-top-logo { min-height:58px!important; margin-top:12px!important; padding:12px 0 0!important; border-top:1px solid #e5e9ee!important; border-left:0!important; }
}

/* Homepage refinement: calmer benefit row and better desktop proportions */
@media (min-width: 1200px) {
    .homepage-page #home_container .home-hero-row > .home-search-column {
        width: 52.5% !important;
    }
    .homepage-page #home_container .home-hero-row > .featured-top-column {
        width: 47.5% !important;
    }
}

.homepage-page #home_container .home-search-benefits {
    min-height: 92px !important;
    background: #fbfcfe !important;
}
.homepage-page #home_container .home-search-benefits > .home-benefit-item {
    min-height: 92px !important;
    padding: 17px 13px !important;
    align-items: center !important;
}
.homepage-page #home_container .home-benefit-icon {
    flex: 0 0 34px !important;
    width: 34px !important;
    height: 34px !important;
    margin-right: 10px !important;
    border: 0 !important;
    border-radius: 9px !important;
    background: #eef6ff !important;
    color: #086bd4 !important;
}
.homepage-page #home_container .home-benefit-icon svg {
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.9 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}
.homepage-page #home_container .home-benefit-copy strong {
    margin-bottom: 3px !important;
    font-size: 12px !important;
    line-height: 1.22 !important;
    letter-spacing: -.05px !important;
}
.homepage-page #home_container .home-benefit-copy small {
    font-size: 10.5px !important;
    line-height: 1.3 !important;
}
.homepage-page #home_container .home-search-card #main_search_button {
    white-space: nowrap !important;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .homepage-page #home_container .home-search-benefits > .home-benefit-item {
        min-height: 88px !important;
        padding: 14px 9px !important;
    }
    .homepage-page #home_container .home-benefit-icon {
        flex-basis: 30px !important;
        width: 30px !important;
        height: 30px !important;
        margin-right: 7px !important;
        border-radius: 8px !important;
    }
    .homepage-page #home_container .home-benefit-icon svg {
        width: 17px !important;
        height: 17px !important;
    }
    .homepage-page #home_container .home-benefit-copy strong {
        font-size: 10.8px !important;
        line-height: 1.18 !important;
    }
    .homepage-page #home_container .home-benefit-copy small {
        font-size: 9.7px !important;
        line-height: 1.25 !important;
    }
}

@media (max-width: 767px) {
    .homepage-page #home_container .home-search-benefits {
        min-height: 0 !important;
    }
    .homepage-page #home_container .home-search-benefits > .home-benefit-item {
        min-height: 62px !important;
        padding: 11px 15px !important;
    }
    .homepage-page #home_container .home-benefit-icon {
        flex-basis: 34px !important;
        width: 34px !important;
        height: 34px !important;
        margin-right: 11px !important;
    }
    .homepage-page #home_container .home-benefit-copy strong {
        font-size: 12px !important;
    }
    .homepage-page #home_container .home-benefit-copy small {
        font-size: 10.5px !important;
    }
}


/* Requested homepage proportions — 2026-08-15 */
@media (min-width: 992px) {
    /* Compact the complete blue hero */
    .homepage-page #home_container .home-hero-pro {
        padding-top: 18px !important;
        padding-bottom: 16px !important;
    }

    .homepage-page #home_container .home-seo-intro {
        max-width: none !important;
        margin-bottom: 12px !important;
    }

    .homepage-page #home_container .home-seo-intro h1 {
        margin-bottom: 6px !important;
    }

    /* Keep intro sentence on one line on desktop */
    .homepage-page #home_container .home-seo-intro p {
        max-width: none !important;
        white-space: nowrap !important;
        font-size: 15px !important;
        line-height: 1.35 !important;
    }

    /* Search card smaller, featured Topvacature wider */
    .homepage-page #home_container .home-hero-row > .home-search-column {
        width: 47% !important;
        flex: 0 0 47% !important;
    }

    .homepage-page #home_container .home-hero-row > .featured-top-column {
        width: 53% !important;
        flex: 0 0 53% !important;
    }

    /* Make both white cards less tall */
    .homepage-page #home_container .home-search-card,
    .homepage-page #home_container .featured-top-vacancy {
        min-height: 248px !important;
    }

    .homepage-page #home_container .home-search-card .panel-heading,
    .homepage-page #home_container .featured-top-label {
        min-height: 48px !important;
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }

    .homepage-page #home_container .home-search-card .panel-body {
        padding-top: 12px !important;
        padding-bottom: 8px !important;
    }

    .homepage-page #home_container .home-search-card select,
    .homepage-page #home_container .home-search-card input[type="text"],
    .homepage-page #home_container .home-search-card #main_search_button {
        height: 42px !important;
        line-height: 42px !important;
    }

    .homepage-page #home_container .home-search-card select,
    .homepage-page #home_container .home-search-card input[type="text"] {
        margin-bottom: 10px !important;
    }

    .homepage-page #home_container .home-search-benefits,
    .homepage-page #home_container .home-search-benefits > .home-benefit-item {
        min-height: 66px !important;
    }

    .homepage-page #home_container .home-search-benefits > .home-benefit-item {
        padding-top: 9px !important;
        padding-bottom: 9px !important;
    }

    .homepage-page #home_container .featured-top-content {
        padding-top: 16px !important;
        padding-bottom: 14px !important;
    }
}

/* On narrower screens the sentence may wrap and cards stack normally. */
@media (max-width: 991px) {
    .homepage-page #home_container .home-seo-intro p {
        white-space: normal !important;
    }
}


/* Final homepage search/benefit alignment refinement */
@media (min-width: 768px) {
    .homepage-page #home_container .home-keyword-row {
        display: flex !important;
        align-items: stretch !important;
    }

    .homepage-page #home_container .home-keyword-row .home-keyword-input {
        width: 66.66666667% !important;
        flex: 0 0 66.66666667% !important;
        max-width: 66.66666667% !important;
    }

    .homepage-page #home_container .home-keyword-row .home-keyword-button {
        width: 33.33333333% !important;
        flex: 0 0 33.33333333% !important;
        max-width: 33.33333333% !important;
    }

    .homepage-page #home_container .home-search-card #main_search_button {
        width: 100% !important;
        min-width: 0 !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
        font-size: 15px !important;
        letter-spacing: .1px !important;
    }
}

/* Three equal, consistently aligned benefit blocks */
.homepage-page #home_container .home-search-benefits {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-items: stretch !important;
}

.homepage-page #home_container .home-search-benefits > .home-benefit-item {
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) !important;
    column-gap: 9px !important;
    align-items: center !important;
    min-width: 0 !important;
    height: 66px !important;
    min-height: 66px !important;
    padding: 8px 10px !important;
}

.homepage-page #home_container .home-benefit-icon {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    margin: 0 !important;
    justify-self: center !important;
    align-self: center !important;
}

.homepage-page #home_container .home-benefit-copy {
    display: grid !important;
    grid-template-rows: 30px 15px !important;
    align-content: center !important;
    min-width: 0 !important;
    height: 45px !important;
    text-align: left !important;
}

.homepage-page #home_container .home-benefit-copy strong {
    display: flex !important;
    align-items: center !important;
    min-height: 30px !important;
    margin: 0 !important;
    font-size: 11px !important;
    line-height: 1.15 !important;
    font-weight: 700 !important;
}

.homepage-page #home_container .home-benefit-copy small {
    display: block !important;
    height: 15px !important;
    margin: 0 !important;
    font-size: 9.6px !important;
    line-height: 15px !important;
    white-space: nowrap !important;
}

/* Keep responsive behavior clean */
@media (max-width: 767px) {
    .homepage-page #home_container .home-keyword-row .home-keyword-input,
    .homepage-page #home_container .home-keyword-row .home-keyword-button {
        width: 100% !important;
        max-width: 100% !important;
    }

    .homepage-page #home_container .home-keyword-row .home-keyword-button {
        margin-top: 8px !important;
    }

    .homepage-page #home_container .home-search-benefits {
        grid-template-columns: 1fr !important;
    }

    .homepage-page #home_container .home-search-benefits > .home-benefit-item {
        height: 58px !important;
        min-height: 58px !important;
        grid-template-columns: 36px minmax(0,1fr) !important;
    }

    .homepage-page #home_container .home-benefit-copy {
        grid-template-rows: auto auto !important;
        height: auto !important;
    }

    .homepage-page #home_container .home-benefit-copy strong,
    .homepage-page #home_container .home-benefit-copy small {
        min-height: 0 !important;
        height: auto !important;
        white-space: normal !important;
    }
}


/* SEO content blocks: branche-onafhankelijk en herbruikbaar */
.seo-city-list{columns:2;column-gap:32px}.home-seo-copy{margin:28px 0;padding:24px;background:#fff;border:1px solid #e5e5e5;border-radius:4px}.home-seo-copy h2{margin-top:0}.knowledge-body{max-width:820px;line-height:1.7}.knowledge-body h2{margin-top:30px}.knowledge-related{margin:30px 0;padding:20px;background:#f7f7f7}.knowledge-hub article h2{font-size:22px}@media(max-width:767px){.seo-city-list{columns:1}}

/* 2026-08-15: compactere zoekvelden + beter leesbare voordelen */
@media (min-width: 768px) {
    .homepage-page #home_container .home-search-card .panel-body {
        padding-top: 11px !important;
        padding-bottom: 7px !important;
    }

    .homepage-page #home_container .home-search-fields,
    .homepage-page #home_container .home-keyword-row {
        margin-left: -5px !important;
        margin-right: -5px !important;
    }

    .homepage-page #home_container .home-search-fields > [class*="col-"],
    .homepage-page #home_container .home-keyword-row > [class*="col-"] {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .homepage-page #home_container .home-search-card select,
    .homepage-page #home_container .home-search-card input[type="text"],
    .homepage-page #home_container .home-search-card #main_search_button {
        height: 38px !important;
        line-height: 38px !important;
    }

    .homepage-page #home_container .home-search-card select,
    .homepage-page #home_container .home-search-card input[type="text"] {
        margin-bottom: 7px !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
        font-size: 13px !important;
    }

    .homepage-page #home_container .home-search-card #main_search_button {
        font-size: 14px !important;
    }

    .homepage-page #home_container .home-search-benefits > .home-benefit-item {
        grid-template-columns: 38px minmax(0, 1fr) !important;
        column-gap: 10px !important;
        height: 76px !important;
        min-height: 76px !important;
        padding: 9px 10px !important;
    }

    .homepage-page #home_container .home-benefit-icon {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
    }

    .homepage-page #home_container .home-benefit-icon .glyphicon {
        font-size: 16px !important;
    }

    .homepage-page #home_container .home-benefit-copy {
        display: block !important;
        height: auto !important;
        min-height: 0 !important;
    }

    .homepage-page #home_container .home-benefit-copy strong {
        display: block !important;
        min-height: 0 !important;
        margin: 0 0 3px !important;
        font-size: 13px !important;
        line-height: 1.15 !important;
        font-weight: 700 !important;
    }

    .homepage-page #home_container .home-benefit-copy small {
        display: block !important;
        height: auto !important;
        margin: 0 !important;
        color: #52657d !important;
        font-size: 10.5px !important;
        line-height: 1.25 !important;
        white-space: normal !important;
    }
}

@media (min-width: 1200px) {
    .homepage-page #home_container .home-benefit-copy strong {
        font-size: 13.5px !important;
    }

    .homepage-page #home_container .home-benefit-copy small {
        font-size: 11px !important;
    }
}

/* WerQin multi-domain branding.
   IMPORTANT: keep the first background layer translucent, otherwise it hides
   the branch hero image underneath completely. */
.homepage-page #home_container .home-hero-pro {
    background-color: var(--werqin-primary) !important;
    background-image:
        linear-gradient(90deg,
            color-mix(in srgb, var(--werqin-primary) 78%, transparent) 0%,
            color-mix(in srgb, var(--werqin-primary) 64%, transparent) 52%,
            color-mix(in srgb, var(--werqin-primary) 34%, transparent) 100%),
        var(--home-hero-image, none) !important;
    background-repeat: no-repeat !important;
    background-position: center, right center !important;
    background-size: cover, cover !important;
}
.homepage-page #home_container .home-search-card .panel-title .glyphicon,
.homepage-page #home_container .home-benefit-icon,
.homepage-page #home_container .featured-top-copy h2,
.homepage-page #home_container .featured-top-link,
.homepage-page #home_container .home-top-vacancy strong,
.homepage-page #home_container .home-new-vacancy strong,
.homepage-page #home_container .home-list-more {
    color: var(--werqin-primary) !important;
}
.homepage-page #home_container .home-benefit-icon {
    border-color: var(--werqin-primary) !important;
}
.homepage-page #home_container .home-search-card #main_search_button {
    background: var(--werqin-primary) !important;
    background-image: linear-gradient(180deg,
        color-mix(in srgb, var(--werqin-primary) 90%, #ffffff),
        color-mix(in srgb, var(--werqin-primary) 90%, #000000)) !important;
    box-shadow: 0 3px 9px color-mix(in srgb, var(--werqin-primary) 24%, transparent) !important;
}
.homepage-page #home_container .home-search-card select:focus,
.homepage-page #home_container .home-search-card input[type="text"]:focus {
    border-color: var(--werqin-primary) !important;
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--werqin-primary) 14%, transparent) !important;
}
@media(max-width:767px) {
    .homepage-page #home_container .home-hero-pro {
        background-image:
            linear-gradient(180deg,
                color-mix(in srgb, var(--werqin-primary) 72%, transparent),
                color-mix(in srgb, var(--werqin-primary) 58%, transparent)),
            var(--home-hero-image, none) !important;
    }
}

/* ==========================================================
   WerQin Zorg & Welzijn — expliciete hero-afbeelding
   Deze override staat bewust onderaan homepage.css, omdat
   homepage.css ná niche.css wordt geladen en de generieke
   branche-gradient anders de zorgafbeelding vrijwel afdekt.
   ========================================================== */

.homepage-page #home_container .home-hero-pro[style*="werqin-zorg-hero"] {
    background-color: #e50061 !important;
    background-image: url('/image/brands/werqin-zorg-hero.webp') !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
}

/* Alleen een heel lichte laag voor leesbaarheid; geen dekkende kleurlaag. */
.homepage-page #home_container .home-hero-pro[style*="werqin-zorg-hero"] .home-hero-overlay {
    background: linear-gradient(
        90deg,
        rgba(188, 0, 70, .10) 0%,
        rgba(229, 0, 97, .04) 48%,
        rgba(255, 255, 255, 0) 100%
    ) !important;
}

/* Mobiel: dezelfde zorgafbeelding behouden. */
@media (max-width: 767px) {
    .homepage-page #home_container .home-hero-pro[style*="werqin-zorg-hero"] {
        background-image: url('/image/brands/werqin-zorg-hero.webp') !important;
        background-position: center center !important;
        background-size: cover !important;
    }
}


/* ==========================================================
   Compacte branche-kennisbank op de homepage
   Rustige UX + crawlbare interne links en SEO-context.
   ========================================================== */
.home-knowledge-preview{margin:28px 0 34px;padding:26px 28px;border:1px solid #dfe7ed;border-radius:10px;background:#fff;box-shadow:0 4px 16px rgba(31,57,78,.045)}
.home-knowledge-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px}
.home-knowledge-header>div{max-width:780px}.home-knowledge-eyebrow{display:block;margin-bottom:5px;color:var(--werqin-primary);font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.home-knowledge-header h2{margin:0 0 7px;color:#263b48;font-size:27px;font-weight:600;line-height:1.25}.home-knowledge-header p{margin:0;color:#61717c;font-size:14px;line-height:1.55}
.home-knowledge-all{flex:0 0 auto;color:var(--werqin-primary-dark);font-size:13px;font-weight:700;text-decoration:none!important}.home-knowledge-all span{display:inline-block;margin-left:3px;transition:transform .15s ease}.home-knowledge-all:hover span{transform:translateX(3px)}
.home-knowledge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.home-knowledge-card{position:relative;display:flex;align-items:flex-start;min-width:0;min-height:126px;padding:17px 35px 17px 16px;border:1px solid #e0e7ec;border-radius:8px;background:#fbfcfd;color:#263b48!important;text-decoration:none!important;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.home-knowledge-card:hover,.home-knowledge-card:focus{border-color:var(--werqin-primary-border);box-shadow:0 6px 18px rgba(var(--werqin-primary-rgb),.09);transform:translateY(-2px)}
.home-knowledge-icon{display:flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;margin-right:12px;border-radius:9px;background:var(--werqin-primary-soft);color:var(--werqin-primary-dark);font-size:16px}.home-knowledge-card-copy{display:block;min-width:0}.home-knowledge-card small{display:block;margin:0 0 4px;color:var(--werqin-primary-dark);font-size:10px;font-weight:700;letter-spacing:.055em;text-transform:uppercase}.home-knowledge-card strong{display:block;margin:0 0 5px;color:#263b48;font-size:15px;font-weight:600;line-height:1.32}.home-knowledge-description{display:-webkit-box;overflow:hidden;color:#6a7881;font-size:12px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.home-knowledge-arrow{position:absolute;right:14px;top:50%;margin-top:-13px;color:var(--werqin-primary);font-size:25px;line-height:26px}
.home-knowledge-footer{display:none;margin-top:18px}.home-seo-details{margin-top:18px;padding-top:14px;border-top:1px solid #edf1f4;color:#64717a}.home-seo-details summary{cursor:pointer;display:inline-block;color:#60717b;font-size:12px;font-weight:600;list-style:none}.home-seo-details summary::-webkit-details-marker{display:none}.home-seo-details summary:after{content:' +';color:var(--werqin-primary);font-weight:700}.home-seo-details[open] summary:after{content:' −'}.home-seo-details-copy{max-width:930px;padding-top:13px;font-size:13px;line-height:1.6}.home-seo-details-copy h3{margin:0 0 9px;color:#40515c;font-size:18px;font-weight:600}.home-seo-details-copy p{margin:0 0 8px}
@media(max-width:991px){.home-knowledge-grid{grid-template-columns:1fr}.home-knowledge-card{min-height:0}.home-knowledge-header{align-items:flex-start}.home-knowledge-all{margin-top:5px}}
@media(max-width:767px){.home-knowledge-preview{padding:20px 17px}.home-knowledge-header{display:block}.home-knowledge-header h2{font-size:23px}.home-knowledge-header p{font-size:13px}.home-knowledge-all{display:none}.home-knowledge-grid{gap:10px}.home-knowledge-card{padding:15px 34px 15px 14px}.home-knowledge-description{display:none}.home-knowledge-footer{display:block}.home-knowledge-footer .btn{width:100%}.home-seo-details{margin-top:15px}}

/* Vacaturekaarten: kerngegevens als labels, enkele regels tekst met vervaging, initialen als er geen logo is */
.homepage-page #home_container .home-top-meta { margin:2px 0 6px!important; font-size:13px!important; color:#536276!important; }
.homepage-page #home_container .home-vacancy-facts { display:flex!important; flex-wrap:wrap!important; gap:6px!important; margin:0 0 6px!important; }
.homepage-page #home_container .home-vacancy-facts span { display:inline-block!important; padding:2px 9px!important; border-radius:999px!important; background:#eef4fb!important; color:#21456b!important; font-size:12px!important; font-weight:600!important; line-height:18px!important; white-space:nowrap!important; }
/* Tweeënhalf à drie regels tekst; de laatste regel vervaagt, zodat je ziet dat er meer is. */
.homepage-page #home_container .home-top-copy p.home-top-intro { display:block!important; height:auto!important; -webkit-line-clamp:unset!important; margin:0!important; max-height:66px!important; overflow:hidden!important; color:#536276!important; font-size:13px!important; line-height:19px!important; white-space:normal!important; -webkit-mask-image:linear-gradient(to bottom,#000 0,#000 40px,rgba(0,0,0,.35) 54px,transparent 66px)!important; mask-image:linear-gradient(to bottom,#000 0,#000 40px,rgba(0,0,0,.35) 54px,transparent 66px)!important; }
.homepage-page #home_container .home-top-copy { min-width:0!important; flex:1 1 auto!important; }
.homepage-page #home_container .home-logo-initials { display:flex!important; align-items:center!important; justify-content:center!important; width:64px!important; height:64px!important; border-radius:14px!important; background:#e8f1fc!important; color:#0b5cc4!important; font-size:22px!important; font-weight:800!important; letter-spacing:.02em!important; }
.homepage-page #home_container .home-logo-initials-lg { width:96px!important; height:96px!important; font-size:32px!important; border-radius:18px!important; }
@media (max-width: 767px) { .homepage-page #home_container .home-top-logo { flex-basis:76px!important; } .homepage-page #home_container .home-logo-initials { width:52px!important; height:52px!important; font-size:18px!important; } }
/* Telefoon: logo klein rechtsboven naast de tekst, in plaats van een eigen regel tussen de vacatures. */
@media (max-width: 600px) {
    .homepage-page #home_container .home-top-vacancy { display:flex!important; align-items:flex-start!important; gap:12px!important; }
    .homepage-page #home_container .home-top-logo { flex:0 0 52px!important; min-height:0!important; margin:2px 0 0!important; padding:0!important; border:0!important; }
    .homepage-page #home_container .home-top-logo img { max-width:52px!important; max-height:40px!important; }
}
/* Uitgelichte topvacature: dezelfde zachte vervaging als in de lijst, in plaats van een harde afsnijding. */
.homepage-page #home_container .featured-top-copy .featured-top-intro { display:block!important; max-height:72px!important; overflow:hidden!important; -webkit-line-clamp:unset!important; -webkit-mask-image:linear-gradient(to bottom,#000 0,#000 40px,rgba(0,0,0,.35) 58px,transparent 72px)!important; mask-image:linear-gradient(to bottom,#000 0,#000 40px,rgba(0,0,0,.35) 58px,transparent 72px)!important; }
/* Aanvulling als er weinig topvacatures zijn */
.homepage-page #home_container .home-list-subhead { margin:14px 0 0!important; padding:12px 0 0!important; border-top:1px solid #e7ebf0!important; color:#5b6f7c!important; font-size:12px!important; font-weight:700!important; letter-spacing:.06em!important; text-transform:uppercase!important; }
.homepage-page #home_container .panel-body > .home-list-subhead:first-child { margin-top:0!important; padding-top:2px!important; border-top:0!important; }

/* Uitgelichte topvacature: titel maximaal 2 volle regels (met …) en de hoogte groeit mee, zodat hij niet over plaats/bedrijf heen loopt. */
.homepage-page #home_container .featured-top-copy h2 {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: hidden !important;
    flex: 0 0 auto !important;
}