/* Evenement van de dag — Amsterdam-stijl (rood #E2231A / antraciet #1A1A1A) */

.ua-eotd{
	margin:40px 0;
}
.ua-eotd-c{
	max-width:1140px;
	margin:0 auto;
	padding:0 20px;
}
.ua-eotd-kop{
	margin:0 0 16px;
}
.ua-eotd-badge{
	display:inline-block;
	background:#E2231A;
	color:#fff;
	font-weight:800;
	font-size:1.05rem;
	letter-spacing:.3px;
	padding:8px 16px;
	border-radius:999px;
	box-shadow:0 2px 8px rgba(0,0,0,.15);
}

.ua-eotd-card{
	display:grid;
	grid-template-columns:minmax(0,46%) 1fr;
	gap:0;
	background:#fff;
	border:1px solid #ececec;
	border-left:6px solid #E2231A;
	border-radius:16px;
	overflow:hidden;
	text-decoration:none;
	color:#1A1A1A;
	box-shadow:0 10px 30px rgba(20,20,20,.10);
	transition:transform .18s ease, box-shadow .18s ease;
}
.ua-eotd-card:hover{
	transform:translateY(-3px);
	box-shadow:0 16px 40px rgba(20,20,20,.16);
}

.ua-eotd-media{
	position:relative;
	min-height:260px;
	background:#f3f3f3;
}
.ua-eotd-media img{
	position:absolute;
	inset:0;
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
}
.ua-eotd-datum{
	position:absolute;
	top:16px;
	left:16px;
	background:#E2231A;
	color:#fff;
	border-radius:12px;
	padding:8px 12px;
	text-align:center;
	line-height:1;
	box-shadow:0 3px 10px rgba(0,0,0,.25);
}
.ua-eotd-datum .dag{
	display:block;
	font-size:1.6rem;
	font-weight:800;
}
.ua-eotd-datum .maand{
	display:block;
	font-size:.8rem;
	text-transform:uppercase;
	letter-spacing:1px;
	margin-top:2px;
}

.ua-eotd-body{
	padding:28px 30px;
	display:flex;
	flex-direction:column;
	justify-content:center;
}
.ua-eotd-cat{
	display:inline-block;
	align-self:flex-start;
	background:#fdeceb;
	color:#b3140d;
	font-weight:700;
	font-size:.78rem;
	text-transform:uppercase;
	letter-spacing:.6px;
	padding:5px 12px;
	border-radius:999px;
	margin-bottom:12px;
}
.ua-eotd-titel{
	margin:0 0 12px;
	font-size:1.9rem;
	line-height:1.15;
	color:#1A1A1A;
	font-weight:800;
}
.ua-eotd-meta{
	display:flex;
	flex-wrap:wrap;
	gap:8px 20px;
	color:#555;
	font-size:.98rem;
	font-weight:600;
	margin-bottom:14px;
}
.ua-eotd-tekst{
	margin:0 0 20px;
	color:#3a3a3a;
	font-size:1.02rem;
	line-height:1.55;
}
.ua-eotd-knop{
	align-self:flex-start;
	background:#E2231A;
	color:#fff;
	font-weight:800;
	padding:12px 22px;
	border-radius:10px;
	transition:background .15s ease;
}
.ua-eotd-card:hover .ua-eotd-knop{
	background:#b3140d;
}

/* Responsive: stapelen onder elkaar */
@media (max-width:820px){
	.ua-eotd-card{
		grid-template-columns:1fr;
	}
	.ua-eotd-media{
		min-height:220px;
	}
	.ua-eotd-titel{
		font-size:1.5rem;
	}
}