/* ==========================================================================
   Timeline Widget – Creative Addons
   ========================================================================== */

/* ---------- Reset & wrapper ---------- */
.dea-tl {
	--dea-tl-line-w: 3px;
	--dea-tl-marker-size: 40px;
	--dea-tl-gap: 40px;
	--dea-tl-card-radius: 12px;

	position: relative;
	margin-inline: auto;
	box-sizing: border-box;
}

.dea-tl *,
.dea-tl *::before,
.dea-tl *::after {
	box-sizing: border-box;
}

/* ---------- Connector line (vertical) ---------- */
.dea-tl--has-line > .dea-tl__line {
	position: absolute;
	inset-block: 0;
	width: var(--dea-tl-line-w);
	inset-inline-start: calc(var(--dea-tl-marker-size) / 2 - var(--dea-tl-line-w) / 2);
	border-radius: 999px;
	z-index: 0;
}

.dea-tl--line-dashed > .dea-tl__line {
	background: none !important;
	border-inline-start: var(--dea-tl-line-w) dashed #e0e0e0;
}

.dea-tl--line-dotted > .dea-tl__line {
	background: none !important;
	border-inline-start: var(--dea-tl-line-w) dotted #e0e0e0;
}

/* Progress fill inside line */
.dea-tl__progress {
	position: absolute;
	inset-inline-start: 0;
	top: 0;
	width: 100%;
	height: 0;
	border-radius: inherit;
	transition: height 0.3s ease;
	z-index: 1;
}

/* ---------- Timeline item ---------- */
.dea-tl__item {
	position: relative;
	z-index: 1;
}

.dea-tl__item + .dea-tl__item {
	margin-top: var(--dea-tl-gap);
}

/* ---------- Marker ---------- */
.dea-tl__marker-wrap {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
}

.dea-tl__marker {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: var(--dea-tl-marker-size);
	height: var(--dea-tl-marker-size);
	border-radius: 50%;
	font-size: calc(var(--dea-tl-marker-size) * 0.45);
	line-height: 1;
	flex-shrink: 0;
	position: relative;
	z-index: 2;
	transition: background-color 0.35s ease, color 0.35s ease, transform 0.35s ease, box-shadow 0.35s ease;
}

.dea-tl__marker i {
	font-size: inherit;
}

.dea-tl__marker svg {
	width: 1em;
	height: 1em;
}

.dea-tl__marker img {
	width: 60%;
	height: 60%;
	object-fit: cover;
	border-radius: inherit;
}

.dea-tl__dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: currentColor;
}

.dea-tl__number {
	font-weight: 700;
}

/* ---------- Card ---------- */
.dea-tl__card {
	position: relative;
	transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
	overflow: hidden;
}

.dea-tl__badge {
	display: inline-block;
	font-size: 0.75em;
	font-weight: 600;
	line-height: 1;
	margin-bottom: 10px;
	vertical-align: middle;
}

.dea-tl__image {
	margin-bottom: 14px;
	line-height: 0;
}

.dea-tl__image img {
	width: 100%;
	display: block;
}

.dea-tl__date {
	display: inline-block;
	font-weight: 600;
	line-height: 1.3;
	transition: color 0.3s ease, background-color 0.3s ease;
}

.dea-tl__title {
	margin: 0 0 6px;
	line-height: 1.3;
}

.dea-tl__subtitle {
	margin: 0 0 8px;
	line-height: 1.4;
}

.dea-tl__desc {
	margin: 0 0 14px;
	line-height: 1.6;
}

.dea-tl__btn {
	display: inline-block;
	text-decoration: none;
	font-weight: 600;
	line-height: 1;
	transition: color 0.25s ease, background-color 0.25s ease, transform 0.25s ease;
}

.dea-tl__btn:hover {
	transform: translateY(-1px);
}

/* ==========================================================================
   LAYOUT: Vertical (default)
   ========================================================================== */
