/* Avant Widgets – styles */

/* ── Numbers Slider ──────────────────────────────────────────────────────── */

.avnt-numbers-wrap {
	width: 100%;
	overflow: hidden;
	position: relative;
	-webkit-mask-image: linear-gradient(
		to right,
		rgba(0, 0, 0, 0),
		rgba(0, 0, 0, 1) 10%,
		rgba(0, 0, 0, 1) 70%,
		rgba(0, 0, 0, 0)
	);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 100% 100%;
	mask-image: linear-gradient(
		to right,
		rgba(0, 0, 0, 0),
		rgba(0, 0, 0, 1) 10%,
		rgba(0, 0, 0, 1) 70%,
		rgba(0, 0, 0, 0)
	);
	mask-repeat: no-repeat;
	mask-size: 100% 100%;
}

@media (max-width: 600px) {
	.avnt-numbers-wrap {
		-webkit-mask-image: linear-gradient(
			to right,
			rgba(0, 0, 0, 0),
			rgba(0, 0, 0, 1) 10%,
			rgba(0, 0, 0, 1) 90%,
			rgba(0, 0, 0, 0)
		);
		mask-image: linear-gradient(
			to right,
			rgba(0, 0, 0, 0),
			rgba(0, 0, 0, 1) 10%,
			rgba(0, 0, 0, 1) 90%,
			rgba(0, 0, 0, 0)
		);
	}
}

.avnt-numbers-track {
	display: flex;
	align-items: center;
	gap: 24px;
	width: max-content;
	animation: avntSlide 30s linear infinite;
}

.avnt-numbers-track.avnt-pause-hover:hover {
	animation-play-state: paused;
}

.avnt-divider {
	display: block;
	width: 1px;
	height: 60px;
	flex-shrink: 0;
	background: linear-gradient(
		to bottom,
		transparent 0%,
		var(--avnt-divider-color, #d7b068) 50%,
		transparent 100%
	);
	transform: rotate(-150deg);
}

.avnt-number {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-shrink: 0;
}

.avnt-num {
	font-size: 48px;
	font-weight: 700;
	color: #d7b068;
	white-space: nowrap;
	margin: 0;
	line-height: 1.2;
}

.avnt-label {
	font-size: 16px;
	font-weight: 400;
	color: #ecdbd4;
	white-space: nowrap;
	margin: 0;
	line-height: 1.4;
}

@keyframes avntSlide {
	0%   { transform: translateX(0); }
	100% { transform: translateX(-50%); }
}

/* ── Funds Table — CSS proměnné (fallback bez tématu) ────────────────────── */

:root {
	--brand-orange-400: #d7b068;
	--brand-blue-300:   #7ba7be;
	--brand-beige-200:  #ecdbd4;
	--brand-blue-800:   #0d2235;
}

/* ── Funds Table — Tlačítka ───────────────────────────────────────────────── */

.elementor .fund-row .btn {
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	border-radius: 12px;
	border: 1px solid var(--border-color, transparent);
	padding: var(--padding, 10px 16px);
	gap: var(--gap, 8px);
	font-size: var(--font-size, 16px);
	transition: 0.4s ease-out;
	background: var(--bg, transparent);
	color: var(--color, inherit);
	cursor: pointer;
	margin-top: 0;
	margin-block-start: 0;
}

.fund-row__right .btn--lg {
	--padding: 10px 16px;
	--gap: 8px;
	--font-size: 16px;
}

@media screen and (max-width: 600px) {
	.fund-row__right .btn--lg {
		--padding: 8px 12px;
		--font-size: 14px;
	}
}

.fund-row__right .btn--link-color {
	border: none;
	--padding: 0;
	--bg: transparent;
	--color: var(--brand-orange-400);
}

.fund-row__right .btn__text {
	white-space: nowrap;
}

.fund-row__right .btn__icon {
	font-size: 0;
}

.fund-row__right .btn__icon.btn__icon--two-icons {
	position: relative;
	width: 24px;
	height: 24px;
	overflow: hidden;
	transform: rotate(90deg);
}

.fund-row__right .btn__icon.btn__icon--two-icons .arrow-gold,
.fund-row__right .btn__icon.btn__icon--two-icons .arrow-gray {
	width: 100%;
	height: 100%;
	transition: 0.3s;
	color: var(--color);
}

.fund-row__right .btn__icon.btn__icon--two-icons .arrow-gold {
	position: absolute;
	color: var(--brand-orange-400);
	left: 0;
	top: 0;
	transform: translateX(-100%);
}

.fund-row__right .btn__icon.btn__icon--two-icons .arrow-gray {
	color: white;
	opacity: 0.12;
}

.btn--link-color:hover .btn__icon.btn__icon--two-icons .arrow-gold {
	transform: none;
}

.btn--link-color:hover .btn__icon.btn__icon--two-icons .arrow-gray {
	transform: translateX(100%);
}

/* ── Funds Table ──────────────────────────────────────────────────────────── */

.funds-table {
	display: flex;
	flex-direction: column;
	gap: 10px;
	font-size: 0;
}

.fund-row {
	--gap: 40px;
	padding: 28px;
	border-radius: 8px;
	border: 1px solid rgba(255, 255, 255, 0.12);
	background: rgba(255, 255, 255, 0.05);
	backdrop-filter: blur(7.5px);
	flex: 0 0 100%;
	width: 100%;
	transition: all 0.3s ease-out;
}

.fund-row:hover {
	background: rgba(255, 255, 255, 0.15);
}

.fund-row.hide {
	display: none;
}

.fund-row.fund-row--header {
	position: relative;
	padding-top: 0;
	padding-bottom: 18px;
	background: none;
	border: none;
}

.fund-row.fund-row--header::after {
	position: absolute;
	content: "";
	width: 100%;
	left: 50%;
	bottom: 0;
	height: 1px;
	transform: translateX(-50%);
	opacity: 0.5;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.12) 50%, rgba(255, 255, 255, 0) 100%);
}

