@import "/shared/css/root.css";

:root {
    --accent-color: var(--color-purple);
}

/****************************
    NAVBAR (navbar.htm)
****************************/
.burger-menu li:hover {
	background-color: var(--color-purple);
}

.burger-menu li.active {
	background-color: var(--color-purple);
}

.footer-section h3::after {
	background: var(--color-purple);
}

.highlight-city {
	background: var(--color-purple);
}

.btn-discovery:hover {
	background: var(--color-purple);
}

.red-blob {
	background: radial-gradient(
		circle,
		rgba(113, 54, 255, 0.5) 0%,
		rgba(113, 54, 255, 0.25) 40%,
		rgba(113, 54, 255, 0) 75%
	);
}

.red-blob-left {
	background: radial-gradient(
		circle,
		rgba(113, 54, 255, 0.35) 0%,
		rgba(113, 54, 255, 0.15) 40%,
		rgba(113, 54, 255, 0) 75%
	);
}

.red {
	color: var(--color-purple);
	text-decoration-color: var(--color-purple);
}

.tarif-table .price {
	color: var(--color-purple);
}

.arrow,
.arrow:hover {
	background: var(--color-purple);
}

.row-2-my {
	color: var(--color-purple);
}

.open-table th:nth-child(2) {
	background: #582ec8;
}

.open-table td:nth-child(2) {
	background: #301b65;
}

.app-features li::before {
	color: var(--color-purple);
}

.discount {
	color: var(--color-purple);
}

.trainer-card:hover .trainer-btn {
	background: var(--color-purple);
}

._akce_popup-content {
	box-shadow: 0 -4px 0px 0px var(--color-purple);
}
._akce_popup-btn {
	background: var(--color-purple);
	color: white;
}