/**
 * SkyBound Slide-In Countdown — visual design from the SkyBound placement
 * mockup (option 2, "Slide-In"), scaled 1.5x per client request:
 * white card, lower-right, Brain Vision palette.
 *
 * Rules are hardened with !important where global theme / Elementor-kit styles
 * (headings, buttons) are known to bleed into the popup.
 */

.sbsc-pop {
	position: fixed;
	right: 18px;
	bottom: 18px;
	left: auto;
	top: auto;
	width: min(477px, calc(100% - 36px));
	background: #fff;
	border: 1px solid #e3e8ee;
	border-radius: 18px;
	padding: 29px 29px 26px;
	box-shadow: 0 26px 56px -22px rgba(0, 20, 40, 0.42);
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 17px;
	z-index: 99999;
	font-family: "Open Sans", "Helvetica Neue", Arial, sans-serif;
	font-size: 19px;
	line-height: 1.5;
	text-align: left;
	box-sizing: border-box;
	margin: 0;
}

.sbsc-pop[hidden] {
	display: none !important;
}

.sbsc-pop * {
	box-sizing: border-box;
}

@media (max-width: 600px) {
	.sbsc-pop {
		left: 12px;
		right: 12px;
		bottom: 12px;
		width: auto;
	}
}

@media (prefers-reduced-motion: no-preference) {
	.sbsc-pop.sbsc-in {
		animation: sbsc-slide-r 0.42s cubic-bezier(0.16, 0.84, 0.44, 1) both;
	}
}

@keyframes sbsc-slide-r {
	from {
		opacity: 0;
		transform: translateX(39px);
	}
	to {
		opacity: 1;
		transform: none;
	}
}

.sbsc-pop .sbsc-eyebrow {
	font-family: "Open Sans", "Helvetica Neue", Arial, sans-serif !important;
	font-size: 14px !important;
	letter-spacing: 0.14em !important;
	text-transform: uppercase !important;
	font-weight: 600 !important;
	color: #f05523 !important;
	line-height: 1 !important;
	margin: 0 !important;
	padding: 0 !important;
	display: block;
}

/* h3 — theme heading styles must not apply here. */
.sbsc-pop .sbsc-title,
.sbsc-pop h3.sbsc-title {
	font-family: "Roboto", "Helvetica Neue", Arial, sans-serif !important;
	color: #00305e !important;
	font-weight: 600 !important;
	font-size: 23px !important;
	line-height: 1.3 !important;
	letter-spacing: -0.01em !important;
	text-transform: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Countdown blocks */
.sbsc-pop .sbsc-cd {
	display: flex;
	gap: 10px;
	font-variant-numeric: tabular-nums;
	margin: 0;
	padding: 0;
}

.sbsc-pop .sbsc-cd .sbsc-b {
	background: #00305e !important;
	color: #fff !important;
	border-radius: 6px !important;
	padding: 8px 0 !important;
	min-width: 60px;
	flex: 0 0 auto;
	text-align: center;
	border: 0 !important;
}

.sbsc-pop .sbsc-cd .sbsc-b b {
	font-family: "Roboto", "Helvetica Neue", Arial, sans-serif !important;
	font-size: 22px !important;
	font-weight: 700 !important;
	color: #fff !important;
	display: block;
	line-height: 1 !important;
	margin: 0 !important;
	padding: 0 !important;
}

.sbsc-pop .sbsc-cd .sbsc-b em {
	font-style: normal !important;
	font-family: "Open Sans", "Helvetica Neue", Arial, sans-serif !important;
	font-size: 11px !important;
	letter-spacing: 0.1em !important;
	text-transform: uppercase !important;
	color: #fff !important;
	opacity: 0.72;
	display: block;
	margin: 3px 0 0 !important;
	padding: 0 !important;
	line-height: 1.2 !important;
}

.sbsc-pop .sbsc-cd .sbsc-b.sbsc-over {
	min-width: auto;
	padding: 12px 21px !important;
}

.sbsc-pop .sbsc-cd .sbsc-b.sbsc-over b {
	font-size: 21px !important;
}

/* CTA button — full width of the card, like the mockup. */
.sbsc-pop .sbsc-btn,
.sbsc-pop .sbsc-btn:visited {
	background: #f05523 !important;
	background-image: none !important;
	color: #fff !important;
	border: 0 !important;
	font-family: "Open Sans", "Helvetica Neue", Arial, sans-serif !important;
	font-weight: 600 !important;
	font-size: 19px !important;
	line-height: 1.4 !important;
	border-radius: 12px !important;
	cursor: pointer;
	display: block;
	width: 100%;
	min-height: 0 !important;
	text-align: center !important;
	padding: 14px 21px !important;
	margin: 0 !important;
	text-decoration: none !important;
	text-transform: none !important;
	letter-spacing: normal !important;
	box-shadow: none !important;
}

.sbsc-pop .sbsc-btn:hover,
.sbsc-pop .sbsc-btn:focus {
	background: #d8451a !important;
	color: #fff !important;
	text-decoration: none !important;
}

/* Close button — plain small ×, never the theme's pill button. */
.sbsc-pop .sbsc-x,
.sbsc-pop button.sbsc-x {
	position: absolute !important;
	top: 13px !important;
	right: 15px !important;
	left: auto !important;
	width: 36px !important;
	height: 36px !important;
	min-width: 0 !important;
	min-height: 0 !important;
	border: 0 !important;
	background: none !important;
	background-image: none !important;
	color: #8b98a4 !important;
	font-family: "Open Sans", "Helvetica Neue", Arial, sans-serif !important;
	font-size: 26px !important;
	font-weight: 400 !important;
	line-height: 1 !important;
	cursor: pointer;
	border-radius: 6px !important;
	padding: 0 !important;
	margin: 0 !important;
	box-shadow: none !important;
	display: flex !important;
	align-items: center;
	justify-content: center;
}

.sbsc-pop .sbsc-x:hover,
.sbsc-pop .sbsc-x:focus {
	background: #eef2f6 !important;
	color: #00305e !important;
}