/*
 * blocks/corner-card-grid.css — cartes image + bloc texte incrusté dans un coin.
 * Complète guest.css, ne redéfinit aucune primitive existante.
 */

.corner-card {
	position: relative;
	display: block;
	aspect-ratio: 4 / 5;
	border-radius: var(--radius-lg);
	overflow: hidden;
}
.corner-card img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: inherit; }

.corner-card__text {
	position: absolute;
	width: 68%;
	min-height: 48%;
	background: #fff;
	box-shadow: 0 0 0 3px #fff;
	padding: var(--s5);
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.corner-card__icon { width: 1.6rem; height: 1.6rem; color: var(--teal); margin-bottom: var(--s3); }
.corner-card__text h3 { font-size: 1rem; color: var(--ink); }
.corner-card__text p { margin-top: var(--s2); font-size: .82rem; color: var(--muted); }

.corner-card__text--tl,
.corner-card__text--br { border-radius: var(--radius-lg) 0 var(--radius-lg) 0; }
.corner-card__text--tr,
.corner-card__text--bl { border-radius: 0 var(--radius-lg) 0 var(--radius-lg); }

.corner-card__text--tl { top: 0; left: 0; }
.corner-card__text--tr { top: 0; right: 0; }
.corner-card__text--bl { bottom: 0; left: 0; }
.corner-card__text--br { bottom: 0; right: 0; }