@media screen and (max-width: 1140px) {
	.fund-row.fund-row--header {
		display: none;
	}
}

.fund-row.fund-row--header p {
	text-transform: uppercase;
	font-size: 13px;
}

.fund-row.fund-row--header .inner {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.fund-row.fund-row--header .inner.sorting:hover {
	cursor: pointer;
}

.fund-row.fund-row--header .inner p {
	flex: 1;
}

.fund-row p {
	text-wrap: balance;
}

@media screen and (max-width: 1240px) {
	.fund-row {
		--gap: 20px;
	}
}

@media screen and (max-width: 1140px) {
	.fund-row {
		--gap: 12px;
		padding: 16px;
	}
}

.fund-row__inner {
	display: flex;
	align-items: flex-start;
	align-content: flex-start;
	gap: var(--gap);
	align-self: flex-start;
	flex-wrap: wrap;
}

@media screen and (max-width: 1140px) {
	.fund-row__left {
		flex: 0 0 100%;
	}
}

.fund-row__left .fund-tags {
	margin-top: 10px;
}

.fund-row__middle {
	flex: 1;
	display: flex;
	align-items: flex-start;
	gap: var(--gap);
	justify-content: space-between;
	flex-wrap: wrap;
}

.fund-row__right {
	flex: 0 0 120px;
	text-align: right;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 20px;
}

@media screen and (max-width: 1140px) {
	.fund-row__right {
		flex: 0 0 100%;
		text-align: left;
		justify-content: flex-start;
		align-items: flex-start;
	}
}

.fund-row__col {
	flex: 0 0 var(--width);
	width: var(--width);
}

.fund-row__col--name p {
	font-weight: 700;
}

.fund-row__col--name a {
	color: var(--brand-orange-400);
}

.fund-row__col.fund-row__col--auto {
	flex: 1;
	width: auto;
}

@media screen and (max-width: 1140px) {
	.fund-row__col.fund-row__col--auto {
		flex: 0 0 100%;
		width: 100%;
	}
}

.fund-row__col.fund-row__col--70  { --width: 70px; }
.fund-row__col.fund-row__col--110 { --width: 110px; }
.fund-row__col.fund-row__col--120 { --width: 120px; }
.fund-row__col.fund-row__col--130 { --width: 130px; }
.fund-row__col.fund-row__col--190 { --width: 190px; }
.fund-row__col.fund-row__col--250 { --width: 250px; }
.fund-row__col.fund-row__col--280 { --width: 280px; }

@media screen and (max-width: 1240px) {
	.fund-row__col.fund-row__col--190 { --width: 150px; }
}

@media screen and (max-width: 1140px) {
	.fund-row__col.fund-row__col--70,
	.fund-row__col.fund-row__col--110,
	.fund-row__col.fund-row__col--120 {
		flex: 0 0 25%;
		width: 25%;
	}
	.fund-row__col.fund-row__col--130 {
		flex: 0 0 33.33333%;
		width: 33.33333%;
	}
	.fund-row__col.fund-row__col--250,
	.fund-row__col.fund-row__col--280 {
		--width: 100%;
	}
}

@media screen and (max-width: 600px) {
	.fund-row__col.fund-row__col--70,
	.fund-row__col.fund-row__col--110,
	.fund-row__col.fund-row__col--120,
	.fund-row__col.fund-row__col--130 {
		flex: 0 0 100%;
		width: 100%;
	}
}

.fund-row__col:empty {
	display: none;
}

.fund-row p.mobile-title {
	text-transform: uppercase;
	text-wrap: balance;
	display: none;
}

@media screen and (max-width: 1140px) {
	.fund-row p.mobile-title {
		display: block;
	}
	.fund-row .fund-row__col.fund-row__col--empty {
		display: none;
	}
}

.fund-row__files {
	display: none;
}

.fund-row__files .fund-files-items {
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin-top: 40px;
}

@media screen and (max-width: 1140px) {
	.fund-row__files .fund-files-items {
		margin-top: 20px;
	}
}

.fund-row__files .fund-file-item a {
	display: inline-flex;
	align-items: flex-start;
	gap: 8px;
}

.fund-row__files .fund-file-item a:hover .fund-file-item__name p {
	text-decoration-color: transparent;
}

.fund-row__files .fund-file-item__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0;
	color: var(--brand-beige-200);
}

.fund-row__files .fund-file-item__name p {
	transition: all 0.3s ease-out;
	text-decoration: underline;
}

.fund-row__subfunds {
	display: none;
}

.fund-row__subfunds .fund-row-subfunds-items {
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin-top: 40px;
}

@media screen and (max-width: 1140px) {
	.fund-row__subfunds .fund-row-subfunds-items {
		margin-top: 20px;
	}
}

.fund-row__subfunds .fund-row {
	background: none;
	border: none;
	backdrop-filter: none;
	padding-top: 14px;
	padding-bottom: 14px;
	padding-right: 0;
	padding-left: 0;
}

.fund-row__subfunds .fund-row .fund-row__col--name,
.fund-row__subfunds .fund-row .fund-files-items {
	padding-left: 28px;
}

@media screen and (max-width: 1140px) {
	.fund-row__subfunds .fund-row .fund-row__col--name,
	.fund-row__subfunds .fund-row .fund-files-items {
		padding-left: 0;
	}
}
