/* Tvoj AI Vodič – Core */
:root {
	--tav-ink: #111827;
	--tav-ink-2: #374151;
	--tav-muted: #4B5563;
	--tav-line: #E5E7EB;
	--tav-soft: #F7F8FA;
	--tav-yellow: #FFC93C;
	--tav-yellow-soft: #FFF4D1;
	--tav-blue: #1F4FD1;
	--tav-blue-soft: #E8EEFF;
	--tav-green: #1B5E2F;
	--tav-green-soft: #E3F2E7;
	--tav-orange-soft: #FDEBD3;
	--tav-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

/* Prompt s gumbom */
.tav-prompt {
	margin: 0 0 1.25em;
	border: 1px solid #D1D5DB;
	border-radius: 14px;
	overflow: hidden;
	background: var(--tav-ink);
}
.tav-prompt__bar {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	padding: 8px 10px 8px 16px;
	background: var(--tav-soft);
	border-bottom: 1px solid #D1D5DB;
}
.tav-prompt__label {
	font-size: 14px;
	font-weight: 600;
	color: var(--tav-ink-2);
}
button.tav-copy,
.tav-prompt button.tav-copy {
	min-height: 44px;
	padding: 0 16px;
	border: 1px solid #6B7280 !important;
	border-radius: 10px;
	background: #fff !important;
	color: var(--tav-ink) !important;
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	cursor: pointer;
}
.tav-prompt button.tav-copy:hover,
.tav-prompt button.tav-copy:focus {
	background: var(--tav-yellow) !important;
	border-color: var(--tav-ink) !important;
	color: var(--tav-ink) !important;
}
.tav-prompt button.tav-copy:focus-visible {
	outline: 3px solid var(--tav-blue);
	outline-offset: 2px;
}
.tav-prompt button.tav-copy.is-done {
	background: var(--tav-green-soft) !important;
	border-color: var(--tav-green) !important;
	color: var(--tav-green) !important;
}
.tav-prompt .tav-prompt__text,
pre.is-style-prompt {
	margin: 0;
	padding: 18px;
	border: 0;
	border-radius: 0;
	background: var(--tav-ink);
	color: #F9FAFB;
	font-family: var(--tav-mono);
	font-size: 15px;
	line-height: 1.65;
	white-space: pre-wrap;
	word-break: break-word;
	overflow: visible;
}
pre.is-style-prompt:not(.tav-prompt__text) {
	border-radius: 14px;
	margin-bottom: 1.25em;
}
.tav-prompt pre code,
pre.is-style-prompt code {
	padding: 0;
	background: none;
	color: inherit;
	font: inherit;
}

/* Okviri */
.tav-result,
.wp-block-group.is-style-rezultat {
	margin: 0 0 1.5em;
	padding: 14px 16px;
	border-radius: 12px;
	background: var(--tav-yellow-soft);
	color: var(--tav-ink);
	line-height: 1.6;
}
.wp-block-group.is-style-na-zaslonu {
	margin: 0 0 1.5em;
	padding: 12px 14px;
	border-radius: 10px;
	background: var(--tav-blue-soft);
	color: var(--tav-ink-2);
	font-size: 0.95em;
}
.wp-block-group.is-style-upozorenje {
	margin: 0 0 1.5em;
	padding: 20px 22px;
	border-radius: 16px;
	background: var(--tav-orange-soft);
	color: var(--tav-ink);
}
.wp-block-group.is-style-okvir {
	height: 100%;
	padding: 22px;
	border: 1px solid var(--tav-line);
	border-radius: 16px;
	background: var(--tav-soft);
}
.wp-block-group[class*="is-style-"] > :last-child {
	margin-bottom: 0;
}
.wp-block-group[class*="is-style-"] > :first-child {
	margin-top: 0;
}

/* Oznake */
.tav-badges {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 12px;
}
.tav-badges--after {
	margin: 12px 0 0;
}
.tav-badge {
	display: inline-block;
	padding: 4px 10px;
	border-radius: 6px;
	background: var(--tav-blue-soft);
	color: var(--tav-blue);
	font-size: 13px;
	font-weight: 600;
	line-height: 1.4;
	text-decoration: none;
}
a.tav-badge:hover {
	color: var(--tav-ink);
}
.tav-badge--ok {
	background: var(--tav-green-soft);
	color: var(--tav-green);
}
.tav-badge--neutral {
	background: #EEF0F3;
	color: var(--tav-ink-2);
}
.tav-meta-line {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	font-size: 14px;
	color: var(--tav-muted);
}

/* Affiliate */
.tav-notice {
	margin: 0 0 1.5em;
	padding: 18px 20px;
	border: 1px solid #F2D27A;
	border-radius: 14px;
	background: var(--tav-yellow-soft);
	color: var(--tav-ink);
	font-size: 0.95em;
	line-height: 1.6;
}
.tav-aff-label,
.entry-content a[rel~="sponsored"]::after {
	display: inline-block;
	margin-left: 6px;
	padding: 1px 7px;
	border-radius: 5px;
	background: var(--tav-ink);
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	line-height: 1.5;
	vertical-align: middle;
	text-decoration: none;
}
.entry-content a[rel~="sponsored"]::after {
	content: "Affiliate";
}
.entry-content a.tav-btn[rel~="sponsored"]::after {
	background: #fff;
	color: var(--tav-ink);
}

/* Video */
.tav-video {
	margin: 0 0 1.5em;
}
.tav-video iframe {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	border: 0;
	border-radius: 14px;
}

/* Ukratko */
.tav-summary {
	margin: 0 0 2em;
	background: #fff;
	border: 1px solid var(--tav-line);
	border-radius: 18px;
	overflow: hidden;
}
.tav-summary__head {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	padding: 18px 22px;
	border-bottom: 1px solid var(--tav-line);
	background: var(--tav-soft);
}
.tav-summary__head h2 {
	margin: 0;
	font-size: 1.4em;
}
.tav-score {
	text-align: right;
}
.tav-score span {
	display: block;
	font-size: 13px;
	color: var(--tav-muted);
}
.tav-score strong {
	font-size: 1.6em;
	line-height: 1.2;
	color: var(--tav-ink);
}
.tav-summary__note {
	margin: 0;
	padding: 14px 22px;
	background: #EEF0F3;
	font-size: 0.95em;
}
.tav-summary__facts {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	margin: 0;
}
.tav-summary__facts div {
	padding: 14px 22px;
	border-top: 1px solid var(--tav-line);
}
.tav-summary .tav-summary__facts dt {
	font-size: 13px;
	font-weight: 600;
	color: var(--tav-muted);
}
.tav-summary .tav-summary__facts dd {
	margin: 2px 0 0;
	padding: 0;
}

/* Gumb */
.tav-btn,
.entry-content .tav-btn {
	display: inline-block;
	padding: 14px 20px;
	border-radius: 12px;
	background: var(--tav-ink);
	color: #fff;
	font-weight: 700;
	text-decoration: none;
}
.tav-btn:hover,
.tav-btn:focus,
.entry-content .tav-btn:hover {
	background: #000;
	color: #fff;
}

/* Knjižnica promptova */
.tav-archive {
	padding: clamp(20px, 4vw, 40px);
	background: #fff;
}
.tav-archive__head h1 {
	margin: 0 0 0.3em;
}
.tav-archive__head p {
	max-width: 760px;
	margin: 0;
	font-size: 1.1em;
	color: var(--tav-ink-2);
}
.tav-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 24px 0;
}
.tav-chip {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding: 0 16px;
	border: 1px solid #D1D5DB;
	border-radius: 999px;
	background: #fff;
	color: var(--tav-ink);
	font-weight: 500;
	text-decoration: none;
}
.tav-chip:hover {
	border-color: var(--tav-ink);
	color: var(--tav-ink);
}
.tav-chip.is-active {
	border-color: var(--tav-ink);
	background: var(--tav-ink);
	color: #fff;
	font-weight: 600;
}
.tav-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(420px, 100%), 1fr));
	gap: 20px;
}
.tav-card {
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding: 22px;
	border: 1px solid var(--tav-line);
	border-radius: 18px;
	background: #fff;
}
.tav-card__top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
}
.tav-card__tool {
	font-size: 13px;
	color: var(--tav-muted);
}
.tav-card__title {
	margin: 0;
	font-size: 1.3em;
	line-height: 1.25;
}
.tav-card__title a {
	color: var(--tav-ink);
	text-decoration: none;
}
.tav-card__title a:hover {
	text-decoration: underline;
}
.tav-card .tav-prompt,
.tav-card .tav-result {
	margin: 0;
}
.tav-card__more {
	margin-top: auto;
	font-weight: 600;
}
.tav-cta {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
	margin-top: 32px;
	padding: 24px;
	border: 1px solid var(--tav-line);
	border-radius: 18px;
	background: var(--tav-soft);
}
.tav-cta p {
	margin: 0;
	color: var(--tav-ink-2);
}
.tav-cta .tav-cta__title {
	margin-bottom: 4px;
	font-size: 1.3em;
	font-weight: 700;
	color: var(--tav-ink);
}
.tav-archive .navigation.pagination {
	margin-top: 28px;
}

/* Mreža kartica: naslovnica bloga, kategorije, oznake (GeneratePress) */
@media (min-width: 769px) {
	body.tav-grid-archive .site-main {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
		gap: 24px;
		align-items: stretch;
	}
	body.tav-grid-archive .site-main > *:not(article) {
		grid-column: 1 / -1;
	}
	body.tav-grid-archive .site-main > article {
		margin: 0;
	}
	body.tav-grid-archive .site-main > article .inside-article {
		height: 100%;
	}
}