/**
 * Sale badge on E&PD cards and the single post banner.
 *
 * Cards reuse the Sponsored badge's .post-partnership styles from style.css;
 * this file only drops the Sponsored star and hides badges outside their window.
 * On the single post, the badge sits above the title in the Themer banner
 * (.banner-post), which has no image to pin it to.
 */

/* WHY: .post-partnership sets display: flex, which would otherwise override the hidden attribute. */
.post-item .featured-image .yoko-sale-badge[hidden] {
	display: none;
}

.post-item .featured-image .yoko-sale-badge::before {
	content: none;
}

/* WHY: colours and corner radii are copied from .post-partnership in style.css so both badges match. */
.yoko-sale-active .banner-post .banner-main-title .fl-module-content::before {
	content: 'Sale';
	display: block;
	width: fit-content;
	margin: 0 auto 16px;
	background-color: #EFCB30;
	border-top-left-radius: 16px;
	border-bottom-right-radius: 16px;
	color: #212251;
	font-size: 16px;
	font-weight: 500;
	line-height: 1;
	padding: 10px 16px;
}