/* ============================================================
   Activiteiten — gedeelde styles
   Voor shortcodes [activiteiten_archief], [activiteiten_grid]
   en [activiteiten_carrousel].
   ============================================================ */

/* --- Card (gedeeld) --- */
.vwa-card {
	background: #FFF;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.05);
	display: flex;
	flex-direction: column;
	height: 100%;
}

.vwa-card__image {
	position: relative;
	width: 100%;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	background: linear-gradient(135deg, #a8c686 0%, #7fb069 50%, #5a9a4a 100%);
}

.vwa-card__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.vwa-card__content {
	padding: 16px;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	justify-content: flex-end;
}

.vwa-card__title {
	margin: 0 0 15px 0;
	font-size: 18px;
	font-family: 'Outfit-Medium', Helvetica, Arial, Lucida, sans-serif;
	font-weight: 500;
	line-height: 1.3em;
	color: #0F0F0F;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-bottom: 0;
	min-height: 46.8px;
}

.vwa-card__meta {
	font-family: 'Alegreya-Regular', Helvetica, Arial, Lucida, sans-serif;
	font-weight: 400;
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin-bottom: 16px;
	font-size: 14px;
	color: #0F0F0F;
	margin-top: auto;
}

.vwa-card__meta-item {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 4px 10px;
	background: #EAEAEA;
	border-radius: 6px;
}

.vwa-card__meta-item svg {
	width: 14px;
	height: 14px;
	opacity: 0.7;
}

.vwa-card__footer {
	margin-top: auto;
}

.vwa-card__btn {
	font-family: 'Alegreya-Regular', Helvetica, Arial, Lucida, sans-serif;
	position: relative;
	display: inline-block;
	width: 100%;
	padding: 8px 0px !important;
	background: transparent;
	color: #0F0F0F;
	text-decoration: none;
	font-size: 16px;
	font-weight: 400;
	transition: all 0.2s ease;
	border: 0;
	margin-top: 30px;
}

.vwa-card__btn:hover {
	color: #81B700;
}

.vwa-card__btn:after {
	content: "" !important;
	display: inline-block !important;
	width: 40px;
	height: 38px;
	opacity: 1 !important;
	position: absolute;
	right: 0px;
	top: 0px;
	background-color: transparent;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nNDAnIGhlaWdodD0nMzgnIHZpZXdCb3g9JzAgMCA0MCAzOCcgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMTcuMTQgMC4wMDAyNjQ2NDVDMTcuMDI5MiAwLjAwMDc2NDE0IDE2LjkxODggMC4wMDU1MDkzNCAxNi44MDg0IDAuMDE0NTAwMkMxNS42NjczIDAuMTA2OTA3IDEzLjk5MDIgMC4zOTA4NyAxMi4xNTE4IDEuMjY5NDhDMTAuNjU5NSAxLjk4MjUxIDkuNTQ5NDcgMi44NTM4OCA4Ljc5OTA4IDMuNTQ2NDNDNy44ODYxNiA0LjQxNzU1IDYuODk4NjEgNS40Nzg5NyA1LjkyMTY4IDYuNzU0NjhDNC4zMzY4NyA4LjgyNDU5IDMuMjU2ODEgMTAuODM1OCAyLjUxODk5IDEyLjQ5ODZDMi4wMDE2NiAxMy43NTA2IDEuNDgxMiAxNS4yMjI0IDEuMDQyODUgMTYuODk3MkMwLjYwMDM5OCAxOC41ODY3IDAuMzMxMTEgMjAuMTQyMSAwLjE2NzEyMSAyMS41MDI1QzAuMDQzNzA3NiAyMi4zNzU0IC0wLjAzNjcxNjcgMjMuNDM0MSAwLjAxNjg5OTUgMjQuNjMzMUMwLjA2NzYxNzUgMjUuNzY5MiAwLjIyNzc0MiAyNi43ODA3IDAuNDIzODUxIDI3LjY0MDhDMC41NzM1OSAyOC4yOTc2IDAuODE1MTA0IDI4LjkyODUgMS4xMzY1NiAyOS41MTU3QzIuOTE1MzEgMzIuNzY0NCA0LjM1OTA5IDMzLjcwMzIgNS4zMjEyOCAzNC4zMzUzQzYuODMyNjggMzUuMzI4MyA4LjgwMzE5IDM2LjA2MDUgOS4xNDkyOCAzNi4xOTgyQzEwLjY2NzIgMzYuODAxOCAxMi42NjQ1IDM3LjMzMjMgMTIuNDc2OSAzNy4yODQ4QzEzLjYyODYgMzcuNTc2IDE0Ljk2ODYgMzcuNzgzIDE2LjQ1NTEgMzcuOTA1N0MxNy42MzQ0IDM4LjAwMzEgMTguNzI1MSAzOC4wMTczIDE5LjcwNzggMzcuOTgzM0MyMS4wMzU5IDM3Ljk1NDEgMjIuNjQ2MyAzNy44MDQzIDI0LjQzNjcgMzcuMzg4MkMyNS43NzIgMzcuMDc3OCAyNi45NDUgMzYuNjgwMiAyNy45Mzk2IDM2LjI3NTZDMjkuMzIzNSAzNS43MjQ2IDMxLjA1MzQgMzQuODc3IDMyLjg2ODYgMzMuNTU4OEMzNC4yMTA3IDMyLjU4NDMgMzUuMjkwMyAzMS41NzY4IDM2LjEzNTYgMzAuNjc2NUMzNi4yMDk1IDMwLjU5NzYgMzYuMjgwOCAzMC41MTY2IDM2LjM0OTEgMzAuNDMyNUMzNy4wMjQ0IDI5LjYwMTMgMzcuNzgxIDI4LjUyNjQgMzguNDczNSAyNy4xOTRDMzguOTg2NyAyNi4yMDYgMzkuMzYzIDI1LjI3MjIgMzkuNjQxNyAyNC40NDVDMzkuNzE5NyAyNC4yMTM1IDM5Ljc3OTYgMjMuOTc2NSAzOS44MjExIDIzLjczNTNDMzkuOTIyNiAyMy4xNDU0IDM5Ljk5NiAyMi40NjQ1IDM5Ljk5OTggMjEuNzA4OEM0MC4wMDI1IDIxLjE5MjYgMzkuOTcyNSAyMC43MTYxIDM5LjkyNDcgMjAuMjg1N0MzOS44NTI1IDE5LjEwNDQgMzkuNjM5MyAxNy41MTU4IDM5LjA0OSAxNS43MzIxQzM4LjM5MyAxMy43NDk2IDM3LjU0NDEgMTIuMzgxMiAzNi44OTczIDExLjM1OTVDMzYuNzE3NCAxMS4wNzUzIDM2LjA0NDMgMTAuMDI2NCAzNC45OTU5IDguNzcyMTRDMzQuMjI1MiA3Ljg1MDMyIDMzLjQ5MDMgNy4xMDMwOCAzMi44NjkxIDYuNTIxMTdDMzIuMDkzNCA1Ljc0NTcgMzEuMTIzNyA0Ljg5MTMyIDI5Ljk0MTcgNC4wNjMxNkMyOC4zNzcgMi45NjY3NiAyNi44ODk3IDIuMjMyMDEgMjUuNjYzMyAxLjczNDUxQzI0Ljk2NDggMS40MTc4MyAyNC4xNDQ3IDEuMDk5MTUgMjMuMjExMiAwLjgyODkyNkMyMi4zNDY2IDAuNTc4NjggMjEuNTQ1MiAwLjQxNjU5NCAyMC44MzQyIDAuMzExNDVDMjAuMjg3IDAuMjE1NTQ3IDE5LjY5MzMgMC4xMzQxMjkgMTkuMDU3OSAwLjA3ODY4NTNDMTguMzc0MiAwLjAxOTQ5NTIgMTcuNzMyNSAtMC4wMDI3MzIzMiAxNy4xNCAwLjAwMDI2NDY0NVonIGZpbGw9JyM2MDg4MDAnLz48cGF0aCBmaWxsLXJ1bGU9J2V2ZW5vZGQnIGNsaXAtcnVsZT0nZXZlbm9kZCcgZD0nTTEwLjEyNDEgMTkuNTAwNUMxMC4xMjQxIDE5LjA2OSAxMC40NzM5IDE4LjcxOTIgMTAuOTA1NCAxOC43MTkySDI4LjA5MjlDMjguNTI0NCAxOC43MTkyIDI4Ljg3NDEgMTkuMDY5IDI4Ljg3NDEgMTkuNTAwNUMyOC44NzQxIDE5LjkzMiAyOC41MjQ0IDIwLjI4MTcgMjguMDkyOSAyMC4yODE3SDEwLjkwNTRDMTAuNDczOSAyMC4yODE3IDEwLjEyNDEgMTkuOTMyIDEwLjEyNDEgMTkuNTAwNVonIGZpbGw9J3doaXRlJy8+PHBhdGggZmlsbC1ydWxlPSdldmVub2RkJyBjbGlwLXJ1bGU9J2V2ZW5vZGQnIGQ9J00yMC41MDkxIDExLjkxNjJDMjAuODE0MiAxMS42MTExIDIxLjMwODggMTEuNjExMSAyMS42MTM5IDExLjkxNjJMMjguNjQ1MiAxOC45NDc1QzI4Ljk1MDMgMTkuMjUyNSAyOC45NTAzIDE5Ljc0NzIgMjguNjQ1MiAyMC4wNTIzTDIxLjYxMzkgMjcuMDgzNUMyMS4zMDg4IDI3LjM4ODYgMjAuODE0MiAyNy4zODg2IDIwLjUwOTEgMjcuMDgzNUMyMC4yMDQgMjYuNzc4NSAyMC4yMDQgMjYuMjgzOCAyMC41MDkxIDI1Ljk3ODdMMjYuOTg3OSAxOS40OTk5TDIwLjUwOTEgMTMuMDIxMUMyMC4yMDQgMTIuNzE2IDIwLjIwNCAxMi4yMjEzIDIwLjUwOTEgMTEuOTE2MlonIGZpbGw9J3doaXRlJy8+PC9zdmc+Cg==");
}

/* --- Grid layout (gedeeld door [activiteiten_archief] en [activiteiten_grid]) --- */
.eg-cards-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 15px;
}

