/*
 * Shared styling for the owner-editable Recent Favorite card
 * (TWOPAIR_RUCSS_Recent_Favorite_Widget). Previously each card carried
 * its own inline <style> block with an identical :focus rule -- moved
 * here as one reusable class so cards no longer need a Text Editor
 * widget just to hold CSS.
 *
 * The !important on :focus is required: a pre-existing, higher-precedence
 * sitewide CSS pattern suppresses the default focus outline even with a
 * plain class rule (confirmed via getComputedStyle during the Austin V2.2
 * review) -- this is the same, disclosed, non-blocking limitation noted
 * there, not a new issue.
 */
.tp-recent-favorite-card {
	aspect-ratio: 4/5;
	overflow: hidden;
	background-size: cover;
	background-position: center;
	display: block;
}

.tp-recent-favorite-card:focus {
	outline: 3px solid #a58a5e !important;
	outline-offset: 2px !important;
	box-shadow: 0 0 0 3px #a58a5e !important;
}

.tp-recent-favorite-caption {
	text-align: center;
	margin-top: 10px;
	font-family: Karla, sans-serif;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 1px;
}

.tp-recent-favorite-caption a {
	color: #7a7a7a;
	text-decoration: none;
}