/*
 * Cards for the [actra_awards] shortcode.
 * Scoped to the embed so a branch theme and RocketTheme can both host it.
 */

.actra-awards-embed {
	--actra-awards-gold: #d4af37;
	--actra-awards-border: #333333;
	margin: 0 0 1.5rem;
}

.actra-awards-embed .actra-awards-category-title {
	margin: 1.35rem 0 0.65rem !important;
	font-size: 1.25rem !important;
	line-height: 1.3 !important;
	font-weight: 700 !important;
}

.actra-awards-embed .actra-awards-event,
.actra-awards-embed .actra-awards-rules p {
	margin: 0 0 0.85rem !important;
}

.actra-awards-embed .actra-nominee-grid {
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 17.5rem), 1fr)) !important;
	gap: 0.75rem !important;
	margin: 0 0 1.25rem !important;
	width: 100%;
}

.actra-awards-embed .actra-nominee-card {
	position: relative !important;
	display: block !important;
	aspect-ratio: 3 / 4;
	width: 100%;
	margin: 0 !important;
	overflow: hidden;
	border: 1px solid var(--actra-awards-border);
	background: #111111;
}

.actra-awards-embed .actra-nominee-card.is-winner {
	border-color: var(--actra-awards-gold);
}

.actra-awards-embed .actra-nominee-card.is-winner::after {
	content: "Winner";
	position: absolute;
	top: 0.55rem;
	left: 0.55rem;
	z-index: 4;
	padding: 0.15rem 0.45rem;
	background: var(--actra-awards-gold);
	color: #111111;
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	line-height: 1.2;
}

.actra-awards-embed .actra-nominee-card img {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	object-fit: cover !important;
	object-position: center 18%;
}

.actra-awards-embed .actra-nominee-card img.actra-nominee-logo {
	object-fit: contain !important;
	object-position: center center !important;
	padding: 1.1rem;
	box-sizing: border-box;
	background: #111111;
}

.actra-awards-embed .actra-nominee-card figcaption,
.actra-awards-embed .actra-nominee-card figcaption p,
.actra-awards-embed .actra-nominee-card figcaption strong,
.actra-awards-embed .actra-nominee-card figcaption span {
	color: #f0f0f0 !important;
	font-size: 0.82rem !important;
	line-height: 1.25 !important;
	margin: 0 !important;
}

.actra-awards-embed .actra-nominee-card figcaption {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	padding: 0.45rem 0.65rem 0.55rem;
	background: #111111 !important;
	text-align: center;
}

.actra-awards-embed .actra-nominee-card.is-span-2 {
	grid-column: span 2;
}

.actra-awards-embed .actra-nominee-card.is-span-3 {
	grid-column: span 3;
}

.actra-awards-embed .actra-nominee-card.is-span-row {
	grid-column: 1 / -1 !important;
	aspect-ratio: 16 / 9 !important;
	width: 100% !important;
	max-height: 32rem;
}

@media (max-width: 700px) {
	.actra-awards-embed .actra-nominee-card.is-span-2,
	.actra-awards-embed .actra-nominee-card.is-span-3 {
		grid-column: span 1;
		aspect-ratio: 3 / 4 !important;
		max-height: none;
	}

	.actra-awards-embed .actra-nominee-card.is-span-row {
		grid-column: 1 / -1 !important;
		aspect-ratio: 16 / 9 !important;
		max-height: 16rem;
	}
}

.actra-awards-embed .actra-awards-empty {
	grid-column: 1 / -1;
	margin: 0 !important;
	padding: 1rem 1.1rem;
	border: 1px dashed var(--actra-awards-border);
}