@media (max-width: 1200px) {
	.eg-cards-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 767px) {
	.eg-cards-grid {
		grid-template-columns: 1fr;
	}
}

/* --- Archief-specifiek --- */
.eg-archief-nav {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 30px 0;
}

.eg-archief-nav a {
	font-family: 'Alegreya-Regular', Helvetica, Arial, Lucida, sans-serif;
	display: inline-block;
	padding: 6px 14px;
	background: #EAEAEA;
	color: #0F0F0F;
	border-radius: 6px;
	text-decoration: none;
	font-size: 14px;
	transition: background 0.2s ease, color 0.2s ease;
}

.eg-archief-nav a:hover {
	background: #81B700;
	color: #FFF;
}

.eg-archief-year {
	font-family: 'Outfit-Medium', Helvetica, Arial, Lucida, sans-serif;
	font-weight: 500;
	font-size: 24px;
	color: #0F0F0F;
	margin: 40px 0 15px 0;
	scroll-margin-top: 80px;
}

.eg-archief-year-block:first-of-type .eg-archief-year {
	margin-top: 0;
}

/* --- Carrousel-specifiek --- */
.vwa-carousel-wrapper {
	width: 100%;
	overflow: hidden;
}

.vwa-carousel .swiper-wrapper {
	padding-bottom: 15px;
}

.vwa-carousel .swiper-slide {
	height: auto;
}

.vwa-carousel.vwa-carousel--static .swiper-wrapper {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 15px;
	transform: none !important;
	padding-bottom: 15px;
}

.vwa-carousel.vwa-carousel--static .swiper-slide {
	width: 100% !important;
	margin: 0 !important;
}

@media (min-width: 1201px) {
	.vwa-carousel:not(.swiper-initialized) .swiper-wrapper,
	.vwa-carousel.vwa-carousel--static .swiper-wrapper {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 15px;
		transform: none !important;
	}

	.vwa-carousel:not(.swiper-initialized) .swiper-slide,
	.vwa-carousel.vwa-carousel--static .swiper-slide {
		width: 100% !important;
		margin: 0 !important;
	}
}

/* --- Mobile overrides (gedeeld) --- */
@media (max-width: 767px) {
	.eg-archief-year {
		font-size: 20px;
		margin-top: 30px;
	}

	.vwa-card__title {
		font-size: 15px;
	}

	.vwa-card__meta {
		gap: 8px;
	}

	.vwa-card__meta-item {
		font-size: 13px;
		padding: 3px 8px;
	}
}