/* Le card sono istanze della grammatica visiva condivisa di ASCA Vertical Card. */
.aw-recent-posts--cards .aw-asca-search__card-media,
.aw-recent-posts--cards .aw-asca-search__card-media > a {
	aspect-ratio: 16 / 9;
}

.aw-recent-posts--cards .aw-asca-search__card-media > a {
	display: block;
}

.aw-recent-posts--cards .aw-asca-search__card-media :is(.aw-post-card-vert__image, .aw-post-card-vert__image-placeholder) {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.aw-recent-posts--cards .aw-asca-search__card-overlay {
	position: absolute;
	z-index: 3;
	bottom: .5rem;
	left: .5rem;
	display: flex;
	align-items: center;
	gap: .65rem;
	color: var(--wp--preset--color--white, #fff);
	font-size: var(--wp--preset--font-size--normal, 1.25rem);
	font-weight: 500;
	line-height: 1;
}

.aw-recent-posts--cards .aw-asca-search__card-type {
	padding: .2rem .7rem;
	border-radius: var(--wp--custom--border--radius--small, 3px);
	background: var(--aw-post-card-accent, var(--wp--preset--color--primary-main, #3169b1));
	color: inherit;
	font-size: var(--wp--preset--font-size--normal, 1rem);
	font-weight: 700;
}

.aw-recent-posts--cards .aw-asca-search__card-heading-link {
	display: block;
	color: inherit;
	text-decoration: none;
}

.aw-recent-posts--cards .aw-asca-search__card-heading-link:is(:hover, :focus-visible) {
	text-decoration: none !important;
}

.aw-recent-posts--cards .aw-asca-search__card-heading-link:hover :is(.aw-asca-search__card-title, .aw-asca-search__card-subtitle),
.aw-recent-posts--cards .aw-asca-search__card-heading-link:focus-visible :is(.aw-asca-search__card-title, .aw-asca-search__card-subtitle) {
	text-decoration: underline;
	text-decoration-color: currentColor;
	text-decoration-thickness: 2px;
	text-underline-offset: .12em;
}

/* Recent e Featured condividono la card orizzontale in vista Lista. */
:is(.aw-recent-posts--list, .aw-featured-posts--list) .aw-post-card-hor__media {
	inline-size: 100%;
	min-height: 0;
	max-inline-size: none;
	background: var(--wp--preset--color--light-2, #ebebeb);
}

:is(.aw-recent-posts--list, .aw-featured-posts--list) .aw-post-card-hor__media .aw-post-card-vert__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

:is(.aw-recent-posts, .aw-featured-posts) .aw-asca-search__card--without-media.aw-post-card-hor {
	grid-template-columns: minmax(0, 1fr);
}

:is(.aw-recent-posts, .aw-featured-posts) .aw-asca-search__card-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .4rem;
	margin-bottom: .5rem;
	font-size: var(--wp--preset--font-size--small, .8125rem);
	font-weight: 600;
	line-height: 1.2;
}

/* La colonna dell'immagine coincide con le dimensioni effettive del media:
 * nessun elemento può quindi invadere la colonna del testo. */
@media (min-width: 601px) {
	:is(.aw-recent-posts--list, .aw-featured-posts--list) .aw-post-card-hor {
		grid-template-columns: 9rem minmax(0, 1fr);
		align-items: start;
	}

	:is(.aw-recent-posts--list, .aw-featured-posts--list) .aw-post-card-hor__media {
		block-size: 9rem;
	}
}

:is(.aw-recent-posts, .aw-featured-posts) .aw-asca-search__card-heading-link:is(:hover, :focus-visible) {
	text-decoration: none !important;
}

:is(.aw-recent-posts, .aw-featured-posts) .aw-asca-search__card-heading-link:hover :is(.aw-asca-search__card-title, .aw-asca-search__card-subtitle),
:is(.aw-recent-posts, .aw-featured-posts) .aw-asca-search__card-heading-link:focus-visible :is(.aw-asca-search__card-title, .aw-asca-search__card-subtitle) {
	text-decoration: underline;
	text-decoration-color: currentColor;
	text-decoration-thickness: 2px;
	text-underline-offset: .12em;
}

.aw-recent-posts__archive {
	margin: var(--wp--preset--spacing--40, 1.5rem) 0 0;
	text-align: center;
}

/* Il badge tassonomico e le varianti cromatiche sono comuni ai due blocchi. */
.aw-asca-search__card-taxonomy-badge {
	display: inline-block;
	padding: .15rem .45rem;
	border-radius: var(--wp--custom--border--radius--small, 3px);
	background: var(--aw-post-card-accent, var(--wp--preset--color--primary-main, #3169b1));
	color: var(--wp--preset--color--white, #fff);
	font-size: inherit;
	font-weight: 700;
	line-height: 1.15;
	white-space: nowrap;
}

:is(.aw-recent-posts--cards.aw-recent-posts--colored, .aw-featured-posts--cards.aw-featured-posts--colored) .aw-post-card-vert {
	background: var(--aw-post-card-accent, var(--wp--preset--color--primary-main, #3169b1));
	border-color: transparent;
	color: var(--wp--preset--color--white, #fff);
}

:is(.aw-recent-posts--cards.aw-recent-posts--colored, .aw-featured-posts--cards.aw-featured-posts--colored) :is(.aw-post-card-vert__title, .aw-post-card-vert__subtitle, .aw-post-card-vert__excerpt) {
	color: var(--wp--preset--color--white, #fff);
}

:is(.aw-recent-posts--cards.aw-recent-posts--colored, .aw-featured-posts--cards.aw-featured-posts--colored) .aw-asca-search__card-type {
	border: 1px solid currentColor;
	background: transparent;
	color: var(--wp--preset--color--white, #fff);
}

:is(.aw-recent-posts--cards.aw-recent-posts--colored, .aw-featured-posts--cards.aw-featured-posts--colored) :is(.aw-asca-search__card-type, .aw-asca-search__card-taxonomy-badge),
:is(.aw-recent-posts--list.aw-recent-posts--colored, .aw-featured-posts--list.aw-featured-posts--colored) :is(.aw-post-card-hor__badge, .aw-asca-search__card-taxonomy-badge) {
	border-color: var(--wp--preset--color--white, #fff);
	background: var(--wp--preset--color--white, #fff);
	color: var(--aw-post-card-accent, var(--wp--preset--color--primary-main, #3169b1)) !important;
}

:is(.aw-recent-posts--cards.aw-recent-posts--colored, .aw-featured-posts--cards.aw-featured-posts--colored) .aw-post-card-vert__cta {
	border-top: 1px solid rgb(255 255 255 / .5);
	background: transparent;
}

:is(.aw-recent-posts--list.aw-recent-posts--colored, .aw-featured-posts--list.aw-featured-posts--colored) .aw-post-card-hor {
	--aw-post-card-border: rgb(255 255 255 / .55);
	color: var(--wp--preset--color--white, #fff);
}

:is(.aw-recent-posts--list.aw-recent-posts--colored, .aw-featured-posts--list.aw-featured-posts--colored) :is(.aw-post-card-hor__title, .aw-post-card-hor__title a, .aw-post-card-hor__subtitle, .aw-post-card-hor__excerpt, .aw-post-card-hor__meta, .aw-post-card-hor__meta time) {
	color: var(--wp--preset--color--white, #fff) !important;
}