.bt-timeline {
	--bt-orange: #de5e26;
	--bt-ink: #171717;
	--bt-muted: #898989;
	--bt-tab-line: #d2d2d2;
	--bt-underline: #ddb6a5;
	--bt-dot: #c4c4c4;
	--bt-dot-active: #de5e26;
	--bt-dot-next: #dcdcdc;
	--bt-card-border: rgba(23, 23, 23, 0.08);
	--bt-surface-bg: #ffffff;

	--bt-radius-card: 30px;
	--bt-radius-img: 16px;

	color: var(--bt-ink);
	font: inherit;
	display: block;
	/* Preferred width so shrink-wrap parents don't follow slide text (Figma card 1030) */
	width: 1030px;
	max-width: 100%;
	margin-inline: auto;
	align-self: stretch;
	box-sizing: border-box;
}

/* Elementor often shrink-wraps widgets to content — force full column width */
.elementor-widget-baita_timeline,
.elementor-widget-baita_timeline > .elementor-widget-container {
	width: 100% !important;
	max-width: 100%;
	box-sizing: border-box;
}

.bt-timeline__inner {
	width: 100%;
	margin-inline: auto;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 24px;
	box-sizing: border-box;
}

.bt-timeline__header {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
	text-align: center;
}

.bt-timeline__title {
	margin: 0;
	font-family: "Acumin Pro ExtraCondensed", "Sora", system-ui, -apple-system,
		"Segoe UI", sans-serif;
	font-weight: 700;
	font-size: clamp(40px, 4vw, 64px);
	line-height: 1;
	letter-spacing: 0;
	color: var(--bt-orange);
	text-wrap: balance;
}

.bt-timeline__subtitle {
	font-family: "Sora", system-ui, -apple-system, "Segoe UI", sans-serif;
	font-weight: 300;
	font-size: 20px;
	line-height: 1.1;
	color: var(--bt-ink);
	max-width: 60ch;
	text-wrap: pretty;
}

.bt-timeline__subtitle p {
	margin: 0;
}

.bt-timeline__topRow {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.bt-timeline__tabs {
	--bt-tab-gap: 8px;
	display: flex;
	align-items: center;
	gap: var(--bt-tab-gap);
	width: 100%;
	flex: 1 1 auto;
	position: relative;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	padding-bottom: 8px;
	padding-right: 72px;
	margin-right: -72px;
}

.bt-timeline__tabs::-webkit-scrollbar {
	display: none;
}

.bt-timeline__tabs::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 2px;
	background: var(--bt-tab-line);
	pointer-events: none;
	z-index: 0;
}

.bt-timeline__tabs::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 6px;
	height: 2px;
	background: var(--bt-tab-line);
	pointer-events: none;
	z-index: 0;
}

.bt-timeline__tab {
	position: relative;
	z-index: 1;
	--bt-fill-width: calc(100% + var(--bt-tab-gap));
	flex: 1 1 0;
	min-width: min-content;
	height: 56px;
	padding: 0 8px;
	border: 0;
	background: transparent;
	appearance: none;
	-webkit-appearance: none;
	box-shadow: none;
	cursor: pointer;
	font-family: "Sora", system-ui, -apple-system, "Segoe UI", sans-serif;
	font-size: 16px;
	line-height: 1;
	letter-spacing: 0;
	color: var(--bt-muted);
	font-weight: 300;
	white-space: nowrap;
	text-align: center;
	border-radius: 0;
	-webkit-tap-highlight-color: transparent;
}

.bt-timeline__tab[aria-selected="true"] {
	color: var(--bt-orange);
	font-weight: 500;
}

.bt-timeline__tab[data-bt-complete="true"] {
	color: var(--bt-orange);
	font-weight: 500;
}

.bt-timeline__tab:hover,
.bt-timeline__tab:active,
.bt-timeline__tab:focus {
	background: transparent !important;
	box-shadow: none !important;
	color: inherit;
}

