/**
 * Thank-you countdown layout (scoped): CSS Grid / flex tiles, WPBakery + Gutenberg column min-width fixes,
 * native host (.wi-ty-countdown-host), and Ova theme hero bridge (#clock.ova_clock).
 *
 * Split from ty-gutenberg.css so TY shell chrome can iterate without re-parsing grid overrides, and so this
 * sheet loads after ty-gutenberg + legacy countdown-ty.css (see handle webinarignition_ty_countdown_grid).
 *
 * All selectors remain under body.wi-ty-gb-page — no impact on non-TY routes.
 */

/* --- moved from ty-gutenberg.css: col-left #defaultCountdown + ticket max-width --- */
body.wi-ty-gb-page .wi-ty-gb__col--left .wi-ty-countdown-panel #defaultCountdown,
body.wi-ty-gb-page .wi-ty-gb__col--left .wi-ty-countdown-panel .hasCountdown {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}

body.wi-ty-gb-page .wi-ty-gb__col--left .tyCountdown.ticketSection,
body.wi-ty-gb-page .wi-ty-gb__col--left .ticketCDArea.ticketSection {
	max-width: 100%;
}


/* --- moved from ty-gutenberg.css: #A102 col-left grid --- */
/*
 * #A102 — TY countdown one row; #A107 — CSS Grid; #A111/#A111b/#A125 — tile height + Zahl↔Label (flex-start, no min-height stretch).
 */
body.wi-ty-gb-page .wi-ty-gb__col--left .countdown_row {
	display: grid !important;
	grid-auto-flow: column;
	grid-auto-columns: minmax(0, 1fr);
	grid-template-rows: auto;
	gap: 0.35rem;
	width: 100%;
	box-sizing: border-box;
	overflow-x: hidden;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	align-items: stretch;
}

