/**
 * Mr Win – Closed casino presentation
 */

/*
 * Make the Spinoko casino hero the positioning container
 * for the CLOSED presentation.
 */
body.single-casino
article.mrwin-casino-is-closed
.review-hero {
	position: relative;
	overflow: hidden;
}

/*
 * Add a dark translucent layer over the old casino logo,
 * rating and bonus information.
 *
 * This layer sits underneath the CLOSED ribbon.
 */
body.single-casino
article.mrwin-casino-is-closed
.review-hero::before {
	content: "" !important;
	position: absolute;
	inset: 0;
	z-index: 10;
	display: block;
	background: rgba(20, 25, 34, 0.62) !important;
	box-shadow: none !important;
	mask: none !important;
	pointer-events: none;
}

/*
 * Display the reusable CLOSED image over the complete hero.
 *
 * !important is required because the child theme's main style.css
 * disables ::before and ::after on .review-hero.
 */
body.single-casino
article.mrwin-casino-is-closed
.review-hero::after {
	content: "" !important;
	position: absolute;
	inset: 0;
	z-index: 20;
	display: block;
	background: transparent
		url("../images/mrwin-casino-closed-overlay.png")
		center / cover
		no-repeat !important;
	box-shadow: none !important;
	mask: none !important;
	pointer-events: none;
}

/*
 * Disable the Claim Now button above the hero.
 */
body.single-casino
article.mrwin-casino-is-closed
.entry-header
.button-casino__wide {
	position: relative;
	pointer-events: none;
	background-color: #4a4d52 !important;
	border-color: #4a4d52 !important;
	color: transparent !important;
	box-shadow: none !important;
	cursor: default;
}

/*
 * Replace the visible Claim Now text.
 */
body.single-casino
article.mrwin-casino-is-closed
.entry-header
.button-casino__wide::after {
	content: "Casino Closed" !important;
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: transparent !important;
	color: #ffffff !important;
	font-weight: 700;
	pointer-events: none;
}

/*
 * Disable the sticky/bottom CTA on a closed casino review.
 */
body.single-casino
article.mrwin-casino-is-closed
.casino-button__content-end
.button-casino {
	position: relative;
	pointer-events: none;
	background-color: #4a4d52 !important;
	border-color: #4a4d52 !important;
	color: transparent !important;
	box-shadow: none !important;
	cursor: default;
}

/*
 * Replace “Join [casino name]” with a generic status.
 */
body.single-casino
article.mrwin-casino-is-closed
.casino-button__content-end
.button-casino::after {
	content: "Casino Closed" !important;
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: transparent !important;
	color: #ffffff !important;
	font-weight: 700;
	pointer-events: none;
}

/*
 * Hide Casino Info, Pros and Cons on permanently closed casinos.
 */
body.single-casino
article.mrwin-casino-is-closed
.casino-info-pros-cons {
	display: none !important;
}

/*
 * Keep the presentation centred on mobile screens.
 */
@media (max-width: 767px) {
	body.single-casino
	article.mrwin-casino-is-closed
	.review-hero::before {
		background: rgba(20, 25, 34, 0.66) !important;
	}

	body.single-casino
	article.mrwin-casino-is-closed
	.review-hero::after {
		background: transparent
			url("../images/mrwin-casino-closed-overlay.png")
			center / cover
			no-repeat !important;
	}
}

/*
 * Respect visitors who prefer reduced animation.
 */
@media (prefers-reduced-motion: reduce) {
	body.single-casino
	article.mrwin-casino-is-closed * {
		transition: none !important;
	}
}