/*
 * Structural safeguards for Storefront News.
 * Presentation styling is also owned and loaded by this plugin.
 */
.storefront-news,
.storefront-news *,
.storefront-news *::before,
.storefront-news *::after {
	box-sizing: border-box;
}

.storefront-news img {
	display: block;
	max-width: 100%;
	height: auto;
}

.storefront-news-media-placeholder {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
	background: #f3f3f3;
}

.storefront-news-breadcrumb-list,
.storefront-news-tags,
.storefront-news-adjacent,
.storefront-news-card-footer {
	display: flex;
	flex-wrap: wrap;
}

.storefront-news-breadcrumb-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.storefront-news-breadcrumb-list li + li::before {
	content: "/";
	margin-inline: 0.55em;
}

.storefront-news-product-media,
.storefront-news-card-media,
.storefront-news-recent-media {
	display: block;
}

@media (prefers-reduced-motion: reduce) {
	.storefront-news *,
	.storefront-news *::before,
	.storefront-news *::after {
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
	}
}