/* Freetop's fixed-height outer container clips multiline messages. */
.skykof-promo-mobile { display: none; }
body.skykof-cookie-consent-set .cky-btn-revisit-wrapper { display: none !important; }
#wfspb-top-bar,
#wfspb-top-bar .wfspb-lining-layer,
#wfspb-top-bar #wfspb-main-content {
	box-sizing: border-box !important;
}
html body #wfspb-top-bar.bottom_bar,
html body #wfspb-top-bar.top_bar {
	height: auto !important;
	max-height: none !important;
}
html body #wfspb-top-bar .wfspb-lining-layer {
	position: relative !important;
	float: none !important;
	width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
}
@media (max-width: 767px) {
	#wfspb-main-content .skykof-promo-desktop { display: none !important; }
	#wfspb-main-content .skykof-promo-mobile { display: block !important; }
	#wfspb-main-content .skykof-promo-mobile > span {
		display: block;
		white-space: nowrap;
		font-size: clamp(10px, 3.1vw, 12px);
		line-height: 18px;
	}
	#wfspb-main-content .skykof-promo-mobile > span:first-child {
		font-size: 13px;
		font-weight: 600;
	}
	html body #wfspb-top-bar.bottom_bar {
		inset: auto 0 0 !important;
		width: 100% !important;
		max-width: 100% !important;
		transform: none !important;
		margin: 0 !important;
		border-top: 1px solid rgba(43, 43, 43, .12);
	}
	html body #wfspb-top-bar.bottom_bar .wfspb-lining-layer,
	html body #wfspb-top-bar.top_bar .wfspb-lining-layer {
		padding: 9px max(12px, env(safe-area-inset-right)) calc(9px + env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left)) !important;
	}
	#wfspb-top-bar #wfspb-main-content {
		width: 100% !important;
		padding: 0 !important;
		font-size: 13px !important;
		line-height: 1.45 !important;
		white-space: normal !important;
		overflow-wrap: break-word;
	}
	#wfspb-top-bar #wfspb-main-content .amount,
	#wfspb-top-bar #wfspb-main-content a {
		white-space: nowrap;
	}
	#wfspb-top-bar #wfspb-main-content a {
		display: inline-block;
		text-decoration: underline;
		text-underline-offset: 2px;
	}
	/* Reserve its measured height so the last footer links remain reachable. */
	body.skykof-shipping-banner-bottom {
		padding-bottom: var(--skykof-shipping-banner-height, 0px) !important;
	}
	body.skykof-shipping-banner-bottom .joinchat {
		bottom: calc(var(--skykof-shipping-banner-height, 0px) + 16px) !important;
	}
	/* Cookie consent takes precedence; the promotion returns after dismissal. */
	body.skykof-shipping-banner-cookie #wfspb-top-bar {
		display: none !important;
	}
}