/* =========================================================================
   FVKB ontwerplaag 6: pagina van een optreden
   ========================================================================= */

/* ---------- Kop ---------- */
.fvkb-optreden-kop .fvkb-groep { font-size: 15px; font-weight: 700; color: #D5D8F7; }
.fvkb-donker .fvkb-dot[style*="#2B3BD6"], .fvkb-donker .fvkb-dot[style*="#2b3bd6"] { background: #8089E6 !important; }
.fvkb-meta-w--groot .fvkb-meta { display: flex; flex-wrap: wrap; gap: 12px 32px; }
.fvkb-meta-w--groot .fvkb-meta__item { display: inline-flex; align-items: center; gap: 10px; font-size: 18px; color: #FFFFFF; }
.fvkb-meta-w--groot .fvkb-meta__item svg { width: 20px; height: 20px; flex-shrink: 0; color: #D9A43A; stroke: #D9A43A; }

/* Grote datumvaandel: 200 bij 260, hangt aan de bovenrand van de kop */
.fvkb-grote-datum { width: 200px !important; --width: 200px; height: 260px !important; flex-shrink: 0; }
.fvkb-grote-datum::before { bottom: -16px !important; }
.fvkb-grote-datum > .fvkb-vaandel__doek { height: 260px !important; padding-top: 44px !important; gap: 6px !important; }
.fvkb-grote-datum .fvkb-vaandel__doek > .elementor-element:nth-child(1) .elementor-heading-title { font-size: 80px !important; line-height: 1 !important; }
.fvkb-grote-datum .fvkb-vaandel__doek > .elementor-element:nth-child(2) .elementor-heading-title { font-size: 22px !important; line-height: 1.2 !important; }
.fvkb-grote-datum .fvkb-vaandel__doek > .elementor-element:nth-child(3) .elementor-heading-title { font-size: 16px !important; line-height: 1.2 !important; }
@media (max-width: 900px) { .fvkb-grote-datum { display: none !important; } }

/* ---------- Praktisch ---------- */
.fvkb-kaart:has(.fvkb-praktisch) { padding: 8px 32px 12px !important; gap: 0 !important; }
.fvkb-kaart:has(.fvkb-praktisch) > .elementor-widget-heading .elementor-heading-title { font-size: 20px !important; font-weight: 600 !important; padding: 20px 0 16px; }
.fvkb-praktisch { border-top: 0 !important; }
.fvkb-praktisch__rij { grid-template-columns: 44px 160px minmax(0, 1fr) !important; gap: 16px !important; padding: 20px 0 !important; border-top: 1px solid #DAD7CD; border-bottom: 0 !important; font-size: 17px !important; }
.fvkb-praktisch__icoon { width: 44px; height: 44px; border-radius: 8px; background: #F7F6F2; display: flex !important; align-items: center; justify-content: center; padding: 0 !important; color: #0E1240 !important; }
.fvkb-praktisch__icoon svg { width: 22px; height: 22px; }
.fvkb-praktisch__rij > strong { font-size: 17px; font-weight: 700; color: #0E1240; padding-top: 10px; }
.fvkb-praktisch__rij > span:last-child { font-size: 17px; color: #3E4166; padding-top: 10px; }
@media (max-width: 760px) {
	.fvkb-kaart:has(.fvkb-praktisch) { padding: 8px 20px 12px !important; }
	.fvkb-praktisch__rij { grid-template-columns: 44px minmax(0, 1fr) !important; row-gap: 0 !important; }
	.fvkb-praktisch__rij > .fvkb-praktisch__icoon { grid-row: 1 / span 2; }
	.fvkb-praktisch__rij > strong { padding-top: 0; }
	.fvkb-praktisch__rij > span:last-child { grid-column: 2; padding-top: 2px; }
}

/* ---------- Wie speelt: vaandel met franje ---------- */
.fvkb-wie__vaandel { position: relative; width: 76px !important; height: 98px !important; flex-shrink: 0; clip-path: none !important; background: none !important; display: flex !important; justify-content: center; align-items: flex-start; padding-top: 12px; box-sizing: border-box; }
.fvkb-wie__vaandel::before, .fvkb-wie__vaandel::after { content: ""; position: absolute; clip-path: polygon(0 0, 100% 0, 100% 80%, 50% 100%, 0 80%); }
.fvkb-wie__vaandel::before { inset: 0 0 -7px 0; background: repeating-linear-gradient(90deg, #D9A43A 0 2px, transparent 2px 4px); }
.fvkb-wie__vaandel::after { inset: 0; background: var(--kleur, #2B3BD6); }
.fvkb-wie__vaandel img { position: relative; z-index: 1; width: 52px !important; height: 52px !important; object-fit: contain; }
.fvkb-wie:hover { box-shadow: none !important; }
.fvkb-wie strong { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 5px; text-decoration-color: transparent; transition: text-decoration-color .25s; }
.fvkb-wie:hover strong { text-decoration-color: #2B3BD6; }

.fvkb-grote-datum > .fvkb-vaandel__doek { width: 100% !important; --width: 100%; }
a.fvkb-wie .fvkb-wie__vaandel { width: 76px !important; height: 98px !important; min-width: 76px; }