/* =========================================================================
   FVKB ontwerplaag 3: pagina Groepen, groepsrijen, wegwijzer
   ========================================================================= */

/* ---------- Groepsrij: foto met vaandel, tekst met feiten ---------- */
.fvkb-groeprij { gap: 56px !important; }
.fvkb-groeprij__beeld { min-height: 440px !important; height: 440px; border-radius: 14px !important; }
.fvkb-groeprij__beeld > .elementor-widget-image, .fvkb-groeprij__beeld > .elementor-widget-image img { height: 100% !important; }
.fvkb-groeprij__beeld .fvkb-vaandel { width: 104px !important; --width: 104px; }
.fvkb-groeprij__beeld .fvkb-vaandel, .fvkb-groeprij__beeld .fvkb-vaandel .fvkb-vaandel__doek { min-height: 136px !important; height: 136px; }
.fvkb-groeprij__beeld .fvkb-vaandel .fvkb-vaandel__doek { padding-top: 17px !important; }
.fvkb-groeprij__beeld .fvkb-vaandel img { width: 66px !important; height: 66px !important; }
.fvkb-groeprij__beeld .fvkb-vaandel::before { bottom: -8px; }
.fvkb-groeprij .fvkb-labels-w .fvkb-groep { font-size: 15px; gap: 10px; color: #3E4166; }
.fvkb-groeprij .fvkb-labels-w .fvkb-dot { width: 12px; height: 12px; flex-basis: 12px; }
.fvkb-groeprij h2.elementor-heading-title { font-size: clamp(30px, 3.2vw, 44px) !important; font-weight: 600 !important; line-height: 1.08 !important; letter-spacing: -.025em !important; }
.fvkb-groeprij .elementor-widget-text-editor { font-size: 19px; color: #3E4166; }
.fvkb-groeprij .fvkb-feitenlijst { border-top: 0; border-bottom: 1px solid #DAD7CD; }
.fvkb-groeprij .fvkb-feitrij { grid-template-columns: 150px minmax(0, 1fr); padding: 14px 0; border-top: 1px solid #DAD7CD; border-bottom: 0; font-size: 17px; }
.fvkb-groeprij .fvkb-feitrij strong { color: #0E1240; }
.fvkb-groeprij .fvkb-feitrij span { color: #3E4166; }
@media (max-width: 900px) {
	.fvkb-groeprij { gap: 32px !important; }
	.fvkb-groeprij__beeld { height: 340px; min-height: 340px !important; }
}
@media (max-width: 760px) {
	.fvkb-groeprij__beeld { height: 300px; min-height: 300px !important; }
	.fvkb-groeprij .fvkb-feitrij { grid-template-columns: 110px minmax(0, 1fr); }
}

/* ---------- Wegwijzer: welke groep past bij jouw feest ---------- */
.fvkb-weglijst { gap: 0 !important; border-bottom: 1px solid #3E4166; }
a.fvkb-weg, .fvkb-weg { display: grid !important; grid-template-columns: minmax(0, 1fr) auto 44px; gap: 24px !important; align-items: center; padding: 22px 8px !important; border: 0 !important; border-top: 1px solid #3E4166 !important; border-radius: 0 !important; background: transparent !important; color: #FFFFFF; text-decoration: none; transition: background-color .25s; }
a.fvkb-weg:hover, .fvkb-weg:hover { background: #262A53 !important; }
.fvkb-weg > .elementor-element { width: auto !important; max-width: none !important; }
.fvkb-weg .elementor-heading-title { font-family: "Figtree", sans-serif !important; font-size: 20px !important; font-weight: 600 !important; line-height: 1.25 !important; color: #FFFFFF !important; letter-spacing: 0 !important; }
.fvkb-weg__groep, .fvkb-weg__groep .fvkb-groep { font-size: 16px !important; font-weight: 700; color: #D5D8F7 !important; gap: 10px; }
.fvkb-weg__groep .fvkb-dot { width: 12px; height: 12px; flex-basis: 12px; }
.fvkb-weg__groep .fvkb-dot--ultra { background: #8089E6; }
.fvkb-weg__pijl .elementor-icon { width: 44px !important; height: 44px !important; border-radius: 6px; border: 2px solid #3E4166; box-sizing: border-box; display: flex !important; align-items: center; justify-content: center; font-size: 20px !important; transition: background-color .25s, border-color .25s; }
.fvkb-weg__pijl .elementor-icon svg { width: 20px !important; height: 20px !important; fill: #FFFFFF !important; transition: fill .25s; }
.fvkb-weg:hover .fvkb-weg__pijl .elementor-icon { background: #FFFFFF; border-color: #FFFFFF; }
.fvkb-weg:hover .fvkb-weg__pijl .elementor-icon svg { fill: #0E1240 !important; }
@media (max-width: 760px) {
	a.fvkb-weg, .fvkb-weg { grid-template-columns: minmax(0, 1fr) 44px; gap: 8px 16px !important; }
	.fvkb-weg > .elementor-widget-heading { grid-row: 1; grid-column: 1; }
	.fvkb-weg > .fvkb-weg__groep { grid-row: 2; grid-column: 1; }
	.fvkb-weg > .fvkb-weg__pijl { grid-row: 1 / span 2; grid-column: 2; }
}

/* ---------- Kaart: zelf meespelen ---------- */
.fvkb-meespeelkaart { padding: 48px !important; border-radius: 14px !important; gap: 24px 48px !important; }
.fvkb-meespeelkaart h2.elementor-heading-title, .fvkb-meespeelkaart .elementor-heading-title { font-size: 32px !important; font-weight: 600 !important; line-height: 1.1 !important; }
.fvkb-meespeelkaart .elementor-widget-text-editor { font-size: 18px; color: #3E4166; }
@media (max-width: 760px) { .fvkb-meespeelkaart { padding: 28px 24px !important; } .fvkb-meespeelkaart .elementor-heading-title { font-size: 24px !important; } }

/* ---------- Kop van de groepenpagina: vaandels met naam eronder ---------- */
.fvkb-paginakop .fvkb-o-scroll { margin-top: 0; }