.dea-tl--vertical .dea-tl__item,
.dea-tl--one-side .dea-tl__item,
.dea-tl--center-line .dea-tl__item,
.dea-tl--card .dea-tl__item,
.dea-tl--roadmap .dea-tl__item,
.dea-tl--process-steps .dea-tl__item,
.dea-tl--minimal .dea-tl__item,
.dea-tl--image .dea-tl__item {
	display: grid;
	grid-template-columns: var(--dea-tl-marker-size) 1fr;
	gap: 0 20px;
	align-items: start;
}

/* Date outside – spans full grid row for all vertical-style layouts */
.dea-tl--date-outside .dea-tl__item > .dea-tl__date {
	grid-column: 1 / -1;
	margin-bottom: 6px;
}

/* ---------- Date beside icon – widen marker column ---------- */
.dea-tl--date-beside .dea-tl__item {
	grid-template-columns: auto 1fr;
}

.dea-tl--date-beside .dea-tl__marker-wrap {
	white-space: nowrap;
}

.dea-tl--date-beside.dea-tl--alternating .dea-tl__item {
	grid-template-columns: 1fr auto 1fr;
}

.dea-tl--date-beside.dea-tl--center-line .dea-tl__item {
	grid-template-columns: 1fr auto 1fr;
}

/* Keep beside-icon date visible and properly spaced */
.dea-tl--date-beside .dea-tl__marker-wrap .dea-tl__date {
	flex-shrink: 0;
}

/* ==========================================================================
   LAYOUT: Alternating
   ========================================================================== */
.dea-tl--alternating > .dea-tl__line {
	inset-inline-start: 50%;
	transform: translateX(-50%);
}

.dea-tl--alternating .dea-tl__item {
	display: grid;
	grid-template-columns: 1fr var(--dea-tl-marker-size) 1fr;
	gap: 0 20px;
	align-items: start;
}

.dea-tl--alternating .dea-tl__item .dea-tl__marker-wrap {
	grid-column: 2;
	grid-row: 1;
	justify-content: center;
}

.dea-tl--alternating .dea-tl__item:nth-child(odd) .dea-tl__card {
	grid-column: 1;
	grid-row: 1;
	text-align: end;
}

.dea-tl--alternating .dea-tl__item:nth-child(odd) > .dea-tl__date {
	grid-column: 3;
	grid-row: 1;
	align-self: center;
}

.dea-tl--alternating .dea-tl__item:nth-child(even) .dea-tl__card {
	grid-column: 3;
	grid-row: 1;
}

.dea-tl--alternating .dea-tl__item:nth-child(even) > .dea-tl__date {
	grid-column: 1;
	grid-row: 1;
	text-align: end;
	align-self: center;
}

/* Force a side */
.dea-tl--alternating .dea-tl__item--left .dea-tl__card {
	grid-column: 1 !important;
	text-align: end !important;
}
.dea-tl--alternating .dea-tl__item--left > .dea-tl__date {
	grid-column: 3 !important;
	text-align: start !important;
}
.dea-tl--alternating .dea-tl__item--right .dea-tl__card {
	grid-column: 3 !important;
	text-align: start !important;
}
.dea-tl--alternating .dea-tl__item--right > .dea-tl__date {
	grid-column: 1 !important;
	text-align: end !important;
}

/* ==========================================================================
   LAYOUT: Center-Line
   ========================================================================== */
.dea-tl--center-line > .dea-tl__line {
	inset-inline-start: 50%;
	transform: translateX(-50%);
}

.dea-tl--center-line .dea-tl__item {
	display: grid;
	grid-template-columns: 1fr var(--dea-tl-marker-size) 1fr;
	gap: 0 20px;
	align-items: center;
}

.dea-tl--center-line .dea-tl__item .dea-tl__marker-wrap {
	grid-column: 2;
	grid-row: 1;
	justify-content: center;
}

.dea-tl--center-line .dea-tl__item:nth-child(odd) .dea-tl__card {
	grid-column: 3;
	grid-row: 1;
}

