/*
Theme Name: ZN Vision Simple
Description: Jednostavna tema na jednoj stranici za ZN Vision d.o.o. Bez vanjskih fontova, skripti i kolačića.
Version: 1.5.0
Author: ZN Vision d.o.o.
Text Domain: zn-vision-simple
*/

:root {
	--red: #d2232a;
	--blue: #224877;
	--dark: #322f31;
	--head: #322f31;
	--ink: #322f31;
	--muted: #5e5b5d;
	--line: #e3e6ec;
	--bg: #ffffff;
	--soft: #f5f6f8;
}

* { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
	margin: 0;
	background: var(--bg);
	color: var(--ink);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size: 17px;
	line-height: 1.6;
}

a { color: var(--blue); }

.wrap {
	max-width: 760px;
	margin: 0 auto;
	padding: 0 20px;
}

/* Zaglavlje */
.top {
	background: var(--soft);
	border-top: 3px solid var(--red);
	border-bottom: 1px solid var(--line);
	padding: 22px 0;
}
.top .wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}
.brand {
	font-weight: 700;
	font-size: 20px;
	letter-spacing: .02em;
	color: var(--dark);
	text-decoration: none;
}
.brand span { color: var(--red); }
.lang { display: flex; gap: 10px; font-size: 14px; }
.lang a { text-decoration: none; color: var(--muted); }
.lang a.on { color: var(--blue); font-weight: 700; }

/* Uvod */
.hero { padding: 56px 0 40px; }
.hero h1 {
	margin: 0 0 16px;
	font-size: clamp(26px, 4.2vw, 34px);
	font-weight: 600;
	letter-spacing: -.01em;
	line-height: 1.25;
	color: var(--head);
}
.hero p { margin: 0 0 28px; color: var(--muted); font-size: 19px; }

.btn {
	display: inline-block;
	background: linear-gradient(135deg, var(--red), var(--blue));
	color: #fff;
	text-decoration: none;
	padding: 13px 22px;
	border-radius: 6px;
	font-weight: 600;
}
.btn:hover { filter: brightness(1.12); }

/* Usluge */
.services { padding: 8px 0 40px; }
.services h2, .contact h2 {
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: .08em;
	color: var(--red);
	margin: 0 0 16px;
}
.services ul { list-style: none; margin: 0; padding: 0; }
.services li {
	padding: 16px 0;
	border-top: 1px solid var(--line);
}
.services li:last-child { border-bottom: 1px solid var(--line); }
.services strong { display: block; color: var(--head); }
.services span { color: var(--muted); font-size: 16px; }

.note {
	margin-top: 24px;
	padding: 14px 16px;
	background: var(--soft);
	border-left: 3px solid var(--red);
	font-size: 15px;
	color: var(--muted);
}

/* Kontakt */
.contact { padding: 24px 0 56px; }
.contact p { margin: 0 0 6px; }

/* Podnožje */
.foot {
	background: var(--soft);
	border-top: 1px solid var(--line);
	padding: 24px 0 32px;
	font-size: 13px;
	color: var(--muted);
	line-height: 1.7;
}
.foot p { margin: 0 0 8px; }
.foot a { color: var(--muted); }

@media (max-width: 480px) {
	body { font-size: 16px; }
	.hero { padding: 40px 0 32px; }
	.hero p { font-size: 17px; }
}

/* Obične stranice (politika kolačića, privatnost) */
.page { padding: 40px 0 56px; }
.page h1 { color: var(--head); font-size: clamp(26px, 4vw, 34px); line-height: 1.25; margin: 0 0 20px; }
.page .content h2 { color: var(--head); font-size: 22px; margin: 32px 0 10px; }
.page .content h3 { color: var(--head); font-size: 18px; margin: 24px 0 8px; }
.page .content table { border-collapse: collapse; width: 100%; font-size: 15px; }
.page .content td, .page .content th { border: 1px solid var(--line); padding: 8px; text-align: left; }

.brand { display: inline-flex; align-items: center; }
.brand .logo { height: 34px; width: auto; display: block; }
@media (max-width: 480px) { .brand .logo { height: 26px; } }