/*
Theme Name: Katalozi Srbija
Theme URI: https://ekatalozi-srb.com
Author: Katalozi Srbija
Description: Brza, čista tema za sajt akcijskih kataloga. Papirno-bela pozadina, mastiljavi tekst, akcijska crvena samo tamo gde je bitna. Napravljena da radi u paru sa pluginom "Katalozi Srbija".
Version: 1.0.3
Requires PHP: 8.0
Text Domain: katalozi-tema
*/

:root {
	--kt-paper: #fbfaf7;
	--kt-bg:    #f4f2ec;
	--kt-ink:   #1d2430;
	--kt-muted: #57606e;
	--kt-deal:  #d5261f;
	--kt-line:  #e6e2d8;
	--kt-max:   1120px;
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
	margin: 0;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size: 16px; line-height: 1.6;
	color: var(--kt-ink);
	background: var(--kt-bg);
}
img { max-width: 100%; height: auto; }
a { color: var(--kt-ink); }

.kt-wrap { max-width: var(--kt-max); margin: 0 auto; padding: 0 16px; }

/* ---------- Zaglavlje ---------- */
.kt-header {
	background: #fff; border-bottom: 1px solid var(--kt-line);
	position: sticky; top: 0; z-index: 50;
}
.kt-header-in {
	display: flex; align-items: center; gap: 16px;
	padding: 12px 0; flex-wrap: wrap;
}
.kt-logo { display: flex; align-items: center; gap: 10px; text-decoration: none; margin-right: auto; }
.kt-logo-mark {
	width: 38px; height: 38px; border-radius: 9px; flex: none;
	background: var(--kt-deal); color: #fff;
	display: flex; align-items: center; justify-content: center;
	font-weight: 800; font-size: 1.15rem;
}
.kt-logo-txt { line-height: 1.15; }
.kt-logo-name { font-weight: 700; font-size: 1.05rem; display: block; }
.kt-logo-tag { font-size: .72rem; color: var(--kt-muted); letter-spacing: .02em; }

.kt-nav { display: flex; gap: 4px; flex-wrap: wrap; }
.kt-nav ul { display: flex; gap: 4px; list-style: none; margin: 0; padding: 0; flex-wrap: wrap; }
.kt-nav a {
	display: inline-block; padding: .45rem .8rem; border-radius: 8px;
	text-decoration: none; font-size: .92rem; font-weight: 500; color: var(--kt-ink);
}
.kt-nav a:hover, .kt-nav .current-menu-item > a, .kt-nav a[aria-current="page"] {
	background: var(--kt-paper); color: var(--kt-deal);
}

/* ---------- Sadržaj ---------- */
.kt-main { padding: 28px 0 48px; }
.kt-page-title { font-size: 1.6rem; line-height: 1.25; margin: 0 0 1rem; }
.kt-content h2 { font-size: 1.25rem; margin-top: 2rem; }
.kt-content h3 { font-size: 1.05rem; }

article.kt-single {
	background: #fff; border: 1px solid var(--kt-line); border-radius: 14px;
	padding: 22px;
}
@media (max-width: 640px) { article.kt-single { padding: 14px; border-radius: 10px; } }

/* Naslovna: širi raspored bez kartice-omotača */
.kt-front .kt-page-title { font-size: 1.45rem; }
.kt-front-intro { color: var(--kt-muted); margin: -.5rem 0 1.25rem; max-width: 640px; }

/* ---------- Traka trgovaca ispod zaglavlja ---------- */
.kt-retailers {
	display: flex; gap: 8px; overflow-x: auto; padding: 12px 0;
	scrollbar-width: thin;
}
.kt-retailers a {
	display: inline-flex; align-items: center; gap: 8px; flex: none;
	background: #fff; border: 1px solid var(--kt-line); border-radius: 999px;
	padding: .35rem .85rem .35rem .4rem; text-decoration: none;
	font-size: .85rem; font-weight: 600;
}
.kt-retailers a:hover { border-color: var(--kt-deal); color: var(--kt-deal); }

/* ---------- Footer ---------- */
.kt-footer {
	background: var(--kt-ink); color: #d3d8e0; margin-top: 32px;
	font-size: .88rem;
}
.kt-footer-in { padding: 26px 0; display: flex; gap: 24px; flex-wrap: wrap; justify-content: space-between; }
.kt-footer a { color: #fff; }
.kt-footer-note { max-width: 560px; color: #b8bfc9; }

/* ---------- Pomoćno ---------- */
.screen-reader-text {
	position: absolute; width: 1px; height: 1px; overflow: hidden;
	clip: rect(0 0 0 0); white-space: nowrap;
}
.kt-skip {
	position: absolute; left: -9999px; top: 0; background: #fff; padding: .5rem 1rem; z-index: 100;
}
.kt-skip:focus { left: 8px; top: 8px; }

/* Paginacija */
.kt-pagination { display: flex; gap: 6px; margin-top: 1.5rem; flex-wrap: wrap; }
.kt-pagination .page-numbers {
	padding: .4rem .8rem; border: 1px solid var(--kt-line); border-radius: 8px;
	text-decoration: none; background: #fff; font-size: .9rem;
}
.kt-pagination .current { background: var(--kt-deal); color: #fff; border-color: var(--kt-deal); }

/* ── Footer navigacija (E-E-A-T stranice) ── */
.kt-footer-nav { display: flex; gap: 1.25rem; flex-wrap: wrap; align-items: center; }
.kt-footer-nav a { color: #fff; text-decoration: none; font-size: .9rem; opacity: .9; }
.kt-footer-nav a:hover { text-decoration: underline; opacity: 1; }