/* Lepljivi sadržaj stranice. Vrednosti iz design/Usluga-SEO-Audit.dc.html. */

.tg-toc {
	position: sticky;
	top: 96px;
	align-self: start;
	padding: 40px 0;
}

.tg-toc__label {
	margin: 0 0 12px;
	color: var(--tg-mute2);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.tg-toc__nav {
	display: flex;
	flex-direction: column;
	border-top: 2px solid var(--tg-rule);
}

.tg-toc__link {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 11px 0;
	border-bottom: 1px solid var(--tg-line);
	color: var(--tg-ink);
	font-size: 15px;
	font-weight: 500;
	text-decoration: none;
}

.tg-toc__link.is-active {
	font-weight: 800;
}

.tg-toc__dot {
	width: 8px;
	height: 8px;
	background: transparent;
	transition: background 0.2s;
}

.tg-toc__link.is-active .tg-toc__dot {
	background: var(--tg-orange);
}

.tg-toc .tg-toc__cta {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 20px;
	padding: 16px;
	background: var(--tg-ink);
	color: var(--tg-bg);
	font-size: 15px;
	font-weight: 800;
	text-decoration: none;
}

.tg-toc .tg-toc__cta:hover {
	background: var(--tg-orange);
	color: var(--tg-ink);
}

@media (max-width: 999px) {
	.tg-toc {
		display: none;
	}
}