/*  Sinterklaas animation in the header
    ---------------------------------------------------------------------------------
*/

/* 🎁 Feestheader (Sinterklaas) */
.holidayheader {
	float: right;
}

@media (max-width: 700px) {
	.holidayheader {
		display: none;
		float: none;
	}
}

.site_holidayheader {
	float: right;
	width: 90px; /* iets groter */
	aspect-ratio: 60 / 85;
	background: url("./images/sinterklaas.png") center / contain no-repeat;
	margin: 8px 30px 0 0;
	cursor: pointer;
	transition: transform 0.3s ease, filter 0.3s ease;
	filter: drop-shadow(0 2px 3px rgba(0,0,0,0.4)); /* duidelijker op donkere achtergrond */
}

.site_holidayheader:hover {
	transform: translateY(-10px) scale(1.08); /* meer nadruk bij hover */
	filter: drop-shadow(0 5px 6px rgba(0,0,0,0.6));
}

/* 🎃 Feestheader (Halloween) — uitgeschakeld
-------------------------------------------------- */
/*
.holidayheader {
	float: right;
}

@media (max-width: 700px) {
	.holidayheader {
		display: none;
		float: none;
	}
}

.site_holidayheader {
	float: right;
	width: 90px;
	aspect-ratio: 60 / 85;
	background: url("./images/halloween.gif") center / contain no-repeat;
	margin: 8px 30px 0 0;
	cursor: pointer;
	transition: transform 0.3s ease, filter 0.3s ease;
	filter: drop-shadow(0 2px 3px rgba(0,0,0,0.4));
}

.site_holidayheader:hover {
	transform: translateY(-10px) scale(1.08);
	filter: drop-shadow(0 5px 6px rgba(0,0,0,0.6));
}
*/

/* 🎅 Feestheader (Santa) — uitgeschakeld
-------------------------------------------------- */
/*
.holidayheader {
	float: right;
}

@media (max-width: 700px) {
	.holidayheader {
		display: none;
		float: none;
	}
}

.site_holidayheader {
	float: right;
	width: 90px;
	aspect-ratio: 60 / 85;
	background: url("./images/santawalk.gif") center / contain no-repeat;
	margin: 8px 30px 0 0;
	cursor: pointer;
	transition: transform 0.3s ease, filter 0.3s ease;
	filter: drop-shadow(0 2px 3px rgba(0,0,0,0.4));
}

.site_holidayheader:hover {
	transform: translateY(-10px) scale(1.08);
	filter: drop-shadow(0 5px 6px rgba(0,0,0,0.6));
}
*/