}

.wp-block-image.winner {
	position: relative;
}

.wp-block-image.winner::after {
	content: "";
	position: absolute;
	top: -20px;
/* negative to lift it above the thumbnail */
	right: -20px;
/* negative to move it outside the right edge */
	width: 100px;
/* bigger than before */
	height: 100px;
	background-image: url('https://sunny-side-up-film-festival.com/wp-content/uploads/2025/09/2025_audience_favourite-removebg-preview-2.png');
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 10;
/* ensures it sits on top */
}

/* Normal button */
.wp-block-button__link {
	background-color: #de359d !important;
	color: white !important;
	border: none !important;
	padding: 10px 20px !important;
	text-decoration: none !important;
	display: inline-block !important;
	transition: background-color .3s ease !important;
}

/* Wiggle animation definition (small movement) */
@keyframes wiggle-small {
	0% {
		transform: rotate(0deg);
	}
	
	25% {
		transform: rotate(3deg);
	}
	
	50% {
		transform: rotate(-3deg);
	}
	
	75% {
		transform: rotate(2deg);
	}
	
	100% {
		transform: rotate(0deg);
	}
}

/* Hover state with subtle wiggle */
.wp-block-button__link:hover {
	background-color: #68d9d5 !important;
	animation: wiggle-small .4s ease-in-out;
}

/* Mobile-specific styles */
@media (max-width: 600px) {
	/* Shrink the specific heading */
	.wp-block-heading.has-text-align-left {
		font-size: 3em !important;
	/* roughly h6 size, adjust if needed */
	}
	
	/* Hide only the specific image next to it */
	img.wp-image-651 {
		display: none !important;
	}
}

/* Mobile-specific banner font size */
@media (max-width: 600px) {
	.top-banner {
		font-size: 12px;
	/* smaller font for phones */
		padding: 3px 0;
	/* optional: reduce padding too */
	}
	
	/* Optional: push content slightly less on small screens */
	body {
		padding-top: 28px;
	}
}

/* =========================
   SSUCFF Film Card Tight Layout
   Paste all of this into: Appearance → Additional CSS
   ========================= */
/* Core: tighten vertical spacing between blocks inside each card */
.film-card > * {
	margin-top: 0 !important;
	margin-bottom: .4rem !important;
/* overall vertical tightness */
}

/* Title: reduce space under the film name */
.film-card .wp-block-heading {
	margin-top: 0 !important;
	margin-bottom: .1rem !important;
}

/* Meta row (badge + country text): keep on one line, close together */
.film-card .film-meta,
.film-card .wp-block-group.is-layout-flex {
	justify-content: flex-start !important;
/* stop the huge split */
	align-items: center !important;
	gap: .3rem !important;
/* horizontal tightness */
	flex-wrap: nowrap !important;
/* keep badge + text together */
}

/* Badge: tiny pill */
.film-card .film-badge .wp-element-button,
.film-card .wp-block-button__link {
	padding: .18rem .4rem !important;
/* smaller badge */
	font-size: .7rem !important;
	line-height: 1 !important;
	border-radius: 999px !important;
	white-space: nowrap !important;
/* prevents letter-by-letter wrapping */
}

/* Paragraphs: remove default theme spacing that can create weird gaps */
.film-card p {
	margin-top: 0 !important;
	margin-bottom: -3rem !important;
}

/* Hide truly empty paragraphs (phantom gaps) */
.film-card p:empty {
	display: none !important;
}

/* Optional: tighten image spacing if your theme adds a big gap */
.film-card figure,
.film-card .wp-block-image {
	margin-bottom: .6rem !important;
}

/* Bring the country paragraph up (align to the top of the badge) */
.film-card .film-meta,
.film-card .wp-block-group.is-layout-flex {
	align-items: flex-start !important;
/* was center */
}

/* Remove any default top margin on the paragraph */
.film-card .film-meta p,
.film-card p {
	margin-top: 0 !important;
}

/* If the paragraph is a tiny bit low due to line-height, tighten it */
.film-card .film-meta p {
	line-height: 1.1 !important;
}

/* Nudge the country text: slightly down + slightly right */
.film-card .film-meta p {
	position: relative;
	top: 11px;
/* down a bit (try 1–4px) */
	left: 2px;
/* right a bit (try 4–10px) */
/* Make the country/producer text bold */
}

/* Directors line: smaller + move up (works whether class is on  or wrapper) */
.directors,
.directors p,
p.directors {
	font-size: .7rem !important;
	line-height: 1.2 !important;
	margin-top: .4rem !important;
/* move up */
	margin-bottom: .2rem !important;
}

.film-card .film-meta p {
	font-size: .6rem !important;
}

/* Film blurbs: smaller text */
.blurb,
.blurb p,
p.blurb {
	font-size: .8rem !important;
/* try 0.85rem if you want smaller */
	line-height: 1.35 !important;
	margin-top: 0 !important;
}

/* --- STOP THE BLURB OVERLAYING THE NEXT CARD --- */
.film-card .blurb,
.film-card p.blurb,
.film-card .blurb p {
	position: static !important;
/* not absolute */
	z-index: auto !important;
/* not sitting on top */
	display: block !important;
}

/* Make the blurb a normal white box (but NOT an overlay) */
.film-card .blurb,
.film-card p.blurb {
	background: #fff;
	padding: 1rem;
	border-radius: 14px;
	margin-top: .8rem !important;
	margin-bottom: 0 !important;
}

/* Give each whole card breathing room so the next one starts lower */
.film-card {
	margin-bottom: 2rem !important;
}