.happylight-bf-voucher {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap: 2px;
	width: fit-content;
	max-width: 100%;
	margin: 9px 0 12px;
	padding: 9px 12px 10px;
	border: 1px solid var(--hlbf-accent, #f7b733);
	border-radius: 11px;
	background: linear-gradient(135deg, #151515 0%, #29221a 100%);
	color: #fff;
	font-family: inherit;
	line-height: 1.35;
}

.happylight-bf-voucher[hidden] { display: none !important; }
.happylight-bf-voucher__title { font-size: 12.852px; font-weight: 700; letter-spacing: .055em; line-height: 1.25; }
.happylight-bf-voucher__price { color: var(--hlbf-accent, #f7b733); font-size: 18.36px; font-weight: 800; line-height: 1.1; }
.happylight-bf-voucher__saving { color: #f5d99e; font-size: 15.3px; line-height: 1.25; }

@media (max-width: 480px) {
	.happylight-bf-voucher { padding: 8px 10px 9px; gap: 3px; overflow-wrap: anywhere; }
	.happylight-bf-voucher__title { font-size: clamp(11.016px, 3.1824vw, 12.852px); }
	.happylight-bf-voucher__price { font-size: 18.36px; }
	.happylight-bf-voucher__saving { font-size: clamp(12.852px, 3.672vw, 14.688px); }
}

/* The custom sticky plugin renders this component directly inside its voucher slot. */
.happylight-sticky-voucher {
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	flex: 0 1 auto;
	flex-wrap: wrap;
	align-self: center;
	align-items: center;
	justify-content: center;
	width: fit-content;
	max-width: 100%;
	min-width: 0;
	flex-shrink: 1;
	margin: 0;
	padding: 4px 9px;
	gap: 3px 10px;
	border: 1px solid #f7b733;
	border-radius: 6px;
	background: linear-gradient(135deg, #151515 0%, #29221a 100%);
	line-height: 1.2;
	white-space: normal;
	overflow: visible;
	overflow-wrap: anywhere;
}

.happylight-sticky-voucher[hidden] { display: none !important; }
.happylight-sticky-voucher .happylight-bf-voucher__title { display: contents; color: var(--hlbf-accent, #f7b733); font-size: 13.464px; letter-spacing: .015em; }
.happylight-sticky-voucher .happylight-bf-voucher__price { display: block; width: auto; color: var(--hlbf-accent, #f7b733); font-size: 18.36px !important; font-weight: 800; font-variant-numeric: tabular-nums; line-height: 1.15; white-space: nowrap; }
.happylight-sticky-voucher .happylight-bf-voucher__saving { color: #f5d99e; font-size: 13.464px; white-space: normal; }
.happylight-sticky-voucher__title-mobile,
.happylight-sticky-voucher__saving-mobile { display: none; }
.happylight-sticky-voucher.happylight-bf-voucher--no-saving .happylight-bf-voucher__saving { display: none; }

@media (min-width: 769px) {
	.happylight-sticky-voucher.happylight-bf-voucher--desktop-off { display: none !important; }
	.happylight-sticky-voucher { margin: -8px 0 0 auto; }
}

@media (max-width: 768px) {
	.happylight-sticky-voucher.happylight-bf-voucher--mobile-off { display: none !important; }
	.happylight-sticky-voucher { width: fit-content; max-width: 100%; margin: 0 auto; padding: 4px 8px; gap: 3px 8px; }
	.happylight-sticky-voucher .happylight-bf-voucher__title { font-size: 13.464px; letter-spacing: .01em; text-align: center; }
	.happylight-sticky-voucher .happylight-bf-voucher__price { font-size: 18.36px !important; }
	.happylight-sticky-voucher .happylight-bf-voucher__saving { font-size: 13.464px; }
	.happylight-sticky-voucher__title-desktop,
	.happylight-sticky-voucher__saving-desktop { display: none; }
	.happylight-sticky-voucher__title-mobile,
	.happylight-sticky-voucher__saving-mobile { display: inline; }
	.happylight-sticky-voucher__title-mobile {
		display: block;
		flex: 0 0 100%;
		width: 100%;
		font-size: 0;
		line-height: 1.2;
		text-align: center;
	}
	.happylight-sticky-voucher__title-mobile::before {
		content: "PREȚ CU VOUCHER BLACK FRIDAY";
		display: block;
		font-size: 13.464px;
		font-weight: 600;
		white-space: normal;
	}
}