.dea-tl--center-line .dea-tl__item:nth-child(odd) > .dea-tl__date {
	grid-column: 1;
	grid-row: 1;
	text-align: end;
	align-self: center;
}

.dea-tl--center-line .dea-tl__item:nth-child(even) > .dea-tl__date {
	grid-column: 3;
	grid-row: 1;
	align-self: center;
}

.dea-tl--center-line .dea-tl__item:nth-child(even) .dea-tl__card {
	grid-column: 1;
	grid-row: 1;
	text-align: end;
}

/* ==========================================================================
   LAYOUT: One-Side
   ========================================================================== */
.dea-tl--one-side.dea-tl--side-right > .dea-tl__line {
	inset-inline-start: calc(var(--dea-tl-marker-size) / 2 - var(--dea-tl-line-w) / 2);
}

.dea-tl--one-side.dea-tl--side-left {
	direction: rtl;
}

.dea-tl--one-side.dea-tl--side-left .dea-tl__card,
.dea-tl--one-side.dea-tl--side-left .dea-tl__content {
	direction: ltr;
	text-align: start;
}

/* ==========================================================================
   LAYOUT: Card
   ========================================================================== */
.dea-tl--card .dea-tl__card {
	border-radius: var(--dea-tl-card-radius);
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}

/* ==========================================================================
   LAYOUT: Roadmap
   ========================================================================== */
.dea-tl--roadmap .dea-tl__card {
	border-radius: var(--dea-tl-card-radius);
	border-inline-start: 4px solid #6c5ce7;
}

.dea-tl--roadmap .dea-tl__item--highlighted .dea-tl__card {
	border-inline-start-width: 4px;
}

/* ==========================================================================
   LAYOUT: Process Steps
   ========================================================================== */
.dea-tl--process-steps .dea-tl__marker {
	border-radius: 8px;
	font-weight: 800;
	font-size: calc(var(--dea-tl-marker-size) * 0.5);
}

.dea-tl--process-steps .dea-tl__card {
	border-radius: var(--dea-tl-card-radius);
}

/* ==========================================================================
   LAYOUT: Minimal
   ========================================================================== */
.dea-tl--minimal .dea-tl__card {
	background: transparent !important;
	box-shadow: none !important;
	padding: 0 !important;
	border: none !important;
}

.dea-tl--minimal .dea-tl__marker {
	width: 14px;
	height: 14px;
	background: #6c5ce7;
}

/* ==========================================================================
   LAYOUT: Image Timeline
   ========================================================================== */
.dea-tl--image .dea-tl__image {
	margin-bottom: 16px;
	border-radius: var(--dea-tl-card-radius);
	overflow: hidden;
}

.dea-tl--image .dea-tl__image img {
	transition: transform 0.45s ease;
}

.dea-tl--image .dea-tl__card:hover .dea-tl__image img {
	transform: scale(1.05);
}

/* ==========================================================================
   LAYOUT: Horizontal
   ========================================================================== */
.dea-tl--horizontal {
	overflow: hidden;
}

.dea-tl--horizontal > .dea-tl__line {
	position: absolute;
	top: calc(var(--dea-tl-marker-size) / 2 - var(--dea-tl-line-w) / 2);
	inset-inline: 0;
	height: var(--dea-tl-line-w);
	width: auto;
	border-radius: 999px;
}

.dea-tl--horizontal .dea-tl__progress {
	width: 0;
	height: 100%;
	top: 0;
	inset-inline-start: 0;
	transition: width 0.3s ease;
}

.dea-tl--horizontal .dea-tl__track {
	display: flex;
	position: relative;
	z-index: 1;
}

.dea-tl--horizontal .dea-tl__item {
	display: flex;
	flex-direction: column;
	align-items: center;
	flex-shrink: 0;
}

.dea-tl--horizontal .dea-tl__item + .dea-tl__item {
	margin-top: 0;
}

.dea-tl--horizontal.dea-tl--h-equal .dea-tl__item {
	flex: 1 0 0%;
	min-width: 0;
}

