/* =====================================================
   base.css , design tokens, body safety, global resets
   Loaded site-wide. Keep this file small and stable.
   ===================================================== */

/* ---------- Body-wide image / media safety ---------- */
img,
video,
iframe,
embed,
object {
	max-width: 100%;
	height: auto;
}

/* Prevent rogue elements from creating horizontal scroll on small viewports.
   body already has overflow-x: hidden from theme, but enforce on html too. */
html {
	overflow-x: hidden;
}

/* ---------- Make data tables behave on small screens ---------- */
.entry-content table,
.elementor-widget-text-editor table {
	max-width: 100%;
}

@media (max-width: 767px) {
	.entry-content table,
	.elementor-widget-text-editor table {
		display: block;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
}

/* ---------- Elementor countdown widget: inline labels ----------
   Elementor's countdown widget defaults to stacking digits above
   labels (column layout). For a tight pill-style inline read like
   "42d 01h 11m" we flip the item to row layout and shrink the label.
   Matches the sticky bar countdown visual on mobile so desktop +
   mobile read consistently. */
.elementor-widget-countdown .elementor-countdown-item {
	display: inline-flex;
	flex-direction: row;
	align-items: baseline;
	gap: 1px;
	padding: 0 6px;
}

.elementor-widget-countdown .elementor-countdown-label {
	text-transform: lowercase;
	font-size: 0.7em;
	font-weight: 500;
	margin: 0;
	line-height: 1;
}

.elementor-widget-countdown .elementor-countdown-digits {
	font-variant-numeric: tabular-nums;
	line-height: 1;
}

/* ---------- Hide Google reCAPTCHA badge ----------
   Compliant with Google's TOS: badge may be hidden as long as the
   reCAPTCHA branding is visibly disclosed somewhere in the user
   flow. We disclose via the .tnt-recaptcha-attribution snippet
   rendered in the footer (see inc/recaptcha-attribution.php).
   This kills the persistent corner badge that Elementor Pro's
   reCAPTCHA integration loads on every page. */
.grecaptcha-badge {
	visibility: hidden;
}

/* ---------- reCAPTCHA attribution disclosure ----------
   Small footer text that satisfies Google's reCAPTCHA TOS
   requirement when the badge is hidden. */
.tnt-recaptcha-attribution {
	font-size: 11px;
	line-height: 1.5;
	color: #888;
	text-align: center;
	padding: 8px 16px;
	max-width: 480px;
	margin: 0 auto;
}

.tnt-recaptcha-attribution a {
	color: #888;
	text-decoration: underline;
}

.tnt-recaptcha-attribution a:hover,
.tnt-recaptcha-attribution a:focus {
	color: #555;
}

/* Push attribution above the sticky bar on mobile so it isn't covered */
@media (max-width: 767px) {
	.tnt-recaptcha-attribution {
		margin-bottom: 72px;
	}
}