/* =========================================================
   Kuća za igru – osnovni stilovi teme (DLAB)
   Namjerno minimalno: boje i fontove stranice postavlja
   Elementor (Site Settings / Global Kit).
   ========================================================= */

:root {
	--kzi-brown: #9e3d1e;
	--kzi-brown-text: #a3401f;
	--kzi-yellow: #fdc461;
	--kzi-red: #cd6044;
	--kzi-green: #6e8e4b;
	--kzi-purple: #9b6d96;
	--kzi-ink: #1a1a1a;
	--kzi-text: #2b2b2b;
	--kzi-bg-soft: #fff9f7;
	--kzi-bg-peach: #ffeae1;
	--kzi-container: 1230px;
	--kzi-gutter: 24px;
}

*, *::before, *::after { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
	margin: 0;
	color: var(--kzi-text);
	background: #fff;
	font-family: "Open Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
	font-size: 16px;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
}

img, svg, video { max-width: 100%; height: auto; }

a { color: var(--kzi-brown); }

.site-main { display: block; }

/* Pristupačnost */
.screen-reader-text {
	border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%);
	height: 1px; width: 1px; margin: -1px; overflow: hidden; padding: 0;
	position: absolute !important; word-wrap: normal !important;
}
.skip-link:focus {
	clip: auto; clip-path: none; height: auto; width: auto;
	left: 12px; top: 12px; z-index: 100000; padding: 12px 18px;
	background: #fff; color: var(--kzi-ink); border-radius: 8px;
	box-shadow: 0 4px 16px rgba(0,0,0,.15);
}

/* ---------- Rezervni prikazi (bez Elementor predložaka) ---------- */
.kzi-container {
	width: 100%;
	max-width: calc(var(--kzi-container) + var(--kzi-gutter) * 2);
	margin: 0 auto;
	padding: 0 var(--kzi-gutter);
}

.kzi-site-header { padding: 24px 0; background: #fef8f5; }
.kzi-site-header__inner { display: flex; align-items: center; justify-content: space-between; gap: 32px; flex-wrap: wrap; }
.kzi-site-title { font-family: "Quicksand", sans-serif; font-weight: 700; font-size: 26px; color: var(--kzi-red); text-decoration: none; }
.kzi-site-nav ul { list-style: none; margin: 0; padding: 0; display: flex; gap: 32px; flex-wrap: wrap; }
.kzi-site-nav ul ul { display: none; }
.kzi-site-nav a { font-family: "Quicksand", sans-serif; font-weight: 600; color: #57423c; text-decoration: none; }

.kzi-site-footer { padding: 40px 0; background: var(--kzi-bg-soft); font-size: 15px; }
.kzi-site-footer__inner { display: flex; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
.kzi-site-footer ul { list-style: none; margin: 0; padding: 0; display: flex; gap: 20px; }
.kzi-site-footer a { color: inherit; text-decoration: none; }

.kzi-entry, .kzi-archive, .kzi-404 { padding-top: 60px; padding-bottom: 80px; }
.kzi-entry__title, .kzi-archive__title, .kzi-404 h1 {
	font-family: "Quicksand", sans-serif; font-weight: 700; color: var(--kzi-ink);
	font-size: clamp(28px, 3vw, 44px); line-height: 1.15; margin: 0 0 24px;
}
.kzi-entry__thumb img { border-radius: 22px; margin-bottom: 32px; }
.kzi-archive__list { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 30px; }
.kzi-post-card { background: var(--kzi-bg-soft); border-radius: 28px; padding: 18px 18px 28px; }
.kzi-post-card__thumb img { border-radius: 14px; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }
.kzi-post-card__title { font-family: "Quicksand", sans-serif; font-size: 22px; margin: 16px 0 8px; }
.kzi-post-card__title a { color: var(--kzi-ink); text-decoration: none; }
.kzi-404__btn {
	display: inline-block; padding: 10px 26px; border-radius: 999px;
	background: var(--kzi-brown); color: #fff; text-decoration: none;
	font-family: "Quicksand", sans-serif; font-weight: 500;
}

/* WordPress poravnanja */
.alignleft { float: left; margin: 0 24px 16px 0; }
.alignright { float: right; margin: 0 0 16px 24px; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption-text { font-size: 14px; color: #666; }