.dea-tl--horizontal .dea-tl__marker-wrap {
	flex-direction: column;
	margin-bottom: 16px;
}

.dea-tl--horizontal .dea-tl__card {
	text-align: center;
	width: 100%;
}

/* Horizontal scroll */
.dea-tl--horizontal[data-dea-tl-scroll="1"] .dea-tl__track {
	overflow-x: auto;
	scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;
	scroll-snap-type: x mandatory;
	scrollbar-width: thin;
}

.dea-tl--horizontal[data-dea-tl-scroll="1"] .dea-tl__item {
	scroll-snap-align: start;
}

/* ==========================================================================
   HOVER EFFECTS
   ========================================================================== */
.dea-tl--hover-lift .dea-tl__card:hover {
	transform: translateY(-6px);
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);
}

.dea-tl--hover-glow .dea-tl__card:hover {
	box-shadow: 0 0 25px rgba(108, 92, 231, 0.25);
}

.dea-tl--hover-pulse .dea-tl__item:hover .dea-tl__marker {
	animation: dea-tl-pulse 0.8s ease infinite;
}

@keyframes dea-tl-pulse {
	0%, 100% { transform: scale(1); }
	50%      { transform: scale(1.2); }
}

.dea-tl--hover-border .dea-tl__card {
	border-bottom: 3px solid transparent;
}

.dea-tl--hover-border .dea-tl__card:hover {
	border-bottom-color: #6c5ce7;
}

.dea-tl--hover-gradient .dea-tl__card::after {
	content: "";
	position: absolute;
	inset: 0;
	opacity: 0;
	background: linear-gradient(135deg, rgba(108, 92, 231, 0.06), rgba(0, 184, 148, 0.06));
	transition: opacity 0.35s ease;
	pointer-events: none;
	border-radius: inherit;
}

.dea-tl--hover-gradient .dea-tl__card:hover::after {
	opacity: 1;
}

/* ==========================================================================
   ENTRANCE ANIMATIONS
   ========================================================================== */
.dea-tl__item[data-dea-tl-animate] {
	opacity: 0;
	will-change: opacity, transform;
}

.dea-tl__item[data-dea-tl-animate="fade-in"] {
	opacity: 0;
}

.dea-tl__item[data-dea-tl-animate="fade-up"] {
	transform: translateY(30px);
}

.dea-tl__item[data-dea-tl-animate="slide-left"] {
	transform: translateX(40px);
}

.dea-tl__item[data-dea-tl-animate="slide-right"] {
	transform: translateX(-40px);
}

.dea-tl__item[data-dea-tl-animate="zoom-in"] {
	transform: scale(0.85);
}

.dea-tl__item[data-dea-tl-animate="stagger"] {
	transform: translateY(20px);
}

.dea-tl__item.dea-tl__item--visible {
	opacity: 1;
	transform: none;
}

/* ==========================================================================
   ACTIVE STATE
   ========================================================================== */
.dea-tl__item--active .dea-tl__marker {
	transform: scale(1.15);
}

/* ==========================================================================
   HIGHLIGHTED
   ========================================================================== */
.dea-tl__item--highlighted .dea-tl__card {
	position: relative;
}

/* ==========================================================================
   RESPONSIVE – Tablet
   ========================================================================== */
@media (max-width: 1024px) {
	.dea-tl--alternating .dea-tl__item,
	.dea-tl--center-line .dea-tl__item {
		grid-template-columns: var(--dea-tl-marker-size) 1fr;
	}

	/* Beside-icon needs auto width for marker column at tablet too */
	.dea-tl--date-beside.dea-tl--alternating .dea-tl__item,
	.dea-tl--date-beside.dea-tl--center-line .dea-tl__item {
		grid-template-columns: auto 1fr;
	}

	.dea-tl--alternating > .dea-tl__line,
	.dea-tl--center-line > .dea-tl__line {
		inset-inline-start: calc(var(--dea-tl-marker-size) / 2 - var(--dea-tl-line-w) / 2);
		transform: none;
	}

	.dea-tl--alternating .dea-tl__item .dea-tl__marker-wrap,
	.dea-tl--center-line .dea-tl__item .dea-tl__marker-wrap {
		grid-column: 1;
	}

	.dea-tl--alternating .dea-tl__item .dea-tl__card,
	.dea-tl--center-line .dea-tl__item .dea-tl__card {
		grid-column: 2 !important;
		grid-row: 1 !important;
		text-align: start !important;
	}

	.dea-tl--alternating .dea-tl__item > .dea-tl__date,
	.dea-tl--center-line .dea-tl__item > .dea-tl__date {
		grid-column: 2 !important;
		grid-row: auto !important;
		text-align: start !important;
	}
}