body.wi-ty-gb-page .wi-ty-gb__col--left .countdown_row .countdown_section {
	min-width: 0 !important;
	max-width: none !important;
	width: auto !important;
	margin: 0 !important;
	box-sizing: border-box;
	display: flex !important;
	flex-direction: column;
	/* #A125: fixed tile height + center stack; descr negative margin pulls label to digit. */
	justify-content: center !important;
	align-items: center;
	align-content: center;
	gap: 0;
	min-height: clamp(2.75rem, 7.5vmin, 4.1rem) !important;
	align-self: stretch;
	padding-top: clamp(0.2rem, 0.55vmin, 0.38rem) !important;
	padding-bottom: clamp(0.2rem, 0.55vmin, 0.38rem) !important;
	padding-left: clamp(0.35rem, 1vw, 0.5rem) !important;
	padding-right: clamp(0.35rem, 1vw, 0.5rem) !important;
	border-radius: 8px;
	/* Keep the countdown visible without letting theme accent colors dominate the TY page. */
	background-color: rgba(248, 250, 252, 0.96) !important;
	background-image: linear-gradient(
		180deg,
		color-mix(in srgb, var(--wp--preset--color--base, #ffffff) 94%, var(--wp--preset--color--contrast, #1d2327) 6%),
		color-mix(in srgb, var(--wp--preset--color--base, #ffffff) 89%, var(--wp--preset--color--contrast, #1d2327) 11%)
	) !important;
	color: var(--wi-text-color, var(--wi-fse-body-text, var(--wp--preset--color--contrast, var(--wp--preset--color--foreground, #1d2327)))) !important;
	border: 1px solid rgba(15, 23, 42, 0.08) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.42);
	text-shadow: none;
}

body.wi-ty-gb-page .wi-ty-gb__col--left .countdown_amount {
	font-size: clamp(24px, calc(10px + 4.6vw), 48px); /* #A161: px+vw for 10px html root */
	line-height: 1;
	padding: 0 !important;
	margin: 0 0 -0.1em;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}


/* --- moved from ty-gutenberg.css: #A094 --- */
/*
 * #A094 — Native TY: shortcodes in .wi-sc-hosted (no .wi-ty-gb__grid / __col--left). Same CD row as col layout.
 */
body.wi-ty-gb-page .ticketCDArea .countdown_row,
body.wi-ty-gb-page .tyCountdown .countdown_row {
	display: grid !important;
	grid-auto-flow: column;
	grid-auto-columns: minmax(0, 1fr);
	grid-template-rows: auto;
	gap: 0.35rem;
	width: 100%;
	box-sizing: border-box;
	overflow-x: hidden;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	align-items: stretch;
}

body.wi-ty-gb-page .ticketCDArea .countdown_row .countdown_section,
body.wi-ty-gb-page .tyCountdown .countdown_row .countdown_section {
	min-width: 0 !important;
	max-width: none !important;
	width: auto !important;
	margin: 0 !important;
	box-sizing: border-box;
	display: flex !important;
	flex-direction: column;
	justify-content: center !important;
	align-items: center;
	align-content: center;
	gap: 0;
	min-height: clamp(2.75rem, 7.5vmin, 4.1rem) !important;
	align-self: stretch;
	padding-top: clamp(0.2rem, 0.55vmin, 0.38rem) !important;
	padding-bottom: clamp(0.2rem, 0.55vmin, 0.38rem) !important;
	padding-left: clamp(0.35rem, 1vw, 0.5rem) !important;
	padding-right: clamp(0.35rem, 1vw, 0.5rem) !important;
	border-radius: 8px;
	background-color: rgba(248, 250, 252, 0.96) !important;
	background-image: linear-gradient(
		180deg,
		color-mix(in srgb, var(--wp--preset--color--base, #ffffff) 94%, var(--wp--preset--color--contrast, #1d2327) 6%),
		color-mix(in srgb, var(--wp--preset--color--base, #ffffff) 89%, var(--wp--preset--color--contrast, #1d2327) 11%)
	) !important;
	color: var(--wp--preset--color--contrast, var(--wi-fse-body-text, var(--wp--preset--color--foreground, #1d2327))) !important;
	border: 1px solid rgba(15, 23, 42, 0.08) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.42);
	text-shadow: none;
}

body.wi-ty-gb-page .ticketCDArea .countdown_amount,
body.wi-ty-gb-page .tyCountdown .countdown_amount {
	font-size: clamp(24px, calc(10px + 4.6vw), 48px); /* #A161: px+vw for 10px html root */
	line-height: 1;
	padding: 0 !important;
	margin: 0 0 -0.1em;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

/* --- moved from ty-gutenberg.css: #A098 + defaultCountdown --- */
body.wi-ty-gb-page .ticketCDArea .wi-ty-countdown-panel #defaultCountdown,
body.wi-ty-gb-page .ticketCDArea .wi-ty-countdown-panel .hasCountdown {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}

/*
 * #A098 — Native TY shortcode stack: floated ticket rows (cp.css) could pin countdown to the left edge.
 * Clear + flow-root + explicit headline center; digit sizes aligned with .wi-ty-gb__col--left rules above.
 */
body.wi-ty-gb-page .ticketCDArea.ticketSection:has(.wi-ty-countdown-panel),
body.wi-ty-gb-page .tyCountdown.ticketSection:has(.wi-ty-countdown-panel) {
	clear: both !important;
	display: flow-root;
	width: 100%;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	box-sizing: border-box;
}

/* Native TY / WPBakery: headline above digits (was orphaned selector; ty-gutenberg block accidentally commented). */
body.wi-ty-gb-page .ticketCDArea .wi-ty-countdown-headline,
body.wi-ty-gb-page .tyCountdown .wi-ty-countdown-headline {
	font-family: var(--wp--preset--font-family--heading, var(--wp--preset--font-family--body, inherit));
	font-size: 1.1rem;
	font-weight: 600;
	line-height: 1.35;
	text-align: center !important;
}

/* Label under digits (native TY + GB shell); was commented out in ty-gutenberg.css. */
body.wi-ty-gb-page .wi-ty-gb__col--left .countdown_descr,
body.wi-ty-gb-page .ticketCDArea .countdown_descr,
body.wi-ty-gb-page .tyCountdown .countdown_descr {
	font-family: var(--wp--preset--font-family--heading, var(--wp--preset--font-family--body, inherit));
	font-size: clamp(0.95rem, 1.35vw, 1.1rem);
	line-height: 1.05;
	margin: -0.38em 0 0;
	padding: 0;
	text-align: center;
}


/* --- moved from ty-gutenberg.css: #A161b + host --- */
/* #A161b — TY countdown host: avoid horizontal scrollbar track under the grid (parent had overflow-x:auto). */
body.wi-ty-gb-page .thankyou-page-container .wi-sc-hosted:has(.countdown_row),
body.wi-ty-gb-page .entry-content .wi-sc-hosted:has(.countdown_row) {
	overflow-x: hidden;
}

/*
 * #A162 — TY countdown host (wi-ty-countdown-host): FSE token mapping + spacing (same compact bridge as reg SC).
 * get_compact_color_vars_css() now scopes --wi-fse-* onto .wi-ty-countdown-host; TY enqueue marks footer compact.
 * #A167 — WPBakery / Bootstrap: legacy countdown-ty.css uses .countdown_showN .countdown_section { width:15%…33% }
 * on the host's #defaultCountdown — in narrow .vc_column_container that crushes tiles (admins + guests). Mirror
 * the FSE .wi-ty-gb__col--left CSS Grid here so four-up layout always uses minmax(0,1fr), not percentage widths.
 */
body.wi-ty-gb-page .wi-ty-countdown-host .countdown_row {
	display: grid !important;
	grid-auto-flow: column;
	grid-auto-columns: minmax(0, 1fr);
	grid-template-rows: auto;
	gap: clamp(0.35rem, 1vw, 0.85rem);
	width: 100%;
	box-sizing: border-box;
	overflow-x: hidden !important;
	overflow-y: hidden !important;
	-webkit-overflow-scrolling: touch;
	align-items: stretch;
}
body.wi-ty-gb-page .wi-ty-countdown-host .countdown_row .countdown_section,
body.wi-ty-gb-page .wi-ty-countdown-host .countdown_show4 .countdown_section {
	min-width: 0 !important;
	max-width: none !important;
	width: auto !important;
	margin: 0 !important;
	box-sizing: border-box;
	display: flex !important;
	flex-direction: column;
	justify-content: center !important;
	align-items: center;
	align-content: center;
	gap: 0;
	min-height: clamp(2.75rem, 7.5vmin, 4.1rem) !important;
	align-self: stretch;
	padding-top: clamp(0.2rem, 0.55vmin, 0.38rem) !important;
	padding-bottom: clamp(0.2rem, 0.55vmin, 0.38rem) !important;
	padding-left: clamp(0.35rem, 1vw, 0.5rem) !important;
	padding-right: clamp(0.35rem, 1vw, 0.5rem) !important;
	border-radius: 8px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.42);
	text-shadow: none;
	background-color: color-mix(
		in srgb,
		var(--wi-fse-surface-bg, var(--wp--preset--color--base, #ffffff)) 92%,
		var(--wi-fse-body-text, var(--wp--preset--color--contrast, #1d2327)) 8%
	) !important;
	background-image: linear-gradient(
		180deg,
		color-mix(in srgb, var(--wi-fse-surface-bg, var(--wp--preset--color--base, #ffffff)) 94%, var(--wi-fse-body-text, var(--wp--preset--color--contrast, #1d2327)) 6%),
		color-mix(in srgb, var(--wi-fse-surface-bg, var(--wp--preset--color--base, #ffffff)) 88%, var(--wi-fse-body-text, var(--wp--preset--color--contrast, #1d2327)) 12%)
	) !important;
	color: var(--wi-fse-body-text, var(--wp--preset--color--contrast, #1d2327)) !important;
	border: 1px solid color-mix(in srgb, var(--wi-fse-body-text, #1d2327) 12%, transparent) !important;
}

/*
 * #A163 — TY countdown host (Felix/WPBakery + dual body classes): clip residual x-overflow, keep VC columns from
 * shrinking the grid below minmax(0,1fr), and scale digits with vmin (column width) so CD matches GB feel.
 */
body.wi-ty-gb-page .wi-ty-countdown-host {
	overflow-x: hidden !important;
	min-width: 0;
	max-width: 100%;
	box-sizing: border-box;
}
/* #A167b — Flex-based VC/Bootstrap columns default to min-width:auto; allow the WI grid to shrink-wrap correctly. */
body.wi-ty-gb-page .vc_column_container:has(.wi-ty-countdown-host),
body.wi-ty-gb-page .vc_column-inner:has(.wi-ty-countdown-host),
body.wi-ty-gb-page .wpb_column:has(.wi-ty-countdown-host) {
	min-width: 0;
}

/* #A169 — WPBakery row is often flex; min-width:auto on the row can still squeeze nested columns. */
body.wi-ty-gb-page .vc_row:has(.wi-ty-countdown-host),
body.wi-ty-gb-page .wpb_row:has(.wi-ty-countdown-host) {
	min-width: 0;
	max-width: 100%;
	box-sizing: border-box;
}
body.wi-ty-gb-page .vc_row .wi-ty-countdown-host,
body.wi-ty-gb-page .vc_column_container .wi-ty-countdown-host,
body.wi-ty-gb-page .vc_column-inner .wi-ty-countdown-host,
body.wi-ty-gb-page .wpb_row .wi-ty-countdown-host {
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
}
body.wi-ty-gb-page .wi-ty-countdown-host .wi-ty-countdown-panel,
body.wi-ty-gb-page .wi-ty-countdown-host #defaultCountdown,
body.wi-ty-gb-page .wi-ty-countdown-host .hasCountdown {
	overflow-x: hidden !important;
	min-width: 0;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}
/* --- moved from ty-gutenberg.css: #A165+#A168 --- */
/*
 * #A165 — FSE Columns + admin preview: keep TY countdown 4-up grid in 50% columns (no digit run-in).
 * Flex columns default to min-width:auto; without min-width:0 + minmax(0,1fr) the grid can collapse when the
 * admin bar / narrow preview reduces usable width — guests vs admins must match.
 */
body.wi-ty-gb-page .thankyou-page-container .wp-block-columns,
body.wi-ty-gb-page .thankyou-page-container .wp-block-column {
	min-width: 0;
}

body.wi-ty-gb-page .thankyou-page-container .wp-block-column .tyCountdown.ticketCDArea,
body.wi-ty-gb-page .thankyou-page-container .wp-block-column .wi-ty-countdown-host {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
}

body.wi-ty-gb-page .thankyou-page-container .wp-block-column .tyCountdown .countdown_row,
body.wi-ty-gb-page .thankyou-page-container .wp-block-column .ticketCDArea .countdown_row,
body.wi-ty-gb-page .thankyou-page-container .wp-block-column .wi-ty-countdown-host .countdown_row {
	display: grid !important;
	grid-auto-flow: column;
	grid-auto-columns: minmax(0, 1fr);
	grid-template-rows: auto;
	gap: clamp(0.35rem, 1vw, 0.85rem);
	width: 100%;
	box-sizing: border-box;
	overflow-x: hidden;
	overflow-y: hidden;
	align-items: stretch;
}

body.wi-ty-gb-page .thankyou-page-container .wp-block-column .countdown_row .countdown_section {
	min-width: 0 !important;
}

/*
 * #A168 — GB custom TY without .thankyou-page-container: block columns default to min-width:auto, which squeezes
 * the WI countdown grid in 50% layouts (admin bar / preview narrows usable width). Mirror #A165 for .entry-content
 * .wp-block-columns / .wp-block-column when they contain TY countdown markup (not only inside .thankyou-page-container).
 */
body.wi-ty-gb-page .entry-content .wp-block-columns:has(.wi-ty-countdown-host, .tyCountdown, .ticketCDArea .countdown_row),
body.wi-ty-gb-page .entry-content .wp-block-column:has(.wi-ty-countdown-host, .tyCountdown, .ticketCDArea .countdown_row) {
	min-width: 0;
}

body.wi-ty-gb-page .entry-content .wp-block-column:has(.wi-ty-countdown-host),
body.wi-ty-gb-page .entry-content .wp-block-column:has(.tyCountdown.ticketCDArea),
body.wi-ty-gb-page .entry-content .wp-block-column:has(.ticketCDArea .countdown_row) {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
}

body.wi-ty-gb-page .entry-content .wp-block-column .tyCountdown .countdown_row,
body.wi-ty-gb-page .entry-content .wp-block-column .ticketCDArea .countdown_row,
body.wi-ty-gb-page .entry-content .wp-block-column .wi-ty-countdown-host .countdown_row {
	display: grid !important;
	grid-auto-flow: column;
	grid-auto-columns: minmax(0, 1fr);
	grid-template-rows: auto;
	gap: clamp(0.35rem, 1vw, 0.85rem);
	width: 100%;
	box-sizing: border-box;
	overflow-x: hidden;
	overflow-y: hidden;
	align-items: stretch;
}

body.wi-ty-gb-page .entry-content .wp-block-column .countdown_row .countdown_section {
	min-width: 0 !important;
}



/* --- moved from ty-gutenberg.css: #A166 Ova --- */
/*
 * #A166 — Ova Dione / WPBakery hero countdown (#clock.ova_clock) vs WI TY countdown: same token-driven tile feel.
 * HTML shows two systems on the same TY page; we do not remove the theme block — only align colors/typography/grid
 * under body.wi-ty-gb-page so guests and logged-in admins see the same WI-bridge styling.
 */
body.wi-ty-gb-page #clock.ova_clock,
body.wi-ty-gb-page .clock.ova_clock {
	display: grid !important;
	grid-auto-flow: column;
	grid-auto-columns: minmax(0, 1fr);
	align-items: stretch;
	gap: clamp(0.35rem, 1vw, 0.65rem);
	width: 100%;
	min-width: 0;
	max-width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}

body.wi-ty-gb-page .ova_clock .countdown-section,
body.wi-ty-gb-page #clock.ova_clock .countdown-section {
	background-color: color-mix(
		in srgb,
		var(--wi-fse-cta-fill, var(--wi-cta-bg, var(--wp--preset--color--primary, #001689))) 92%,
		var(--wi-fse-body-text, var(--wp--preset--color--contrast, #1d2327)) 8%
	) !important;
	color: var(--wi-fse-cta-text, var(--wi-cta-color, #ffffff)) !important;
	border: 1px solid color-mix(in srgb, var(--wi-fse-body-text, #1d2327) 14%, transparent) !important;
	border-radius: 8px;
	box-sizing: border-box;
	min-width: 0 !important;
	text-align: center;
}

body.wi-ty-gb-page .ova_clock .countdown-amount,
body.wi-ty-gb-page #clock.ova_clock .countdown-amount,
body.wi-ty-gb-page .ova_clock .countdown_amount,
body.wi-ty-gb-page #clock.ova_clock .countdown_amount {
	font-size: clamp(18px, calc(10px + 3.6vmin), 40px) !important;
	line-height: 1.05 !important;
	font-weight: 700 !important;
}

body.wi-ty-gb-page .ova_clock .countdown-period,
body.wi-ty-gb-page #clock.ova_clock .countdown-period,
body.wi-ty-gb-page .ova_clock .countdown_descr,
body.wi-ty-gb-page #clock.ova_clock .countdown_descr {
	font-size: clamp(0.65rem, 1.1vw, 0.85rem) !important;
	line-height: 1.1 !important;
	font-weight: 600 !important;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	opacity: 0.95 !important;
	color: inherit !important;
}


/* #A170 — jQuery injects .countdown_row / .countdown_section under #defaultCountdown; legacy countdown-ty.css uses
 * display:inline-block + width:15%…33% so narrow VC columns collapse tiles. Pin overrides to #defaultCountdown. */
body.wi-ty-gb-page .wi-ty-countdown-host #defaultCountdown,
body.wi-ty-gb-page .wi-ty-countdown-host #defaultCountdown.hasCountdown {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
	clear: both !important;
	overflow-x: hidden !important;
}
body.wi-ty-gb-page .wi-ty-countdown-host #defaultCountdown .countdown_row {
	display: grid !important;
	grid-auto-flow: column !important;
	grid-auto-columns: minmax(0, 1fr) !important;
	grid-template-rows: auto !important;
	gap: clamp(0.35rem, 1vw, 0.85rem) !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
	clear: none !important;
	align-items: stretch !important;
}
body.wi-ty-gb-page .wi-ty-countdown-host #defaultCountdown .countdown_row .countdown_section,
body.wi-ty-gb-page .wi-ty-countdown-host #defaultCountdown .countdown_show1 .countdown_section,
body.wi-ty-gb-page .wi-ty-countdown-host #defaultCountdown .countdown_show2 .countdown_section,
body.wi-ty-gb-page .wi-ty-countdown-host #defaultCountdown .countdown_show3 .countdown_section,
body.wi-ty-gb-page .wi-ty-countdown-host #defaultCountdown .countdown_show4 .countdown_section,
body.wi-ty-gb-page .wi-ty-countdown-host #defaultCountdown .countdown_show5 .countdown_section,
body.wi-ty-gb-page .wi-ty-countdown-host #defaultCountdown .countdown_show6 .countdown_section,
body.wi-ty-gb-page .wi-ty-countdown-host #defaultCountdown .countdown_show7 .countdown_section {
	display: flex !important;
	flex-direction: column !important;
	float: none !important;
	clear: none !important;
	width: auto !important;
	min-width: 0 !important;
	max-width: none !important;
	box-sizing: border-box !important;
	vertical-align: top !important;
	text-align: center !important;
}


/* #A171 — WPBakery TY (symposium): .wi-sc-hosted stacks often sit under .wpb-content-wrapper without .entry-content;
 * let the WI countdown host use the full column width so the 4-up grid matches thank-you pages built with GB columns. */
body.wi-ty-gb-page .wpb-content-wrapper .wi-sc-hosted:has(.wi-ty-countdown-host) {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
}
body.wi-ty-gb-page .wpb-content-wrapper .wi-sc-hosted:has(.wi-ty-countdown-host) .wi-sc-form-wrap {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
}

/*
 * #A178 — retired (#A212): full-row VC expand ignored WPBakery column width (HSC 1/6, vc_col-sm-8).
 * TY width = parent column only (#A203); align blocks via editor column + #A212 form-wrap rules.
 */


/*
 * #A205 — WPBakery Felix/Ova: .wpb_text_column float:right shrinks TY shortcode hosts (~370px).
 * #A213 — Same reset for every [wi_webinar_block] TY stack (countdown + ticket/headline/date), not CD-only.
 */
body.wi-ty-gb-page .wpb_text_column.wpb_content_element:has(.wi-ty-countdown-host),
body.wi-ty-gb-page .wpb_text_column.wpb_content_element:has(.wi-sc-hosted--wi-stack-thankyou) {
	float: none !important;
	clear: both !important;
	width: 100% !important;
	max-width: 100% !important;
	display: block !important;
	box-sizing: border-box !important;
}
body.wi-ty-gb-page .wpb_text_column.wpb_content_element:has(.wi-ty-countdown-host) > .wpb_wrapper,
body.wi-ty-gb-page .wpb_text_column.wpb_content_element:has(.wi-sc-hosted--wi-stack-thankyou) > .wpb_wrapper {
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
}

/*
 * #A179 — TY countdown shortcode on a normal WP page/post: body often omits wi-ty-gb-page (unlinked test URL,
 * embed without confirmed TY request). webinar-modern.css caps .entry-content .wi-sc-hosted (no design stack)
 * to 26rem — TY CD needs the full theme content rail like other blocks (FSE constrained width still applies).
 */
.entry-content .wi-sc-hosted:has(.wi-ty-countdown-host),
.wp-block-post-content .wi-sc-hosted:has(.wi-ty-countdown-host),
.wp-site-blocks .wi-sc-hosted:has(.wi-ty-countdown-host) {
	max-width: 100% !important;
	width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	box-sizing: border-box !important;
}

/*
 * #A180 — Twenty Twenty-Five + classic themes (Ova, etc.): #A179 only matched FSE .entry-content / .wp-site-blocks.
 * Classic templates often omit .entry-content; TY CD may still sit under .col-md-* / .wp-block-group__inner-container.
 * Also neutralise wi-sc-form-wrap's default 560px card rail + auto margins for TY-countdown-only stacks.
 */
.wi-sc-hosted:has(.wi-ty-countdown-host),
.wi-sc-hosted:has(.wi-ty-countdown-host) .wi-sc-form-wrap,
.wi-sc-hosted:has(.wi-ty-countdown-host) .wi-ty-countdown-panel {
	max-width: 100% !important;
	width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	box-sizing: border-box !important;
}

/* #A203 — Legacy countdown-ty.css (11px/14px) can load on custom TY; keep labels readable under the host only. */
body.wi-ty-gb-page .wi-ty-countdown-host .countdown_descr,
body.wi-ty-gb-page .wi-ty-countdown-host #defaultCountdown .countdown_descr {
	font-size: clamp(10px, calc(4px + 1.2vw), 14px) !important;
	line-height: 1.2 !important;
}

/* #A201 — Felix/WPBakery custom TY: explicit large digits on .wi-ty-countdown-host (mirrors .ticketCDArea). */
body.wi-ty-gb-page .wi-ty-countdown-host .countdown_amount,
body.wi-ty-gb-page .wi-ty-countdown-host #defaultCountdown .countdown_amount {
	font-size: clamp(24px, calc(10px + 4.6vw), 48px) !important;
	line-height: 1 !important;
	padding: 0 !important;
	margin: 0 0 -0.1em !important;
	font-weight: 700 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
}

/*
 * #A212 — WPBakery custom TY: without admin FABs, .wi-sc-form-wrap is the only child (not nth-child(2)).
 * TY fragments fill the VC column; countdown grid stays on #A170 (grid-auto-flow: column).
 */
body.wi-ty-gb-page .wi-sc-hosted--wi-stack-thankyou .wi-sc-form-wrap > .ticketSection,
body.wi-ty-gb-page .wi-sc-hosted--wi-stack-thankyou .wi-sc-form-wrap > .ticketCDArea,
body.wi-ty-gb-page .wi-sc-hosted--wi-stack-thankyou .wi-sc-form-wrap > .tyCountdown,
body.wi-ty-gb-page .wi-sc-hosted--wi-stack-thankyou .wi-sc-form-wrap > .wi-ty-countdown-host,
body.wi-ty-gb-page .wi-sc-hosted--wi-stack-thankyou .wi-sc-form-wrap > .eventDate,
body.wi-ty-gb-page .wi-sc-hosted--wi-stack-thankyou .wi-sc-form-wrap > .tyTicketWebinar,
body.wi-ty-gb-page .wi-sc-hosted--wi-stack-thankyou .wi-sc-form-wrap > .tyTicketHost,
body.wi-ty-gb-page .wi-sc-hosted--wi-stack-thankyou .wi-sc-form-wrap > .tyHeadlineContainer,
body.wi-ty-gb-page .wi-sc-hosted--wi-stack-thankyou .wi-sc-form-wrap > .ticketCalendarArea,
body.wi-ty-gb-page .wi-sc-hosted--wi-stack-thankyou .wi-sc-form-wrap > .webinarURL,
body.wi-ty-gb-page .wi-sc-hosted--wi-stack-thankyou .wi-sc-form-wrap > .ticketInfo,
body.wi-ty-gb-page .wi-sc-hosted--wi-stack-thankyou:has(.wi-sc-design-stack) > div:nth-child(2) > .ticketSection,
body.wi-ty-gb-page .wi-sc-hosted--wi-stack-thankyou:has(.wi-sc-design-stack) > div:nth-child(2) > .ticketCDArea,
body.wi-ty-gb-page .wi-sc-hosted--wi-stack-thankyou:has(.wi-sc-design-stack) > div:nth-child(2) > .tyCountdown,
body.wi-ty-gb-page .wi-sc-hosted--wi-stack-thankyou:has(.wi-sc-design-stack) > div:nth-child(2) > .wi-ty-countdown-host,
body.wi-ty-gb-page .wi-sc-hosted--wi-stack-thankyou:has(.wi-sc-design-stack) > div:nth-child(2) > .eventDate,
body.wi-ty-gb-page .wi-sc-hosted--wi-stack-thankyou:has(.wi-sc-design-stack) > div:nth-child(2) > .tyTicketWebinar,
body.wi-ty-gb-page .wi-sc-hosted--wi-stack-thankyou:has(.wi-sc-design-stack) > div:nth-child(2) > .tyTicketHost,
body.wi-ty-gb-page .wi-sc-hosted--wi-stack-thankyou:has(.wi-sc-design-stack) > div:nth-child(2) > .tyHeadlineContainer,
body.wi-ty-gb-page .wi-sc-hosted--wi-stack-thankyou:has(.wi-sc-design-stack) > div:nth-child(2) > .ticketCalendarArea,
body.wi-ty-gb-page .wi-sc-hosted--wi-stack-thankyou:has(.wi-sc-design-stack) > div:nth-child(2) > .webinarURL,
body.wi-ty-gb-page .wi-sc-hosted--wi-stack-thankyou:has(.wi-sc-design-stack) > div:nth-child(2) > .ticketInfo {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0;
	margin-left: 0 !important;
	margin-right: 0 !important;
	float: none !important;
	clear: both !important;
	box-sizing: border-box;
}

body.wi-ty-gb-page .wi-ty-countdown-host #defaultCountdown,
body.wi-ty-gb-page .wi-ty-countdown-host #defaultCountdown.hasCountdown {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box;
}

/* Ova theme jquery.countdown.css floats .countdown_section — beat it after WI grid rules. */
body.wi-ty-gb-page .wi-ty-countdown-host #defaultCountdown .countdown_section,
body.wi-ty-gb-page .wi-ty-countdown-host .countdown_row .countdown_section {
	float: none !important;
	clear: none !important;
}