/* =================================================================
   Card Component — Global utilities
   Shared aspect-ratio classes used by card.php component.
   ================================================================= */

.card-media.aspect-ratio--original {
	aspect-ratio: auto;
}
.card-media.aspect-ratio--1-1 {
	aspect-ratio: 1 / 1;
}
.card-media.aspect-ratio--4-3 {
	aspect-ratio: 4 / 3;
}
.card-media.aspect-ratio--16-9 {
	aspect-ratio: 16 / 9;
}
.card-media.aspect-ratio--3-4 {
	aspect-ratio: 3 / 4;
}

/* Ensure images fill the aspect-ratio container */
.card-media[class*="aspect-ratio--"] .card-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Placeholder fills the aspect-ratio container */
.card-media[class*="aspect-ratio--"] .card-image--placeholder {
	width: 100%;
	height: 100%;
}