/* ==========================================================================
   RESPONSIVE – Mobile
   ========================================================================== */
@media (max-width: 767px) {
	.dea-tl--vertical .dea-tl__item,
	.dea-tl--one-side .dea-tl__item,
	.dea-tl--card .dea-tl__item,
	.dea-tl--roadmap .dea-tl__item,
	.dea-tl--process-steps .dea-tl__item,
	.dea-tl--minimal .dea-tl__item,
	.dea-tl--image .dea-tl__item,
	.dea-tl--alternating .dea-tl__item,
	.dea-tl--center-line .dea-tl__item {
		grid-template-columns: var(--dea-tl-marker-size) 1fr;
		gap: 0 12px;
	}

	/* Beside-icon needs auto width on mobile too */
	.dea-tl--date-beside .dea-tl__item {
		grid-template-columns: auto 1fr !important;
	}

	/* Horizontal → vertical on mobile */
	.dea-tl--horizontal.dea-tl--h-mobile-vertical .dea-tl__track {
		flex-direction: column;
	}

	.dea-tl--horizontal.dea-tl--h-mobile-vertical > .dea-tl__line {
		top: 0;
		inset-inline: auto;
		inset-inline-start: calc(var(--dea-tl-marker-size) / 2 - var(--dea-tl-line-w) / 2);
		height: auto;
		width: var(--dea-tl-line-w);
		inset-block: 0;
	}

	.dea-tl--horizontal.dea-tl--h-mobile-vertical .dea-tl__item {
		flex-direction: row;
		align-items: start;
		gap: 12px;
	}

	.dea-tl--horizontal.dea-tl--h-mobile-vertical .dea-tl__item + .dea-tl__item {
		margin-top: var(--dea-tl-gap);
		margin-inline-start: 0 !important;
	}

	.dea-tl--horizontal.dea-tl--h-mobile-vertical .dea-tl__marker-wrap {
		flex-direction: row;
		margin-bottom: 0;
	}

	.dea-tl--horizontal.dea-tl--h-mobile-vertical .dea-tl__card {
		text-align: start;
	}

	.dea-tl--horizontal.dea-tl--h-mobile-vertical .dea-tl__progress {
		height: 0;
		width: 100%;
		transition: height 0.3s ease;
	}

	/* One-side left reset (LTR only — RTL handled via .dea-tl--dir-rtl) */
	.dea-tl--dir-ltr.dea-tl--one-side.dea-tl--side-left {
		direction: ltr;
	}
}

/* ==========================================================================
   RTL SUPPORT – Full control
   ========================================================================== */

/* ---------- Base RTL direction ---------- */
.dea-tl--dir-rtl {
	direction: rtl;
	text-align: right;
}

.dea-tl--dir-rtl .dea-tl__content,
.dea-tl--dir-rtl .dea-tl__card {
	text-align: right;
}

/* ---------- RTL content alignment overrides ---------- */
.dea-tl--dir-rtl.dea-tl--rtl-align-right .dea-tl__content,
.dea-tl--dir-rtl.dea-tl--rtl-align-right .dea-tl__card {
	text-align: right;
}

.dea-tl--dir-rtl.dea-tl--rtl-align-center .dea-tl__content,
.dea-tl--dir-rtl.dea-tl--rtl-align-center .dea-tl__card {
	text-align: center;
}

