/* Drink With Us — Featured in

   Guides that include this listing. Quieter than the related-listings
   block below it: this is provenance, not a suggestion. */

.dwu-featured {
	margin: var(--space-10, 2.5rem) 0;
	padding: var(--space-6, 1.5rem) 0 0;
	border-top: 1px solid rgba(15, 46, 38, 0.14);
}

.fl-page .dwu-featured .dwu-featured__heading {
	margin: 0 0 var(--space-5, 1.25rem) !important;
	color: var(--color-inky-green, #0f2e26) !important;
	font-family: var(--font-heading, sans-serif) !important;
	font-size: 1.25rem !important;
	font-weight: 400 !important;
	line-height: 1.2 !important;
	letter-spacing: -0.005em !important;
}

.fl-page .dwu-featured .dwu-featured__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
	gap: var(--space-5, 1.25rem);
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.fl-page .dwu-featured .dwu-featured__item {
	margin: 0 !important;
	padding: 0 !important;
}

.fl-page .dwu-featured .dwu-featured__card {
	display: block;
	text-decoration: none !important;
}

.dwu-featured__media {
	display: block;
	aspect-ratio: 3 / 2;
	overflow: hidden;
	border-radius: 8px;
	background: rgba(15, 46, 38, 0.06);
	margin-bottom: 9px;
}

.dwu-featured__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.4s ease;
}

.dwu-featured__card:hover .dwu-featured__media img {
	transform: scale(1.03);
}

.fl-page .dwu-featured .dwu-featured__label {
	display: block;
	margin-bottom: 3px;
	color: var(--color-dusty-mauve, #ba7157) !important;
	font-family: var(--font-body, sans-serif) !important;
	font-size: 0.625rem !important;
	line-height: 1.2 !important;
	letter-spacing: 0.14em !important;
	text-transform: uppercase;
}

.fl-page .dwu-featured .dwu-featured__title {
	display: block;
	color: var(--color-inky-green, #0f2e26) !important;
	font-family: var(--font-heading, sans-serif) !important;
	font-size: 1rem !important;
	line-height: 1.25 !important;
	letter-spacing: -0.005em !important;
}

.dwu-featured__card:hover .dwu-featured__title {
	color: var(--color-dusty-mauve, #ba7157) !important;
}

.fl-page .dwu-featured .dwu-featured__date {
	display: block;
	margin-top: 3px;
	color: rgba(15, 46, 38, 0.6) !important;
	font-family: var(--font-body, sans-serif) !important;
	font-size: 0.75rem !important;
	line-height: 1.3 !important;
	letter-spacing: 0 !important;
}

/* [dwu_featured_in layout="list"] — no images, for a sidebar or a
   tighter spot in the page. */

.dwu-featured--list .dwu-featured__grid {
	display: block;
}

.dwu-featured--list .dwu-featured__item + .dwu-featured__item {
	margin-top: 10px !important;
	padding-top: 10px !important;
	border-top: 1px solid rgba(15, 46, 38, 0.08);
}

.dwu-featured--list .dwu-featured__label {
	display: inline;
	margin-right: 8px;
}

.dwu-featured--list .dwu-featured__title {
	display: inline;
}

@media (max-width: 600px) {
	.fl-page .dwu-featured .dwu-featured__grid {
		grid-template-columns: 1fr 1fr;
		gap: var(--space-4, 1rem);
	}
}

@media (prefers-reduced-motion: reduce) {
	.dwu-featured__media img {
		transition: none;
	}
}