.bt-timeline__tab[aria-selected="true"]:hover,
.bt-timeline__tab[aria-selected="true"]:active,
.bt-timeline__tab[aria-selected="true"]:focus {
	color: var(--bt-orange);
}

.bt-timeline__tab[aria-selected="true"]::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 100%;
	height: 2px;
	background: transparent;
}

.bt-timeline__tab[aria-selected="true"]::before,
.bt-timeline__tab[data-bt-complete="true"]::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -2px;
	width: var(--bt-fill-width);
	height: 2px;
	background: linear-gradient(
		90deg,
		rgba(222, 94, 38, 0) 0%,
		rgba(222, 94, 38, 0.38) 10px,
		var(--bt-orange) 22px
	);
	transform: scaleX(var(--bt-progress, 0));
	transform-origin: left center;
	will-change: transform;
	z-index: 2;
}

.bt-timeline__tab:last-child {
	--bt-fill-width: 100%;
}

.bt-timeline__tab:focus-visible {
	outline: none;
}

.bt-timeline__pause {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	right: 0;
	z-index: 2;
	overflow: hidden;
	padding: 0;
	border: 0;
	background: transparent !important;
	appearance: none;
	-webkit-appearance: none;
	box-shadow: none !important;
	border-radius: 0;
	cursor: pointer;
	line-height: 0;
	-webkit-tap-highlight-color: transparent;
	transform: translateY(calc(-50% - 3px));
	display: inline-block;
}

.bt-timeline__pause:hover,
.bt-timeline__pause:active,
.bt-timeline__pause:focus,
.bt-timeline__pause:focus-visible {
	background: transparent !important;
	box-shadow: none !important;
	border-color: transparent !important;
	outline: none !important;
}

.bt-timeline__pause:focus-visible {
	outline: none !important;
}

.bt-timeline__pause svg {
	display: block;
	pointer-events: none;
}

.bt-timeline__pauseIcon {
	position: absolute;
	inset: 0;
	display: grid;
	place-items: center;
	width: 40px;
	height: 40px;
}

.bt-timeline__pause[aria-pressed="true"] .bt-timeline__pauseIcon--play,
.bt-timeline__pause[aria-pressed="false"] .bt-timeline__pauseIcon--pause {
	opacity: 0;
	visibility: hidden;
}

.bt-timeline__pause[aria-pressed="true"] .bt-timeline__pauseIcon--pause,
.bt-timeline__pause[aria-pressed="false"] .bt-timeline__pauseIcon--play {
	opacity: 1;
	visibility: visible;
}

.bt-timeline__panels {
	display: grid;
	gap: 24px;
	width: 100%;
	box-sizing: border-box;
}

.bt-timeline__card {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	margin-inline: 0;
	border-radius: var(--bt-radius-card);
	border: 0;
	background: #ffffff;
	display: grid;
	grid-template-columns: 300px minmax(0, 1fr);
	align-items: center;
	gap: 32px;
	padding: 28px;
	box-sizing: border-box;
}

.bt-timeline__cardImg {
	width: 300px;
	max-width: 100%;
	height: 218px;
	flex-shrink: 0;
	border-radius: var(--bt-radius-img);
	overflow: hidden;
	background: rgba(23, 23, 23, 0.04);
}

