/* Tabovi. Vrednosti iz design/Usluga-SEO-Audit.dc.html. */

.tg-tabs__list {
	display: flex;
	flex-wrap: wrap;
	border: 2px solid var(--tg-rule);
	border-bottom: 0;
}

.tg-tabs .tg-tabs__tab {
	flex: 1 1 140px;
	padding: 14px 12px;
	border: 0;
	border-right: 2px solid var(--tg-rule);
	border-bottom: 2px solid var(--tg-rule);
	background: transparent;
	color: var(--tg-ink);
	font: 800 14.5px var(--tg-font);
	text-align: left;
	cursor: pointer;
}

.tg-tabs .tg-tabs__tab[aria-selected="true"] {
	background: var(--tg-ink);
	color: var(--tg-bg);
}

.tg-tabs__count {
	display: block;
	font-size: 12.5px;
	font-weight: 500;
	opacity: 0.75;
}

.tg-tabs__panel {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
	gap: 24px 40px;
	padding: 28px;
	border: 2px solid var(--tg-rule);
	border-top: 0;
	background: var(--tg-surface);
}

.tg-tabs__panel[hidden] {
	display: none;
}

.tg-tabs__title {
	margin: 0 0 10px;
	font-size: 26px;
	font-weight: 800;
	letter-spacing: -0.02em;
}

.tg-tabs__desc {
	margin: 0;
	color: var(--tg-mute);
	font-size: 16px;
	line-height: 1.6;
}

.tg-tabs__items {
	list-style: none;
	margin: 0;
	padding: 0;
	border-top: 2px solid var(--tg-rule);
}

.tg-tabs__items li {
	display: flex;
	align-items: baseline;
	gap: 12px;
	padding: 10px 0;
	border-bottom: 1px solid var(--tg-line);
	font-size: 15.5px;
	font-weight: 600;
}

.tg-tabs__dot {
	flex-shrink: 0;
	width: 8px;
	height: 8px;
	background: var(--tg-orange);
	transform: translateY(-2px);
}