.dea-tl--dir-rtl.dea-tl--rtl-align-left .dea-tl__content,
.dea-tl--dir-rtl.dea-tl--rtl-align-left .dea-tl__card {
	text-align: left;
}

/* ---------- RTL slide animations (mirrored by default) ---------- */
.dea-tl--dir-rtl .dea-tl__item[data-dea-tl-animate="slide-left"] {
	transform: translateX(-40px);
}

.dea-tl--dir-rtl .dea-tl__item[data-dea-tl-animate="slide-right"] {
	transform: translateX(40px);
}

/* Keep original animation direction when opted out */
.dea-tl--dir-rtl.dea-tl--rtl-keep-anim .dea-tl__item[data-dea-tl-animate="slide-left"] {
	transform: translateX(40px);
}

.dea-tl--dir-rtl.dea-tl--rtl-keep-anim .dea-tl__item[data-dea-tl-animate="slide-right"] {
	transform: translateX(-40px);
}

/* ---------- RTL alternating/center-line flip ---------- */
.dea-tl--dir-rtl.dea-tl--rtl-flip-alt.dea-tl--alternating .dea-tl__item:nth-child(odd) .dea-tl__card {
	grid-column: 3;
	text-align: start;
}

.dea-tl--dir-rtl.dea-tl--rtl-flip-alt.dea-tl--alternating .dea-tl__item:nth-child(odd) > .dea-tl__date {
	grid-column: 1;
	text-align: end;
}

.dea-tl--dir-rtl.dea-tl--rtl-flip-alt.dea-tl--alternating .dea-tl__item:nth-child(even) .dea-tl__card {
	grid-column: 1;
	text-align: end;
}

.dea-tl--dir-rtl.dea-tl--rtl-flip-alt.dea-tl--alternating .dea-tl__item:nth-child(even) > .dea-tl__date {
	grid-column: 3;
	text-align: start;
}

.dea-tl--dir-rtl.dea-tl--rtl-flip-alt.dea-tl--center-line .dea-tl__item:nth-child(odd) .dea-tl__card {
	grid-column: 1;
	text-align: end;
}

.dea-tl--dir-rtl.dea-tl--rtl-flip-alt.dea-tl--center-line .dea-tl__item:nth-child(even) .dea-tl__card {
	grid-column: 3;
	text-align: start;
}

/* ---------- RTL line position overrides ---------- */
.dea-tl--dir-rtl.dea-tl--rtl-line-start > .dea-tl__line {
	inset-inline-start: calc(var(--dea-tl-marker-size) / 2 - var(--dea-tl-line-w) / 2);
	inset-inline-end: auto;
	transform: none;
}

.dea-tl--dir-rtl.dea-tl--rtl-line-end > .dea-tl__line {
	inset-inline-start: auto;
	inset-inline-end: calc(var(--dea-tl-marker-size) / 2 - var(--dea-tl-line-w) / 2);
	transform: none;
}

.dea-tl--dir-rtl.dea-tl--rtl-line-center > .dea-tl__line {
	inset-inline-start: 50%;
	inset-inline-end: auto;
	transform: translateX(50%);
}

/* ---------- RTL horizontal timeline ---------- */
.dea-tl--dir-rtl.dea-tl--horizontal .dea-tl__track {
	direction: rtl;
}

.dea-tl--dir-rtl.dea-tl--horizontal .dea-tl__card {
	text-align: center;
}

/* Reverse horizontal: flip the track via row-reverse */
.dea-tl--dir-rtl.dea-tl--rtl-h-reverse .dea-tl__track {
	flex-direction: row-reverse;
}

/* Progress in RTL horizontal grows from the inline-end */
.dea-tl--dir-rtl.dea-tl--horizontal .dea-tl__progress {
	inset-inline-start: auto;
	inset-inline-end: 0;
}

/* ---------- RTL one-side layout fix (no direction hack) ---------- */
.dea-tl--dir-rtl.dea-tl--one-side.dea-tl--side-left {
	direction: rtl;
}

