/* ---------- Offer Form Block ---------- */
.offer-form-block { position:relative; width:100%; padding:70px 0 100px; overflow:hidden; color:var(--textColor); background:#fff; }
.offer-form-block__container { width:calc(100% - 40px); max-width:1200px; margin:0 auto; }
.offer-form-block__layout { display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:48px; align-items:stretch; }
.offer-form-block--no-sidebar .offer-form-block__layout { grid-template-columns:1fr; max-width:900px; margin:0 auto; }
.offer-form-block__form-card,.offer-form-block__sidebar { min-width:0; background:#fff; border:1px solid rgba(15,15,15,.11); border-radius:18px; box-shadow:0 12px 35px rgba(15,15,15,.045); }
.offer-form-block__form-card { padding:34px 36px 38px; }
.offer-form-block__sidebar { align-self:start; padding:32px 26px; }
.offer-form-block__header { display:flex; align-items:center; gap:18px; margin-bottom:34px; }
.offer-form-block__header-icon { display:flex; flex:0 0 58px; align-items:center; justify-content:center; width:58px; height:58px; color:#fff; background:var(--backgroundColorOrange); border-radius:7px; }
.offer-form-block__header-icon .kami-icon { display:block; width:31px; height:31px; color:currentColor; }
.offer-form-block__header-icon .dashicons { width:31px; height:31px; font-size:31px; line-height:31px; }
.offer-form-block__title { max-width:none; margin:0; color:var(--backgroundColorBlack); font-size:30px; line-height:1.15; font-weight:700; letter-spacing:-.025em; }
.offer-form-block__title.line { margin-bottom:0; padding-bottom:12px; }
.offer-form-block__shortcode { width:100%; }
.offer-form-block__sidebar-title { margin:0 0 31px; color:var(--backgroundColorBlack); font-size:22px; line-height:1.15; font-weight:700; letter-spacing:-.02em; }
.offer-form-block__sidebar-title.line { padding-bottom:12px; }
.offer-form-block__benefits { display:flex; flex-direction:column; gap:27px; }
.offer-form-block__benefit { display:grid; grid-template-columns:54px minmax(0,1fr); gap:16px; align-items:center; }
.offer-form-block__benefit-icon { display:flex; align-items:center; justify-content:center; width:52px; height:52px; color:var(--backgroundColorOrange); background:rgba(202,79,0,.09); border-radius:50%; }
.offer-form-block__benefit-icon .kami-icon { display:block; width:28px; height:28px; color:currentColor; }
.offer-form-block__benefit-icon .dashicons { width:28px; height:28px; font-size:28px; line-height:28px; }
.offer-form-block__benefit-content { min-width:0; }
.offer-form-block__benefit-title { margin:0 0 4px; color:var(--backgroundColorBlack); font-size:15px; line-height:1.35; font-weight:700; }
.offer-form-block__benefit-description { color:var(--textColor); font-size:13px; line-height:1.55; }
.offer-form-block__benefit-description p { margin:0; }
.offer-form-block__review { margin-top:34px; padding-top:25px; border-top:1px solid rgba(15,15,15,.09); }
.offer-form-block__cta { display:grid; grid-template-columns:58px minmax(0,1fr) auto; gap:20px; align-items:center; margin-top:30px; padding:20px 24px; background:rgba(202,79,0,.075); border:1px solid rgba(202,79,0,.24); border-radius:16px; }
.offer-form-block__cta-icon { display:flex; align-items:center; justify-content:center; width:56px; height:56px; color:var(--backgroundColorOrange); background:rgba(202,79,0,.12); border-radius:50%; }
.offer-form-block__cta-icon .kami-icon { display:block; width:30px; height:30px; color:currentColor; }
.offer-form-block__cta-icon .dashicons { width:30px; height:30px; font-size:30px; line-height:30px; }
.offer-form-block__cta-content { min-width:0; }
.offer-form-block__cta-title { margin:0 0 3px; color:var(--backgroundColorBlack); font-size:18px; line-height:1.35; font-weight:700; }
.offer-form-block__cta-text { color:var(--textColor); font-size:13px; line-height:1.55; }
.offer-form-block__cta-text p { margin:0; }
.offer-form-block__cta-button { display:inline-flex; align-items:center; justify-content:center; gap:12px; min-height:44px; padding:0 23px; color:var(--backgroundColorOrange); background:#fff; border:1px solid var(--backgroundColorOrange); border-radius:6px; font-size:13px; line-height:1; font-weight:600; white-space:nowrap; transition:color .25s ease,background-color .25s ease,transform .25s ease; }
.offer-form-block__cta-button:hover { color:#fff; background:var(--backgroundColorOrange); text-decoration:none; transform:translateY(-2px); }
.offer-form-block__cta-button span:last-child { font-size:18px; transition:transform .25s ease; }
.offer-form-block__cta-button:hover span:last-child { transform:translateX(3px); }
.offer-form-block__shortcode .ff-default { font-family:var(--font-body); }
.offer-form-block__shortcode .ff-default .ff-el-input--label label { display:inline-block; width:100%; margin-bottom:0; color:var(--textColor)!important; font-size:16px; line-height:inherit; font-weight:600; text-align:left; }
.offer-form-block__shortcode .fluentform .ff-el-group { margin-bottom:20px; color:var(--textColor)!important; text-align:left; }
.offer-form-block__shortcode .ff-default .ff-el-form-control { min-height:48px; padding:12px 14px; color:var(--textColor)!important; background:transparent; border:1px solid #d9d9d9; border-radius:6px; box-shadow:none; font-family:var(--font-body); font-size:14px; transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease; }
.offer-form-block__shortcode .ff-default textarea.ff-el-form-control { min-height:110px; resize:vertical; }
.offer-form-block__shortcode .ff-el-group input:focus { color:var(--textColor)!important; background:transparent!important; border-color:var(--backgroundColorOrange)!important; box-shadow:0 0 0 4px rgba(202,79,0,.08)!important; outline:none!important; }
.offer-form-block__shortcode .ff-el-input--content input:focus { color:var(--textColor)!important; background:transparent!important; border-color:var(--backgroundColorOrange)!important; box-shadow:0 0 0 4px rgba(202,79,0,.08)!important; outline:none!important; }
.offer-form-block__shortcode .ff-el-input--content textarea:focus { color:var(--textColor)!important; background:transparent!important; border-color:var(--backgroundColorOrange)!important; box-shadow:0 0 0 4px rgba(202,79,0,.08)!important; outline:none!important; }
.offer-form-block__shortcode .ff-el-input--content select:focus { color:var(--textColor)!important; background:transparent!important; border-color:var(--backgroundColorOrange)!important; box-shadow:0 0 0 4px rgba(202,79,0,.08)!important; outline:none!important; }
.offer-form-block__shortcode .fluentform .ff-el-form-control::placeholder { color:#868e96!important; opacity:.5!important; }
.offer-form-block__shortcode .ff-el-section-break { margin-top:30px; }
.offer-form-block__shortcode .ff-el-section-break .ff-el-section-title { margin:0 0 5px; color:var(--textColor)!important; font-family:var(--font-heading); font-size:24px; line-height:1.25; font-weight:700; }
.offer-form-block__shortcode .ff-el-section-break .ff-section_break_desk { color:var(--textColor); font-size:13px; line-height:1.6; }
.offer-form-block__shortcode span { color:var(--textColor); }
.offer-form-block__shortcode .ff-step-titles { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); width:100%; margin:0 0 38px; padding:0; list-style:none; }
.offer-form-block__shortcode .ff-step-titles li { position:relative; width:auto!important; min-width:0; margin:0!important; padding:29px 8px 0!important; color:var(--textColor); font-size:11px; line-height:1.35; font-weight:500; text-align:center; }
.offer-form-block__shortcode .ff-step-titles li::before { position:absolute!important; z-index:2; top:0!important; left:50%!important; display:flex!important; align-items:center; justify-content:center; width:20px!important; height:20px!important; margin:0!important; color:var(--textColor); background:#fff; border:1px solid #d9d9d9; border-radius:2px; transform:translateX(-50%)!important; }
.offer-form-block__shortcode .ff-step-titles li::after { position:absolute!important; z-index:1; top:9px!important; right:-50%!important; left:50%!important; width:auto!important; height:2px!important; content:""!important; background:#d9d9d9; transform:none!important; }
.offer-form-block__shortcode .ff-step-titles li:last-child::after { display:none!important; }
.offer-form-block__shortcode .ff-step-titles li.ff_active::before,.offer-form-block__shortcode .ff-step-titles li.ff_completed::before { color:#fff!important; background:var(--backgroundColorOrange)!important; border-color:var(--backgroundColorOrange)!important; }
.offer-form-block__shortcode .ff-step-titles li.ff_completed::after { background:var(--backgroundColorOrange)!important; }
.offer-form-block__shortcode .ff-step-titles li.ff_active,.offer-form-block__shortcode .ff-step-titles li.ff_completed { color:var(--textColor); font-weight:600; }
.offer-form-block__shortcode .fluentform .ff-btn-submit { display:block; width:100%; }
.offer-form-block__shortcode .ff-default .ff-btn-secondary:not(.ff_btn_no_style) { min-height:45px; padding:12px 20px; color:#fff; fill:#fff; background:var(--backgroundColorOrange); border:1px solid var(--backgroundColorOrange); border-radius:12px; font-family:var(--font-body); font-size:14px; font-weight:500; transition:background-color .2s ease,border-color .2s ease,transform .2s ease; }
.offer-form-block__shortcode .ff-default .ff-btn-secondary:not(.ff_btn_no_style):hover { color:#fff; background:var(--buttonHover); border-color:var(--buttonHover); transform:translateX(1px); }
.offer-form-block__shortcode .ff-btn-prev { color:var(--backgroundColorOrange)!important; background:#fff!important; border-color:var(--backgroundColorOrange)!important; }
.offer-form-block__shortcode .ff-btn-prev:hover { color:#fff!important; background:var(--backgroundColorOrange)!important; }
.offer-form-block__shortcode .ff-el-tooltip { display:none!important; }
.offer-form-block__shortcode .ff-el-input--content::after { display:block; margin-top:6px; content:attr(data-help); color:#666; font-size:12px; line-height:1.5; font-weight:400; font-style:italic; }
.offer-form-block__shortcode .ff-el-input--content[data-help=""]::after { display:none; }
.offer-form-block__review .wpsr-reviews-badge-wrapper .wpsr-reviews-badge-html {box-shadow:none!important;filter:none!important;}
.offer-form-block__review .wpsr-reviews-badge2 .wpsr-reviews-badge-html,.offer-form-block__review .wpsr-reviews-badge2 .wpsr-reviews-badge-btn { padding:0!important; }
.offer-form-block__review .wpsr-reviews-badge-wrapper-inner { padding:0!important; }
.offer-form-block__shortcode .fluentform .ff-step-titles li::after { background:#222!important; background-color:#222!important; border-color:#222!important; border-top-color:#222!important; box-shadow:none!important; }
.offer-form-block__shortcode .fluentform .ff-step-titles li.ff_active::after,.offer-form-block__shortcode .fluentform .ff-step-titles li.ff_completed::after { background:var(--backgroundColorOrange)!important; background-color:var(--backgroundColorOrange)!important; border-color:var(--backgroundColorOrange)!important; border-top-color:var(--backgroundColorOrange)!important; box-shadow:none!important; }
.offer-form-block__shortcode .ff_t_c { font-size:14px!important; line-height:1.5; }
.offer-form-block__shortcode .ff_t_c a { font-size:inherit; }
.offer-form-block__shortcode .ff_tc_checkbox input[type="checkbox"] { width:18px; height:18px; accent-color:var(--backgroundColorOrange); cursor:pointer; margin: 0 10px 0 0; }
.offer-form-block__shortcode .ff_tc_checkbox input[type="checkbox"]:focus { outline:2px solid rgba(202,79,0,.25); outline-offset:2px; }

@media (max-width:900px) {
.offer-form-block__layout { grid-template-columns:1fr; gap:28px; }
.offer-form-block__sidebar { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:30px; }
.offer-form-block__sidebar-title { grid-column:1 / -1; margin-bottom:0; }
.offer-form-block__review { margin-top:0; padding-top:0; padding-left:30px; border-top:0; border-left:1px solid rgba(15,15,15,.09); }
}

@media (max-width:767px) {
.offer-form-block { padding:55px 0 75px; }
.offer-form-block__container { width:calc(100% - 40px); }
.offer-form-block__form-card { padding:25px 20px 28px; border-radius:14px; }
.offer-form-block__sidebar { display:block; padding:26px 20px; border-radius:14px; }
.offer-form-block__header { align-items:flex-start; gap:14px; margin-bottom:27px; }
.offer-form-block__header-icon { flex-basis:50px; width:50px; height:50px; }
.offer-form-block__header-icon .kami-icon { width:27px; height:27px; }
.offer-form-block__header-icon .dashicons { width:27px; height:27px; font-size:27px; line-height:27px; }
.offer-form-block__title { font-size:25px; line-height:1.15; }
.offer-form-block__sidebar-title { margin-bottom:28px; font-size:21px; }
.offer-form-block__benefits { gap:23px; }
.offer-form-block__review { margin-top:29px; padding-top:24px; padding-left:0; border-top:1px solid rgba(15,15,15,.09); border-left:0; }
.offer-form-block__cta { grid-template-columns:50px minmax(0,1fr); gap:15px; padding:18px; }
.offer-form-block__cta-icon { width:48px; height:48px; }
.offer-form-block__cta-button { grid-column:1 / -1; width:100%; margin-top:3px; }
.offer-form-block__shortcode .ff-default .ff-el-input--label label { font-size:14px; }
.offer-form-block__shortcode .ff-el-section-break .ff-el-section-title { font-size:21px; }
.offer-form-block__shortcode .ff-step-titles { grid-template-columns:repeat(4,minmax(0,1fr)); margin-bottom:30px; }
.offer-form-block__shortcode .fluentform .ff-step-titles li { padding:26px 3px 0!important; font-size:10px; -webkit-hyphens:auto; hyphens:auto; overflow-wrap:break-word; }
.offer-form-block__shortcode .ff-step-titles li::before { width:18px!important; height:18px!important; }
.offer-form-block__shortcode .ff-step-titles li::after { top:8px!important; }
.offer-form-block__shortcode .ff-default .ff-btn-secondary:not(.ff_btn_no_style) { width:100%; }
.offer-form-block__shortcode .ff-default .ff-btn-prev + .ff-btn-next { margin-top:10px; }
}

@media (max-width:420px) {
.offer-form-block__container { width:calc(100% - 32px); }
.offer-form-block__form-card,.offer-form-block__sidebar { padding-right:17px; padding-left:17px; }
.offer-form-block__title { font-size:23px; }
}

/* ---------- Strakker (27-09) ---------- */
@media (min-width:768px) {
.offer-form-block__header { margin-bottom:var(--header-gap); }
.offer-form-block__title { font-size:var(--h2-size); line-height:1.18; }
}

/* Review badge in the sidebar: same label style as the home hero, no lonely "reviews" on its own line. */
.offer-form-block__review .wpsr-reviews-badge-title { font-size:11px!important; font-weight:700!important; letter-spacing:.08em!important; text-transform:uppercase!important; }
.offer-form-block__review .wpsr-total-reviews { text-wrap:balance; }

/* Reviews-badge staat hier op een witte kaart: donkere oranje tint voor contrast (QA 11-10) */
body .offer-form-block__review .wpsr-reviews-badge-title { color: var(--orange-text-light, #B34600) !important; }