/* "Open voor een vaste stap" — werkzoekenden-module op de homepage (D055).
   Borduurt voort op de bestaande homepage-kaartstijl (empla-main-profile / card-deck).
   Brand: navy #1D3461 + geel #fcd307. */

.vast-module { margin-top: 8px; padding-top: 24px; border-top: 1px solid #eaecf0; }
.vast-module__title { font-size: 1.3rem; }
.vast-module__all { font-size: 13px; font-weight: 600; color: #1D3461; white-space: nowrap; text-decoration: none; }
.vast-module__all:hover { text-decoration: underline; }
.vast-module__sub { color: #6b7280; font-size: 13px; margin: 0 0 16px; }
.vast-module__sub i { color: #1D3461; margin-right: 5px; }

.vast-card { border-top: 3px solid #1D3461; }
.vast-anon-avatar {
    width: 64px; height: 64px; border-radius: 50%;
    background: linear-gradient(135deg, #3a4a6b, #1D3461);
    color: #fcd307; display: flex; align-items: center; justify-content: center;
    font-size: 24px;
}
.vast-anon-tag {
    display: inline-block; font-size: 10px; font-weight: 700; text-transform: uppercase;
    letter-spacing: .03em; color: #6b7280; background: #f0f2f5;
    padding: 2px 7px; border-radius: 20px; vertical-align: middle; margin-left: 4px;
}
.vast-card__meta { display: flex; flex-direction: column; gap: 6px; margin-bottom: 12px; }
.vast-badge { align-self: flex-start; font-size: 11px; font-weight: 600; color: #c4720f; background: #fdeede; padding: 4px 10px; border-radius: 20px; }
.vast-badge--cv { color: #6b3fc4; background: #efe9fb; }
.vast-salary { font-weight: 700; color: #1D3461; font-size: .95rem; }

/* Hero mode-toggle: shift ⇄ vast (Airbnb Stays/Experiences-patroon) */
.hp-modetoggle { display: inline-flex; background: rgba(255,255,255,.12); border-radius: 50px; padding: 4px; gap: 4px; margin-bottom: 14px; max-width: 100%; }
.hp-modetoggle__btn { border: none; background: transparent; color: #fff; font-family: inherit; font-size: 13px; font-weight: 600; padding: 8px 16px; border-radius: 50px; min-height: 40px; cursor: pointer; display: inline-flex; align-items: center; gap: 7px; white-space: nowrap; }
.hp-modetoggle__btn.is-active { background: #fcd307; color: #1D3461; }
@media (max-width: 480px) {
    .hp-modetoggle { width: 100%; }
    .hp-modetoggle__btn { flex: 1; justify-content: center; font-size: 12px; padding: 8px 10px; }
}