/*
 * FIT-test placements — strakkersneller skin (light DOM).
 * Replaces fit-test-placements.css when fit_test_skin returns 'strakker'.
 * No z-index on the inline card: it must stay under the sticky site header.
 */
.fit-test-inline-shell{clear:both;width:100%;margin:40px 0}
.fit-test-mount{display:block}

.fit-test-fallback{padding:28px 32px;background:#fff;border:1px solid #d6d1c5;color:#0d0d0c}
.fit-test-fallback p{margin:0}
.fit-test-fallback__label{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#b86400}
.fit-test-fallback__title{margin:10px 0 8px;font-family:'Sofia Sans Extra Condensed','Arial Narrow',sans-serif;font-weight:900;font-size:40px;line-height:.95;text-transform:uppercase}
.fit-test-fallback__note{margin-top:10px!important;font-size:13px;color:#57534c}

/* Reminder at the end of long articles */
.fit-test-end-cta{clear:both;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;margin:48px 0 0;padding:20px 24px;background:#0d0d0c;color:#f2f0eb;border-left:4px solid #f28a12}
.fit-test-end-cta__avatar{display:none}
.fit-test-end-cta .fit-test-end-cta__copy strong{color:#f2f0eb;display:block;font-family:'Sofia Sans Extra Condensed','Arial Narrow',sans-serif;font-weight:900;font-size:28px;line-height:.95;text-transform:uppercase}
.fit-test-end-cta .fit-test-end-cta__copy p{margin:6px 0 0;font-size:14px;color:#a8a39a}
.fit-test-end-cta__button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;background:#f28a12;color:#0d0d0c;font-weight:800;font-size:16px;text-decoration:none;white-space:nowrap}
.fit-test-end-cta__button:hover{background:#ff9a26;color:#0d0d0c}
.fit-test-end-cta.is-coaching-card{display:block;padding:0;border-left:0;background:none}
/* Coachingkaart aan het eind (staat buiten de shadow DOM, dus hier dezelfde stijl als in fit-test-strakker.css). */
.fit-test-end-cta.is-coaching-card .returning-coaching{display:grid;grid-template-columns:240px minmax(0,1fr);background:#fff;border:1px solid #d6d1c5;color:#0d0d0c;font:16px/1.5 'Sofia Sans',system-ui,-apple-system,'Segoe UI',sans-serif;text-align:left}
.fit-test-end-cta.is-coaching-card .returning-coaching__photo{margin:0;background:#0d0d0c;display:flex;flex-direction:column}
.fit-test-end-cta.is-coaching-card .returning-coaching__photo img{display:block;width:100%;height:auto;max-width:none;aspect-ratio:1080/928;object-fit:contain;margin:auto 0}
.fit-test-end-cta.is-coaching-card .returning-coaching__photo figcaption{display:grid;gap:2px;padding:12px 14px;background:#0d0d0c;color:#f2f0eb}
.fit-test-end-cta.is-coaching-card .returning-coaching__photo figcaption strong{font-family:'Sofia Sans Extra Condensed','Arial Narrow',sans-serif;font-weight:900;font-size:24px;text-transform:uppercase;line-height:1;color:#f2f0eb}
.fit-test-end-cta.is-coaching-card .returning-coaching__photo figcaption span{font-size:13px;color:#cfc9bd}
.fit-test-end-cta.is-coaching-card .returning-coaching__photo figcaption .returning-coaching__result-stars{color:#f28a12;font-size:12px;letter-spacing:.1em}
.fit-test-end-cta.is-coaching-card .returning-coaching__content{padding:28px 32px}
.fit-test-end-cta.is-coaching-card .eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#b86400}
.fit-test-end-cta.is-coaching-card .eyebrow::before{content:"";width:22px;height:3px;background:#f28a12;flex:none}
.fit-test-end-cta.is-coaching-card h2{margin:0;font-family:'Sofia Sans Extra Condensed','Arial Narrow',sans-serif;font-weight:900;text-transform:uppercase;font-size:38px;line-height:.95;color:#0d0d0c}
.fit-test-end-cta.is-coaching-card .returning-coaching p:not(.eyebrow){margin:12px 0 0;font-size:16px;line-height:1.55;color:#3d3a35}
.fit-test-end-cta.is-coaching-card .returning-coaching__points{display:grid;gap:6px;margin-top:16px;font-size:15px}
.fit-test-end-cta.is-coaching-card .trustpilot-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;font-size:14px;color:#57534c}
.fit-test-end-cta.is-coaching-card .trustpilot-row strong{color:#0d0d0c}
.fit-test-end-cta.is-coaching-card .trustpilot-stars{display:inline-flex;gap:2px}
.fit-test-end-cta.is-coaching-card .trustpilot-stars i{font-style:normal;color:#f28a12}
.fit-test-end-cta.is-coaching-card .btn.coaching{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;margin-top:20px;padding:0 26px;background:#f28a12;color:#0d0d0c;font-weight:800;font-size:17px;line-height:1.2;letter-spacing:normal;text-transform:none;text-decoration:none}
.fit-test-end-cta.is-coaching-card .btn.coaching:hover{background:#ff9a26;color:#0d0d0c}
@media(max-width:700px){.fit-test-end-cta.is-coaching-card .returning-coaching{grid-template-columns:1fr}.fit-test-end-cta.is-coaching-card .returning-coaching__content{padding:22px 18px}.fit-test-end-cta.is-coaching-card h2{font-size:30px}.fit-test-end-cta.is-coaching-card .btn.coaching{width:100%}}

/* Popup (only reached through a menu banner; kept for completeness) */
.fit-test-dialog{width:min(780px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border:0;border-radius:0;background:#f2f0eb;box-shadow:0 18px 50px rgba(0,0,0,.55);overflow:auto}
.fit-test-dialog::backdrop{background:rgba(13,13,12,.72)}
.fit-test-dialog__bar{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:center;padding:12px 16px 12px 20px;background:#0d0d0c;color:#f2f0eb;font-family:'Sofia Sans Extra Condensed','Arial Narrow',sans-serif;font-weight:900;font-size:20px;text-transform:uppercase}
.fit-test-dialog__bar button{width:40px;height:40px;border:1px solid #3a3936;background:none;color:#f2f0eb;font-size:16px;cursor:pointer}
.fit-test-dialog__slot{padding:0;background:#fff}
.fit-test-dialog__slot .fit-test-inline-shell{margin:0}
html.fit-test-dialog-open{overflow:hidden}

@media (max-width:700px){
  .fit-test-inline-shell{margin:32px 0}
  .fit-test-end-cta{grid-template-columns:1fr;padding:18px 20px}
  .fit-test-end-cta__button{width:100%}
  .fit-test-dialog{width:100%;height:100dvh;max-height:100dvh}
  .fit-test-dialog__slot{padding:0}
}
