/* =========================================================================
   FVKB ontwerplaag 9: album en kruimelpad
   ========================================================================= */

/* Kruimelpad: gewone dikte, zoals in het ontwerp */
.fvkb-kruimel .elementor-heading-title { font-weight: 400 !important; }
.fvkb-kruimel .elementor-heading-title a { color: #D5D8F7; text-decoration: none; transition: color .25s; }
.fvkb-kruimel .elementor-heading-title a:hover { color: #FFFFFF; text-decoration: underline; text-decoration-color: #D9A43A; text-underline-offset: 4px; }
.fvkb-kruimel-jaar-w { display: inline-flex; align-items: center; }
.fvkb-kruimel-jaar-w .elementor-shortcode { display: inline-flex; align-items: center; }
.fvkb-kruimel-jaar { font-family: "Figtree", sans-serif; font-size: 15px; font-weight: 400; line-height: 1; color: #D5D8F7; text-decoration: none; transition: color .25s; }
.fvkb-kruimel-jaar:hover { color: #FFFFFF; text-decoration: underline; text-decoration-color: #D9A43A; text-underline-offset: 4px; }
.fvkb-kruimel-jaar__streep { margin: 0 10px; font-size: 15px; line-height: 1; color: #D9A43A; }

/* Jaarvaandel in de kop van een album: 170 bij 220, jaartal 40 px */
.fvkb-grote-datum.fvkb-album-jaar { width: 170px !important; --width: 170px; height: 220px !important; }
.fvkb-grote-datum.fvkb-album-jaar::before { bottom: -14px !important; }
.fvkb-grote-datum.fvkb-album-jaar > .fvkb-vaandel__doek { height: 220px !important; padding-top: 56px !important; }
.fvkb-grote-datum.fvkb-album-jaar .fvkb-vaandel__doek > .elementor-element:nth-child(1) .elementor-heading-title { font-size: 40px !important; line-height: 1 !important; }

/* Witte knop in de donkere kop */
.fvkb-o-knopw { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; padding: 0 26px; border-radius: 6px; background: #FFFFFF; color: #0E1240 !important; font-size: 17px; font-weight: 700; text-decoration: none; transition: transform .25s cubic-bezier(.2,.8,.2,1), background-color .25s, color .25s; }
.fvkb-o-knopw:hover { background: #D5D8F7; color: #0E1240 !important; transform: translateY(-2px); }
.fvkb-o-knopw:active { transform: scale(.97); }
.fvkb-o-knopw:focus-visible { outline: 2px solid #FFFFFF; outline-offset: 3px; }

/* Fotoraster: vier kolommen, rijen van 220, de eerste foto groot */
.fvkb-album-galerij .fvkb-fotos { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; grid-auto-rows: 220px !important; gap: 16px !important; }
.fvkb-album-galerij .fvkb-foto { display: block; width: 100% !important; height: 100% !important; max-width: none !important; grid-column: auto !important; grid-row: auto !important; border-radius: 10px; overflow: hidden; background: #0E1240; cursor: zoom-in; }
.fvkb-album-galerij .fvkb-foto:first-child { grid-column: span 2 !important; grid-row: span 2 !important; }
.fvkb-album-galerij .fvkb-foto img { width: 100% !important; height: 100% !important; object-fit: cover; border-radius: 0; transition: transform .5s cubic-bezier(.2,.8,.2,1); }
.fvkb-album-galerij .fvkb-foto:hover img { transform: scale(1.04); }
.fvkb-album-galerij .fvkb-foto:focus-visible { outline: 2px solid #2B3BD6; outline-offset: 3px; }
/* Weinig foto's: geen lege vakken */
.fvkb-album-galerij .fvkb-fotos--1 { grid-template-columns: minmax(0, 1fr) !important; grid-auto-rows: 560px !important; }
.fvkb-album-galerij .fvkb-fotos--1 .fvkb-foto:first-child { grid-column: auto !important; grid-row: auto !important; }
.fvkb-album-galerij .fvkb-fotos--2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; grid-auto-rows: 456px !important; }
.fvkb-album-galerij .fvkb-fotos--2 .fvkb-foto:first-child { grid-column: auto !important; grid-row: auto !important; }
.fvkb-album-galerij .fvkb-fotos--3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
@media (max-width: 760px) {
	.fvkb-album-galerij .fvkb-fotos { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; grid-auto-rows: 150px !important; gap: 10px !important; }
	.fvkb-album-galerij .fvkb-fotos--1 { grid-template-columns: minmax(0, 1fr) !important; grid-auto-rows: 260px !important; }
	.fvkb-album-galerij .fvkb-fotos--2 { grid-auto-rows: 200px !important; }
}

/* Vorig en volgend album als kaarten */
.fvkb-albumnav .elementor-post-navigation { display: flex !important; flex-wrap: wrap; gap: 16px; border: 0 !important; padding: 0 !important; }
.fvkb-albumnav .elementor-post-navigation__separator-wrapper { display: none !important; }
.fvkb-albumnav .elementor-post-navigation__link { flex: 1 1 300px; width: auto !important; max-width: none !important; }
.fvkb-albumnav .elementor-post-navigation__link:not(:has(a)) { display: none !important; }
.fvkb-albumnav .elementor-post-navigation__link a { display: flex !important; align-items: center; gap: 18px; padding: 24px 28px; border-radius: 14px; background: #FFFFFF; color: #0E1240; text-decoration: none; box-sizing: border-box; transition: transform .25s cubic-bezier(.2,.8,.2,1); }
.fvkb-albumnav .elementor-post-navigation__link a:hover { transform: translateY(-2px); }
.fvkb-albumnav .elementor-post-navigation__next a { flex-direction: row-reverse; text-align: right; }
.fvkb-albumnav .post-navigation__arrow-wrapper { display: flex !important; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 6px; border: 2px solid #0E1240; box-sizing: border-box; flex-shrink: 0; padding: 0 !important; margin: 0 !important; color: #0E1240; }
.fvkb-albumnav .post-navigation__arrow-wrapper svg { width: 18px !important; height: 18px !important; fill: #0E1240 !important; }
.fvkb-albumnav .elementor-post-navigation__link__prev, .fvkb-albumnav .elementor-post-navigation__link__next { display: flex; flex-direction: column; gap: 2px; }
.fvkb-albumnav .post-navigation__prev--label, .fvkb-albumnav .post-navigation__next--label { font-family: "Figtree", sans-serif; font-size: 14px !important; font-weight: 700 !important; color: #3E4166 !important; text-transform: none !important; }
.fvkb-albumnav .post-navigation__prev--title, .fvkb-albumnav .post-navigation__next--title { font-family: "Unbounded", sans-serif; font-size: 18px !important; font-weight: 600 !important; color: #0E1240 !important; }

/* Labels in de donkere kop: lavendel, 15 px vet */
.fvkb-donker .fvkb-soortlabel .elementor-heading-title { color: #D5D8F7 !important; }
.fvkb-donker .fvkb-labels-w .fvkb-groep { font-size: 15px; font-weight: 700; color: #D5D8F7; }

/* Titel van vorig of volgend album niet afkappen */
.fvkb-albumnav .elementor-post-navigation__link__prev, .fvkb-albumnav .elementor-post-navigation__link__next, .fvkb-albumnav .post-navigation__prev--title, .fvkb-albumnav .post-navigation__next--title { white-space: normal !important; overflow: visible !important; text-overflow: clip !important; min-width: 0; }

/* Kruimelpad als tekstblok: ook gewone dikte, link lavendel met koperen onderlijn bij hover */
.fvkb-kruimel, .fvkb-kruimel p, .fvkb-kruimel a, .fvkb-kruimel span { font-weight: 400 !important; }
.fvkb-kruimel nav a { color: #D5D8F7; text-decoration: none; transition: color .25s; }
.fvkb-kruimel nav a:hover { color: #FFFFFF; text-decoration: underline; text-decoration-color: #D9A43A; text-underline-offset: 4px; }