/**
 * Upcoming-event countdown card.
 *
 * Keep these overrides scoped to the plugin component and the front-page
 * Elementor widget so other cards and page-builder sections remain untouched.
 */

.tecc-cd,
.tecc-cd * {
	font-family: inherit !important;
}

.tecc-cd a.tecc-cd__title-link {
	font-size: var(--tecc-title-size) !important;
	letter-spacing: normal !important;
	line-height: 1.35;
	text-transform: none !important;
}

.tecc-cd a.tecc-cd__button {
	letter-spacing: normal !important;
}

.home .elementor-element-4ca93cfb > .elementor-widget-container {
	background-color: rgba(255, 255, 255, 0.34) !important;
	border: 0;
	border-radius: 0 !important;
	box-shadow: 0 10px 30px rgba(56, 8, 1, 0.12);
}

.home .elementor-element-4ca93cfb .tecc-cd--card {
	--tecc-card-bg: rgba(255, 255, 255, 0.80) !important;
	--tecc-radius: 0px !important;

	background-color: rgba(255, 255, 255, 0.80) !important;
	border: 0;
	border-radius: 0 !important;
	box-shadow: 0 6px 20px rgba(56, 8, 1, 0.10);
}

.home .elementor-element-4ca93cfb .tecc-cd__kicker {
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	padding: 0 !important;
}

.home .elementor-element-4ca93cfb .tecc-cd__kicker::before {
	content: none !important;
	display: none !important;
}

@supports ((-webkit-backdrop-filter: blur(5px)) or (backdrop-filter: blur(5px))) {
	.home .elementor-element-4ca93cfb > .elementor-widget-container,
	.home .elementor-element-4ca93cfb .tecc-cd--card {
		-webkit-backdrop-filter: blur(5px);
		backdrop-filter: blur(5px);
	}
}

/**
 * Prevent the Elementor entrance transform from widening the mobile page.
 * The card remains visible immediately and no horizontal scrolling is created.
 */
@media (max-width: 768px), (prefers-reduced-motion: reduce) {
	.home .elementor-element-4ca93cfb.elementor-invisible,
	.home .elementor-element-4ca93cfb.animated {
		animation: none !important;
		transform: none !important;
		visibility: visible !important;
	}
}