/* ==========================================================
   DONATION ARCHIVE
========================================================== */

.category-donacije .entries[data-layout="grid"] {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: clamp(22px, 3vw, 38px) !important;

	width: min(calc(100% - 48px), 1320px);
	margin-inline: auto;
}


/* ==========================================================
   DONATION CARD
========================================================== */

.category-donacije .entry-card {
	position: relative;
	isolation: isolate;

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

	width: 100%;
	min-width: 0;
	aspect-ratio: 2 / 1;
	padding: clamp(24px, 2.6vw, 38px) !important;

	overflow: hidden;
	border: 0;
	background-color: var(--im-donation-card-surface) !important;
	text-align: center;

	transition:
		transform var(--im-transition),
		box-shadow var(--im-transition);
}

/*
 * Zajednička slika za sve kartice.
 * Prilagodi putanju stvarnoj lokaciji slike u child temi.
 */
.category-donacije .entry-card::before {
	position: absolute;
	z-index: 0;
	inset: 0;

	background-image: url("../../../images/donation-card-background.webp");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;

	content: "";
	transition: transform 500ms ease;
}

.category-donacije .entry-card:hover {
	transform: translateY(-3px);
}

.category-donacije .entry-card:hover::before {
	transform: scale(1.025);
}

.category-donacije .entry-card > * {
	position: relative;
	z-index: 1;
}


/* ==========================================================
   HIDDEN META
========================================================== */

/* Kategorija Donacije već je jasna iz samog archivea. */
.category-donacije .entry-card [data-id="meta_1"] {
	display: none;
}

/* Autor nije koristan posjetitelju. */
.category-donacije .entry-card [data-id="meta_2"] .meta-author {
	display: none;
}

/* Uklanja eventualni slash separator koji generira Blocksy. */
.category-donacije .entry-card [data-id="meta_2"] li::after {
	display: none !important;
}


/* ==========================================================
   TITLE
========================================================== */

.category-donacije .entry-card .entry-title {
	margin: 0 !important;

	color: var(--im-donation-card-text);
	font-size: clamp(24px, 2.2vw, 34px);
	font-weight: 600;
	line-height: 1.15;
	letter-spacing: -0.02em;
	text-wrap: balance;
}

.category-donacije .entry-card .entry-title a {
	color: inherit;
	text-decoration: none;
}

/*
 * Postojeći link iz naslova rastežemo preko cijele kartice.
 * Nema dodatnog JavaScripta ni dupliciranog linka.
 */
.category-donacije .entry-card .entry-title a::after {
	position: absolute;
	z-index: 5;
	inset: 0;

	content: "";
}

.category-donacije .entry-card .entry-title a:focus-visible::after {
	outline: 2px solid currentColor;
	outline-offset: -5px;
}


/* ==========================================================
   DONATED AMOUNT
========================================================== */

.category-donacije .entry-card .entry-excerpt {
	margin: 16px 0 0 !important;

	color: var(--im-donation-card-accent);
	font-size: clamp(22px, 2vw, 30px);
	font-weight: 700;
	line-height: 1.2;
}

.category-donacije .entry-card .entry-excerpt p {
	margin: 0;
}


/* ==========================================================
   DATE
========================================================== */

.category-donacije .entry-card [data-id="meta_2"] {
	display: flex;
	align-items: center;
	justify-content: center;

	margin: 20px 0 0 !important;
	padding: 0;

	color: var(--im-donation-card-text);
	font-size: 12px;
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: 0.08em;
	text-transform: uppercase;

	opacity: 0.7;
}

.category-donacije .entry-card [data-id="meta_2"] li {
	margin: 0;
}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 1024px) {
	.category-donacije .entries[data-layout="grid"] {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		width: min(calc(100% - 40px), 960px);
	}
}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width: 689px) {
	.category-donacije .entries[data-layout="grid"] {
		grid-template-columns: 1fr !important;
		width: calc(100% - 32px);
		gap: 20px !important;
	}

	.category-donacije .entry-card {
		aspect-ratio: 2 / 1;
		padding: 18px 16px !important;
	}

	.category-donacije .entry-card .entry-title {
		font-size: clamp(21px, 7vw, 28px);
	}

	.category-donacije .entry-card .entry-excerpt {
		margin-top: 10px !important;
		font-size: clamp(20px, 6vw, 26px);
	}

	.category-donacije .entry-card [data-id="meta_2"] {
		margin-top: 12px !important;
		font-size: 10px;
	}
}