.dea-tl--dir-rtl.dea-tl--one-side.dea-tl--side-left .dea-tl__card,
.dea-tl--dir-rtl.dea-tl--one-side.dea-tl--side-left .dea-tl__content {
	direction: rtl;
	text-align: right;
}

.dea-tl--dir-rtl.dea-tl--one-side.dea-tl--side-right .dea-tl__card,
.dea-tl--dir-rtl.dea-tl--one-side.dea-tl--side-right .dea-tl__content {
	text-align: right;
}

/* ---------- RTL highlight accent side ---------- */
.dea-tl--dir-rtl.dea-tl--rtl-highlight-end .dea-tl__item--highlighted .dea-tl__card {
	border-inline-start: none;
	border-inline-end: 3px solid;
	border-inline-end-color: inherit;
}

/* ---------- RTL marker-wrap direction ---------- */
.dea-tl--dir-rtl .dea-tl__marker-wrap {
	flex-direction: row-reverse;
}

.dea-tl--dir-rtl.dea-tl--horizontal .dea-tl__marker-wrap {
	flex-direction: column;
}

/* ---------- RTL roadmap border ---------- */
.dea-tl--dir-rtl .dea-tl--roadmap .dea-tl__card {
	border-inline-start: none;
	border-inline-end: 4px solid #6c5ce7;
}

/* ---------- RTL hover border ---------- */
.dea-tl--dir-rtl.dea-tl--hover-border .dea-tl__card:hover {
	border-bottom-color: #6c5ce7;
}

/* ---------- RTL button alignment ---------- */
.dea-tl--dir-rtl .dea-tl__btn {
	direction: rtl;
}

/* ---------- RTL responsive overrides ---------- */
@media (max-width: 1024px) {
	.dea-tl--dir-rtl.dea-tl--rtl-flip-alt.dea-tl--alternating .dea-tl__item .dea-tl__card,
	.dea-tl--dir-rtl.dea-tl--rtl-flip-alt.dea-tl--center-line .dea-tl__item .dea-tl__card {
		grid-column: 2 !important;
		text-align: right !important;
	}

	.dea-tl--dir-rtl.dea-tl--rtl-flip-alt.dea-tl--alternating .dea-tl__item > .dea-tl__date,
	.dea-tl--dir-rtl.dea-tl--rtl-flip-alt.dea-tl--center-line .dea-tl__item > .dea-tl__date {
		grid-column: 2 !important;
		text-align: right !important;
	}
}

@media (max-width: 767px) {
	.dea-tl--dir-rtl .dea-tl__content,
	.dea-tl--dir-rtl .dea-tl__card {
		text-align: right;
	}

	.dea-tl--dir-rtl.dea-tl--one-side.dea-tl--side-left {
		direction: rtl;
	}

	.dea-tl--dir-rtl.dea-tl--horizontal.dea-tl--h-mobile-vertical .dea-tl__card {
		text-align: right;
	}

	.dea-tl--dir-rtl.dea-tl--horizontal.dea-tl--h-mobile-vertical .dea-tl__marker-wrap {
		flex-direction: row-reverse;
	}

	.dea-tl--dir-rtl.dea-tl--rtl-h-reverse .dea-tl__track {
		flex-direction: column;
	}
}

/* ==========================================================================
   ACCESSIBILITY
   ========================================================================== */
@media (prefers-reduced-motion: reduce) {
	.dea-tl__item[data-dea-tl-animate] {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
	}

	.dea-tl__progress {
		transition: none !important;
	}

	.dea-tl__card {
		transition: none !important;
	}

	.dea-tl__marker {
		transition: none !important;
		animation: none !important;
	}
}

/* Focus visible for keyboard navigation */
.dea-tl__btn:focus-visible {
	outline: 2px solid #6c5ce7;
	outline-offset: 2px;
}

.dea-tl--horizontal[data-dea-tl-scroll="1"] .dea-tl__track:focus-visible {
	outline: 2px solid #6c5ce7;
	outline-offset: 2px;
}