.bt-timeline__cardImgEl {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.bt-timeline__cardContent {
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.bt-timeline__cardHeading {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.bt-timeline__cardYear {
	font-family: "Sora", system-ui, -apple-system, "Segoe UI", sans-serif;
	font-weight: 500;
	font-size: 14px;
	line-height: 1;
	color: var(--bt-ink);
}

.bt-timeline__cardTitle {
	margin: 0;
	font-family: "Sora", system-ui, -apple-system, "Segoe UI", sans-serif;
	font-weight: 700;
	font-size: 24px;
	line-height: 1.2;
	color: var(--bt-orange);
	text-wrap: balance;
	overflow-wrap: anywhere;
}

.bt-timeline__cardText {
	font-family: "Sora", system-ui, -apple-system, "Segoe UI", sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 1.6;
	color: var(--bt-ink);
	text-wrap: pretty;
	overflow-wrap: anywhere;
}

.bt-timeline__cardText p {
	margin: 0.65rem 0 0;
}

.bt-timeline__dots {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	padding: 8px;
}

.bt-timeline__dot {
	width: 12px;
	height: 12px;
	border-radius: 999px;
	border: 0;
	padding: 0;
	background: var(--bt-dot);
	opacity: 0.5;
	cursor: pointer;
}

.bt-timeline__dot[aria-selected="true"] {
	background: var(--bt-dot-active);
	opacity: 1;
}

.bt-timeline__dot[data-bt-dot-next="true"] {
	background: var(--bt-dot-next);
	opacity: 1;
}

.bt-timeline__dot:focus-visible {
	outline: 3px solid rgba(222, 94, 38, 0.25);
	outline-offset: 4px;
}

/* Keep inactive cards in layout (stacked) so width/height don't jump with text length */
.bt-timeline--js .bt-timeline__panels {
	display: grid;
	width: 100%;
}

.bt-timeline--js .bt-timeline__card {
	grid-area: 1 / 1;
}

.bt-timeline--js .bt-timeline__card[hidden] {
	display: grid !important;
	visibility: hidden;
	pointer-events: none;
	z-index: 0;
}

.bt-timeline--js .bt-timeline__card:not([hidden]) {
	visibility: visible;
	pointer-events: auto;
	z-index: 1;
}

@media (max-width: 900px) {
	.bt-timeline__inner {
		gap: 16px;
	}

	.bt-timeline__panels {
		gap: 12px;
	}

	/*
	 * Figma mobile Data: h-56, border-t-2 + border-b-2 equal.
	 * Same line weight/alpha top & bottom; orange only replaces the bottom as progress.
	 */
	.bt-timeline__tabs {
		--bt-tab-gap: 0px;
		height: 56px;
		padding: 0 56px 0 0;
		margin-right: 0;
		gap: 0;
		align-items: center;
		box-sizing: border-box;
		border-top: 2px solid var(--bt-tab-line);
		border-bottom: 2px solid var(--bt-tab-line);
	}

	.bt-timeline__tabs::before,
	.bt-timeline__tabs::after {
		content: none;
		display: none;
	}

	.bt-timeline__tab {
		flex: 0 0 auto;
		min-width: 0;
		height: 100%;
		padding: 0 20px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
	}

	.bt-timeline__tab[aria-selected="true"]::after {
		display: none;
	}

	.bt-timeline__tab[aria-selected="true"]::before,
	.bt-timeline__tab[data-bt-complete="true"]::before {
		left: 0;
		bottom: -2px;
		width: 100%;
		height: 2px;
		/* Solid — same 2px weight as the grey borders (no fade alphas) */
		background: var(--bt-orange);
		opacity: 1;
	}

	.bt-timeline__tab:last-child {
		--bt-fill-width: 100%;
	}

	.bt-timeline__pause {
		transform: translateY(-50%);
	}

	.bt-timeline__card {
		grid-template-columns: 1fr;
		align-items: start;
		gap: 16px;
		padding: 0;
	}

	.bt-timeline__cardImg {
		width: 100%;
		max-width: 100%;
		/* Figma: 300×218 fixed — on mobile keep the same ratio, not a flat 218px */
		height: auto;
		aspect-ratio: 300 / 218;
	}

	.bt-timeline__cardContent,
	.bt-timeline__cardHeading {
		align-items: flex-start;
	}

	.bt-timeline__cardContent,
	.bt-timeline__cardHeading,
	.bt-timeline__cardText,
	.bt-timeline__cardYear,
	.bt-timeline__cardTitle,
	.bt-timeline__cardText p {
		text-align: left;
	}
}

@media (prefers-reduced-motion: reduce) {
	.bt-timeline__tabs {
		scroll-behavior: auto;
	}

	.bt-timeline__tab[aria-selected="true"]::before {
		transition: none;
	}
}