/* =========================================================================
   FVKB ontwerplaag 11: Speel mee en de vraag-en-antwoordlijst
   ========================================================================= */

/* Vragen: alleen het icoon van de huidige staat tonen (plus dicht, min open) */
.fvkb-faq .e-n-accordion-item:not([open]) .e-n-accordion-item-title-icon .e-opened { display: none !important; }
.fvkb-faq .e-n-accordion-item[open] .e-n-accordion-item-title-icon .e-closed { display: none !important; }
.fvkb-faq .e-n-accordion-item-title-icon { display: inline-flex; flex-shrink: 0; }

/* Drie stappen: witte kaart, stang binnen de kaart, vaandels hangen eraan */
.fvkb-stang.fvkb-stappen { padding: 42px 40px 44px !important; border-radius: 14px; }
.fvkb-stang.fvkb-stappen::before { top: 36px !important; left: 40px !important; right: 40px !important; width: auto !important; height: 6px !important; border-radius: 3px !important; }
.fvkb-stang.fvkb-stappen::after { top: 31px !important; left: 34px !important; right: 34px !important; height: 16px !important;
	background: radial-gradient(circle at 8px 8px, #D9A43A 7.5px, transparent 8px) left top / 16px 16px no-repeat,
		radial-gradient(circle at 8px 8px, #D9A43A 7.5px, transparent 8px) right top / 16px 16px no-repeat !important; }
.fvkb-stappen .elementor-widget-heading:not(:first-child) .elementor-heading-title,
.fvkb-stappen .e-con > .elementor-widget-heading .elementor-heading-title { font-size: 21px !important; font-weight: 600 !important; line-height: 1.2 !important; }
.fvkb-stappen .fvkb-vaandel .elementor-heading-title { font-size: 26px !important; line-height: 1 !important; }
.fvkb-stappen .elementor-widget-text-editor { font-size: 17px !important; color: #3E4166; }
@media (max-width: 767px) {
	.fvkb-stang.fvkb-stappen { padding: 34px 20px 32px !important; }
	.fvkb-stang.fvkb-stappen::before { top: 28px !important; left: 20px !important; right: 20px !important; }
	.fvkb-stang.fvkb-stappen::after { top: 23px !important; left: 14px !important; right: 14px !important; }
}

/* Twee groepen: vaandel hangt aan de bovenrand, ondertitel klein en vet */
.elementor-element-99433a5 .fvkb-kaart { padding: 0 28px 28px !important; gap: 14px !important; }
.elementor-element-99433a5 .fvkb-kaart > .e-con:not(.fvkb-vaandel) { gap: 2px !important; }
.elementor-element-99433a5 .fvkb-kaart > .e-con:not(.fvkb-vaandel) > .elementor-widget-heading:first-child .elementor-heading-title { font-size: 22px !important; font-weight: 600 !important; }
.elementor-element-99433a5 .fvkb-kaart > .e-con:not(.fvkb-vaandel) > .elementor-widget-heading + .elementor-widget-heading .elementor-heading-title { font-family: "Figtree", sans-serif !important; font-size: 15px !important; font-weight: 700 !important; color: #3E4166 !important; }

/* Iconvakjes blijven vierkant en staan bovenaan, ook naast lange tekst */
.e-con:has(> .elementor-widget-icon:only-child) { align-self: flex-start !important; aspect-ratio: 1 / 1; height: auto !important; flex-grow: 0 !important; }

/* Formulier: privacyzin links, verzendknop rechts op dezelfde regel */
.elementor-widget-form .elementor-field-type-html:has(+ .elementor-field-type-submit) { width: auto !important; flex: 1 1 300px; align-self: center; margin-bottom: 0 !important; }
.elementor-widget-form .elementor-field-type-html + .elementor-field-type-submit { width: auto !important; flex: 0 0 auto; margin-left: auto; }
.elementor-widget-form .elementor-field-type-html + .elementor-field-type-submit .elementor-button { min-height: 52px; padding: 0 28px !important; }
@media (max-width: 767px) { .elementor-widget-form .elementor-field-type-html + .elementor-field-type-submit { flex: 1 1 100%; margin-left: 0; } .elementor-widget-form .elementor-field-type-html + .elementor-field-type-submit .elementor-button { width: 100%; justify-content: center; } }

/* Stappen op mobiel: stang blijft zichtbaar boven de stappen, zoals in het ontwerp */
@media (max-width: 767px) { .fvkb-stang.fvkb-stappen::before { display: block !important; } }
