/* ==========================================================================
   Hrana na dom – rustična tema
   Kraft papir, tržne etikete, kredna tabla, žigi.
   ========================================================================== */

:root {
	--papir: #f3ead8;
	--papir-temen: #e8dbc0;
	--karton: #fbf6ec;
	--crnilo: #2b2119;
	--crnilo-mehko: #5c4b3b;
	--rdeca: #a33b22;
	--rdeca-temna: #7f2c17;
	--zelena: #4e5c2e;
	--zelena-temna: #3d4a22;
	--tabla: #2e3a2b;
	--med: #d4962a;
	--crta: #c7b18a;
	--crta-temna: #a8916a;

	--pisava-naslov: "Zilla Slab", "Rockwell", Georgia, serif;
	--pisava-besedilo: "Lora", Georgia, "Times New Roman", serif;
	--pisava-roka: "Caveat", "Segoe Print", cursive;

	--ovoj: 1240px;
	--radij: 4px;
	--senca: 0 1px 0 rgba(43, 33, 25, .08), 0 10px 24px -14px rgba(43, 33, 25, .45);
	--sum: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .25 0 0 0 0 .12 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* ---------- Osnova ---------- */

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

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

body {
	margin: 0;
	background-color: var(--papir);
	background-image: var(--sum);
	color: var(--crnilo);
	font-family: var(--pisava-besedilo);
	font-size: 1.0625rem;
	line-height: 1.65;
	-webkit-font-smoothing: antialiased;
}

img { max-width: 100%; height: auto; display: block; }

a { color: var(--rdeca); text-decoration-thickness: 1px; text-underline-offset: 3px; }
a:hover { color: var(--rdeca-temna); }

h1, h2, h3, h4 {
	font-family: var(--pisava-naslov);
	font-weight: 700;
	line-height: 1.12;
	margin: 0 0 .5em;
	color: var(--crnilo);
	letter-spacing: -.01em;
}

p { margin: 0 0 1em; }

:focus-visible { outline: 3px solid var(--med); outline-offset: 2px; }

.screen-reader-text {
	position: absolute !important;
	width: 1px; height: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	white-space: nowrap;
}

.preskoci {
	position: absolute; left: -9999px; top: 0;
	background: var(--crnilo); color: var(--karton); padding: .75rem 1rem; z-index: 100;
}
.preskoci:focus { left: 1rem; top: 1rem; }

.ovoj { width: min(100% - 2.5rem, var(--ovoj)); margin-inline: auto; }
.ovoj--ozek { max-width: 820px; }
.ovoj--obrazec { max-width: 500px; }
.ovoj--obrazec-sirok { max-width: 720px; }

.ikona { width: 1.15em; height: 1.15em; flex: none; vertical-align: -.2em; }

.rokopis {
	font-family: var(--pisava-roka);
	font-weight: 600;
	font-size: 1.6rem;
	line-height: 1;
	color: var(--rdeca);
	margin: 0 0 .35rem;
	transform: rotate(-1.5deg);
	transform-origin: left;
}
.rokopis--kreda { color: #f0d891; }

/* ---------- Gumbi ---------- */

.gumb {
	--g-ozadje: var(--crnilo);
	--g-barva: var(--karton);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .5rem;
	padding: .8rem 1.4rem;
	font-family: var(--pisava-naslov);
	font-size: 1.05rem;
	font-weight: 700;
	letter-spacing: .02em;
	line-height: 1.1;
	text-decoration: none;
	color: var(--g-barva);
	background: var(--g-ozadje);
	border: 2px solid var(--g-ozadje);
	border-radius: var(--radij);
	box-shadow: 0 3px 0 rgba(43, 33, 25, .35);
	cursor: pointer;
	transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease;
}
.gumb:hover { color: var(--g-barva); transform: translateY(-1px); box-shadow: 0 4px 0 rgba(43, 33, 25, .35); }
.gumb:active { transform: translateY(2px); box-shadow: 0 1px 0 rgba(43, 33, 25, .35); }
.gumb--rdec { --g-ozadje: var(--rdeca); }
.gumb--rdec:hover { --g-ozadje: var(--rdeca-temna); }
.gumb--zelen { --g-ozadje: var(--zelena); }
.gumb--zelen:hover { --g-ozadje: var(--zelena-temna); }
.gumb--obroba {
	--g-barva: var(--crnilo);
	background: transparent;
	border-color: var(--crnilo);
	box-shadow: none;
}
.gumb--obroba:hover { background: var(--crnilo); --g-barva: var(--karton); box-shadow: none; }
.gumb--majhen { padding: .55rem 1rem; font-size: .95rem; }
.gumb--poln { width: 100%; }

/* ---------- Glava ---------- */

.glava {
	position: sticky;
	top: 0;
	z-index: 50;
	background: var(--papir);
	background-image: var(--sum);
	border-bottom: 1px solid var(--crta);
	box-shadow: 0 3px 0 -1px var(--papir), 0 4px 0 -1px var(--crta);
}
.admin-bar .glava { top: 32px; }
@media (max-width: 782px) { .admin-bar .glava { top: 46px; } }

.glava__notranje {
	display: flex;
	align-items: center;
	gap: 1.5rem;
	min-height: 78px;
}

.znamka {
	display: flex;
	align-items: center;
	gap: .75rem;
	text-decoration: none;
	color: var(--crnilo);
	margin-right: auto;
}
.znamka:hover { color: var(--crnilo); }
.znamka__pecat {
	display: grid;
	place-items: center;
	width: 48px; height: 48px;
	border-radius: 50%;
	background: var(--rdeca);
	color: var(--karton);
	box-shadow: inset 0 0 0 3px var(--rdeca), inset 0 0 0 4px rgba(251, 246, 236, .6);
	transform: rotate(-8deg);
}
.znamka__pecat .ikona { width: 24px; height: 24px; }
.znamka__logo { max-height: 56px; width: auto; }
.znamka__besedilo { display: flex; flex-direction: column; }
.znamka__ime {
	font-family: var(--pisava-naslov);
	font-weight: 700;
	font-size: 1.6rem;
	line-height: 1;
	letter-spacing: -.01em;
}
.znamka__opis { font-family: var(--pisava-roka); font-size: 1.15rem; color: var(--crnilo-mehko); line-height: 1.1; }

.navigacija { display: flex; align-items: center; gap: 1.75rem; }
.navigacija .meni,
.navigacija .meni ul { list-style: none; margin: 0; padding: 0; }
.navigacija .meni { display: flex; gap: 1.5rem; }
.navigacija .meni a {
	font-family: var(--pisava-naslov);
	font-weight: 500;
	font-size: 1.08rem;
	color: var(--crnilo);
	text-decoration: none;
	padding: .3rem 0;
	background: linear-gradient(var(--rdeca), var(--rdeca)) left bottom / 0 2px no-repeat;
	transition: background-size .2s ease;
}
.navigacija .meni a:hover,
.navigacija .meni .current-menu-item > a { background-size: 100% 2px; }
.navigacija .meni li { position: relative; }
.navigacija .meni .sub-menu {
	display: none;
	position: absolute; top: 100%; left: -1rem;
	min-width: 220px;
	padding: .5rem 1rem;
	background: var(--karton);
	border: 1px solid var(--crta);
	box-shadow: var(--senca);
}
.navigacija .meni li:hover > .sub-menu,
.navigacija .meni li:focus-within > .sub-menu { display: block; }
.navigacija .meni .sub-menu a { display: block; padding: .35rem 0; }

.navigacija__racun { display: flex; align-items: center; gap: 1rem; padding-left: 1.5rem; border-left: 1px dashed var(--crta-temna); }
.povezava-racun {
	display: inline-flex; align-items: center; gap: .35rem;
	color: var(--crnilo); text-decoration: none; font-weight: 600;
}
.povezava-racun:hover { color: var(--rdeca); }

.glava__gumb-meni {
	display: none;
	background: none; border: 2px solid var(--crnilo); border-radius: var(--radij);
	padding: .45rem; color: var(--crnilo); cursor: pointer;
}
.glava__gumb-meni .ikona { width: 24px; height: 24px; display: block; }
.glava__gumb-meni .ikona-zaprto { display: none; }
.glava__gumb-meni[aria-expanded="true"] .ikona-odprto { display: none; }
.glava__gumb-meni[aria-expanded="true"] .ikona-zaprto { display: block; }

@media (max-width: 960px) {
	.glava__gumb-meni { display: block; }
	.navigacija {
		display: none;
		position: absolute; top: 100%; left: 0; right: 0;
		flex-direction: column; align-items: stretch; gap: 1rem;
		padding: 1.25rem 1.25rem 1.75rem;
		background: var(--papir); background-image: var(--sum);
		border-bottom: 2px solid var(--crnilo);
		box-shadow: 0 20px 30px -20px rgba(0, 0, 0, .4);
	}
	.navigacija.je-odprto { display: flex; }
	.navigacija .meni { flex-direction: column; gap: 0; }
	.navigacija .meni a { display: block; padding: .7rem 0; border-bottom: 1px dashed var(--crta); font-size: 1.2rem; }
	.navigacija .meni .sub-menu { display: block; position: static; border: 0; box-shadow: none; background: none; padding: 0 0 0 1rem; }
	.navigacija__racun { border-left: 0; padding-left: 0; justify-content: space-between; }
	.znamka__opis { display: none; }
}

/* ---------- Uvod (naslovnica) ---------- */

.uvod {
	position: relative;
	min-height: min(82vh, 760px);
	display: flex;
	align-items: center;
	overflow: hidden;
	isolation: isolate;
	background: var(--crnilo);
}
.uvod__slika {
	position: absolute; inset: 0; z-index: -2;
	background-size: cover;
	background-position: center 60%;
	animation: uvod-zoom 18s ease-out both;
}
.uvod::before {
	content: "";
	position: absolute; inset: 0; z-index: -1;
	background: linear-gradient(90deg, rgba(30, 22, 15, .78) 0%, rgba(30, 22, 15, .45) 45%, rgba(30, 22, 15, 0) 75%);
}
.uvod__notranje { display: flex; align-items: center; justify-content: space-between; gap: 2rem; padding-block: 4rem; }

.uvod__etiketa {
	position: relative;
	max-width: 580px;
	padding: 2.5rem 2.5rem 2.25rem;
	background: var(--karton);
	background-image: var(--sum);
	border-radius: 2px;
	box-shadow: 0 30px 50px -25px rgba(0, 0, 0, .7);
	outline: 2px solid var(--crnilo);
	outline-offset: -12px;
	animation: pojavi 0.8s .15s cubic-bezier(.2, .7, .2, 1) both;
}
.uvod__etiketa::before {
	/* notranja tanka črta – kot tiskana etiketa */
	content: "";
	position: absolute; inset: 17px;
	border: 1px solid var(--crnilo);
	pointer-events: none;
}
.uvod__nadnaslov {
	font-family: var(--pisava-roka);
	font-size: 1.9rem; font-weight: 600; line-height: 1;
	color: var(--rdeca);
	margin: 0 0 .6rem;
}
.uvod__naslov {
	font-size: clamp(2.2rem, 4.6vw, 3.6rem);
	line-height: 1.02;
	margin-bottom: 1rem;
}
.uvod__besedilo { color: var(--crnilo-mehko); font-size: 1.1rem; margin-bottom: 1.6rem; }
.uvod__gumbi { display: flex; flex-wrap: wrap; gap: .75rem; }

.uvod__zig {
	display: grid; place-items: center; align-content: center;
	width: 190px; height: 190px; flex: none;
	border-radius: 50%;
	border: 3px solid var(--karton);
	box-shadow: inset 0 0 0 7px transparent, inset 0 0 0 9px var(--karton);
	color: var(--karton);
	background: radial-gradient(circle, rgba(43, 33, 25, .62) 0%, rgba(43, 33, 25, .5) 70%, rgba(43, 33, 25, .35) 100%);
	-webkit-backdrop-filter: blur(2px);
	backdrop-filter: blur(2px);
	text-align: center;
	text-transform: uppercase;
	transform: rotate(12deg);
	margin-right: 4%;
	opacity: .92;
	animation: zig 0.6s .8s cubic-bezier(.3, 1.6, .5, 1) both;
}
.uvod__zig-vrh, .uvod__zig-dno { font-family: var(--pisava-naslov); font-weight: 700; font-size: .8rem; letter-spacing: .2em; }
.uvod__zig-sredina { font-family: var(--pisava-roka); font-size: 2.6rem; text-transform: none; line-height: 1; margin: .45rem 0 .5rem; color: #f0d891; }

@keyframes uvod-zoom { from { transform: scale(1.08); } to { transform: scale(1); } }
@keyframes pojavi { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: none; } }
@keyframes zig { from { opacity: 0; transform: rotate(40deg) scale(1.6); } to { opacity: .92; transform: rotate(12deg) scale(1); } }

@media (max-width: 820px) {
	.uvod { min-height: 0; }
	.uvod::before { background: linear-gradient(180deg, rgba(30, 22, 15, .15) 0%, rgba(30, 22, 15, .65) 100%); }
	.uvod__notranje { padding-block: 9rem 2rem; }
	.uvod__etiketa { padding: 2rem 1.6rem 1.75rem; }
	.uvod__zig { position: absolute; top: 1.5rem; right: 1.25rem; width: 120px; height: 120px; margin: 0; }
	.uvod__zig-sredina { font-size: 1.7rem; }
	.uvod__zig-vrh, .uvod__zig-dno { font-size: .6rem; }
}

/* ---------- Iskalnik ---------- */

.iskanje-pas { position: relative; z-index: 2; margin-top: -2.5rem; }
.iskanje-pas--seznam { margin-top: 0; padding-top: 0; }

.iskalnik {
	display: grid;
	grid-template-columns: 2fr repeat(4, 1fr) auto;
	gap: .75rem 1rem;
	align-items: end;
	padding: 1.25rem 1.5rem;
	background: var(--karton);
	border: 2px solid var(--crnilo);
	border-radius: var(--radij);
	box-shadow: 6px 6px 0 var(--crnilo);
}
.iskalnik--kompaktno { grid-template-columns: 2fr 1fr 1fr auto; }
.iskalnik__polje label {
	display: block;
	font-family: var(--pisava-naslov);
	font-size: .8rem;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--crnilo-mehko);
	margin-bottom: .3rem;
}
.iskalnik__vnos-z-ikono { position: relative; }
.iskalnik__vnos-z-ikono .ikona { position: absolute; left: .8rem; top: 50%; transform: translateY(-50%); color: var(--crnilo-mehko); }
.iskalnik .iskalnik__vnos-z-ikono input { padding-left: 2.6rem; }
.iskalnik__gumb { height: 48px; }

@media (max-width: 1100px) {
	.iskalnik { grid-template-columns: 1fr 1fr 1fr; }
	.iskalnik__polje--siroko { grid-column: 1 / -1; }
}
@media (max-width: 820px) {
	.iskalnik--kompaktno { grid-template-columns: 1fr 1fr; }
	.iskalnik--kompaktno .iskalnik__gumb { grid-column: 1 / -1; }
}
@media (max-width: 560px) {
	.iskalnik { grid-template-columns: 1fr; box-shadow: 4px 4px 0 var(--crnilo); padding: 1rem; }
	.iskalnik--kompaktno { grid-template-columns: 1fr; }
	.iskanje-pas { margin-top: -1.25rem; }
}

/* ---------- Polja obrazcev ---------- */

input[type="text"], input[type="email"], input[type="tel"], input[type="password"],
input[type="search"], input[type="number"], input[type="url"], select, textarea {
	width: 100%;
	min-height: 48px;
	padding: .65rem .85rem;
	font: inherit;
	font-size: 1rem;
	color: var(--crnilo);
	background: #fffdf8;
	border: 1.5px solid var(--crta-temna);
	border-radius: var(--radij);
	box-shadow: inset 0 2px 0 rgba(43, 33, 25, .05);
	transition: border-color .15s ease, box-shadow .15s ease;
}
textarea { min-height: 120px; resize: vertical; }
select {
	appearance: none;
	padding-right: 2.25rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%232b2119' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right .8rem center;
}
input:focus, select:focus, textarea:focus {
	outline: none;
	border-color: var(--crnilo);
	box-shadow: 0 0 0 3px rgba(212, 150, 42, .35);
}
input[type="checkbox"], input[type="radio"] { width: 1.15rem; height: 1.15rem; accent-color: var(--rdeca); vertical-align: -.15em; }

.obrazec { display: grid; gap: 1rem; }
.obrazec--dva { grid-template-columns: 1fr 1fr; gap: 1rem 1.25rem; }
.obrazec--dva .polje--celo { grid-column: 1 / -1; }
@media (max-width: 600px) { .obrazec--dva { grid-template-columns: 1fr; } }

.polje { margin: 0; }
.polje label { display: block; font-weight: 600; margin-bottom: .35rem; }
.polje--potrditev { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: .5rem; }
.polje--potrditev label { display: flex; gap: .55rem; align-items: flex-start; font-weight: 400; margin: 0; }
.polje--potrditev label input { margin-top: .3rem; flex: none; }
.polje--info { display: flex; align-items: center; gap: .5rem; color: var(--crnilo-mehko); font-size: .95rem; }
.neobvezno { font-weight: 400; color: var(--crnilo-mehko); font-size: .9em; }

.hnd-hp { position: absolute !important; left: -9999px !important; height: 1px; overflow: hidden; }

/* ---------- Obvestila ---------- */

.obvestilo {
	position: relative;
	padding: 1rem 1.25rem 1rem 3rem;
	margin: 0 0 1.5rem;
	border: 2px solid currentColor;
	border-radius: var(--radij);
	background: var(--karton);
	font-weight: 600;
}
.obvestilo::before {
	content: "";
	position: absolute; left: 1.1rem; top: 1.25rem;
	width: 12px; height: 12px; border-radius: 50%;
	background: currentColor;
}
.obvestilo ul { margin: 0; padding-left: 1.1rem; }
.obvestilo--ok { color: var(--zelena); }
.obvestilo--napaka { color: var(--rdeca); }

/* ---------- Odseki ---------- */

.odsek { padding-block: clamp(3rem, 7vw, 5.5rem); }
.odsek--papir { background: var(--papir-temen); background-image: var(--sum); }
.odsek--obrazec { padding-block: 3rem 5rem; }

.odsek__glava { margin-bottom: 2.25rem; }
.odsek__glava--vrsta { display: flex; justify-content: space-between; align-items: flex-end; gap: 1rem; flex-wrap: wrap; }
.odsek__naslov { font-size: clamp(2rem, 4vw, 2.9rem); margin: 0; }

.povezava-puscica {
	display: inline-flex; align-items: center; gap: .4rem;
	font-family: var(--pisava-naslov); font-weight: 700; font-size: 1.1rem;
	color: var(--crnilo); text-decoration: none;
	border-bottom: 2px solid var(--rdeca);
	padding-bottom: .15rem;
}
.povezava-puscica .ikona { transition: transform .2s ease; }
.povezava-puscica:hover .ikona { transform: translateX(4px); }
.povezava-nazaj { display: inline-flex; align-items: center; gap: .35rem; color: var(--crnilo-mehko); text-decoration: none; margin-bottom: .75rem; }

.glava-strani {
	padding-block: clamp(2.5rem, 6vw, 4rem) 2rem;
	border-bottom: 1px dashed var(--crta-temna);
}
.glava-strani__naslov { font-size: clamp(2.2rem, 5vw, 3.4rem); margin: 0; }
.glava-strani__opis { max-width: 680px; margin-top: 1rem; color: var(--crnilo-mehko); }
.glava-strani__kraj { display: flex; align-items: center; gap: .4rem; color: var(--crnilo-mehko); margin: .5rem 0 0; }
.glava-strani__vrsta { display: flex; justify-content: space-between; align-items: flex-end; gap: 1rem; flex-wrap: wrap; }
.glava-strani__gumbi { display: flex; gap: .75rem; flex-wrap: wrap; }
.archive .iskanje-pas--seznam, .tax-vrsta .iskanje-pas--seznam, .tax-regija .iskanje-pas--seznam { padding-block: 1.75rem; }

/* ---------- Vrste pridelkov ---------- */

.vrste {
	list-style: none; margin: 0; padding: 0;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-auto-rows: 210px;
	gap: 1.1rem;
}
.vrste__element--velik { grid-column: span 2; grid-row: span 2; }
/* Pri 7 vrstah zadnji dve zapolnita spodnjo vrsto. */
.vrste__element:first-child:nth-last-child(7) ~ .vrste__element:nth-child(n+6) { grid-column: span 2; }
/* Pri 8 vrstah zadnja zapolni spodnjo vrsto (tudi na telefonu). */
.vrste__element:first-child:nth-last-child(8) ~ .vrste__element:last-child { grid-column: span 2; }
.vrsta {
	position: relative;
	display: block; height: 100%;
	overflow: hidden;
	border-radius: var(--radij);
	border: 2px solid var(--crnilo);
	background: var(--crnilo);
	text-decoration: none;
}
.vrsta__slika { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease, opacity .3s ease; opacity: .95; }
.vrsta:hover .vrsta__slika { transform: scale(1.06); opacity: 1; }
.vrsta__trak {
	position: absolute; left: 0; bottom: 1rem;
	display: flex; flex-direction: column;
	padding: .55rem 1.6rem .55rem 1rem;
	background: var(--karton);
	color: var(--crnilo);
	clip-path: polygon(0 0, 100% 0, calc(100% - 14px) 50%, 100% 100%, 0 100%);
	box-shadow: var(--senca);
}
.vrsta__ime { font-family: var(--pisava-naslov); font-weight: 700; font-size: 1.15rem; line-height: 1.15; }
.vrste__element--velik .vrsta__ime { font-size: 1.7rem; }
.vrsta__stevilo { font-family: var(--pisava-roka); font-size: 1.15rem; color: var(--rdeca); line-height: 1.1; }

@media (max-width: 900px) {
	.vrste { grid-template-columns: repeat(2, 1fr); grid-auto-rows: 170px; }
	.vrste__element:first-child:nth-last-child(7) ~ .vrste__element:nth-child(n+6) { grid-column: auto; }
}
@media (max-width: 480px) {
	.vrste { grid-auto-rows: 140px; gap: .75rem; }
	.vrsta__ime { font-size: 1rem; }
}

/* ---------- Kartice oglasov ---------- */

.mreza-oglasov {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: 1.5rem;
}

.kartica {
	position: relative;
	display: flex; flex-direction: column;
	background: var(--karton);
	border-radius: var(--radij);
	box-shadow: var(--senca);
	transition: transform .2s ease, box-shadow .2s ease;
}
.kartica::after {
	/* "šiv" – črtkana obroba znotraj kartice */
	content: "";
	position: absolute; inset: 6px;
	border: 1.5px dashed var(--crta);
	border-radius: 2px;
	pointer-events: none;
}
.kartica:hover { transform: translateY(-4px) rotate(-.4deg); box-shadow: 0 1px 0 rgba(43, 33, 25, .08), 0 18px 30px -16px rgba(43, 33, 25, .55); }
.kartica:nth-child(even):hover { transform: translateY(-4px) rotate(.4deg); }

.kartica__slika {
	position: relative;
	display: block;
	aspect-ratio: 4 / 3;
	margin: 12px 12px 0;
	overflow: hidden;
	border-radius: 2px;
	background: var(--papir-temen);
}
.kartica__slika img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.kartica--razprodano .kartica__slika img { filter: grayscale(.8) sepia(.2); opacity: .75; }

.kartica__zig {
	position: absolute; top: 50%; left: 50%;
	transform: translate(-50%, -50%) rotate(-14deg);
	padding: .3rem .9rem;
	font-family: var(--pisava-naslov); font-weight: 700; font-size: 1.15rem;
	text-transform: uppercase; letter-spacing: .12em;
	color: var(--rdeca);
	border: 3px double var(--rdeca);
	background: rgba(251, 246, 236, .85);
}
.kartica__zig--velik { font-size: 2rem; }

.kartica__telo { padding: 1rem 1.25rem .5rem; flex: 1; }
.kartica__vrsta {
	display: inline-block;
	font-family: var(--pisava-naslov);
	font-size: .78rem; font-weight: 700;
	letter-spacing: .12em; text-transform: uppercase;
	color: var(--zelena);
	text-decoration: none;
	margin-bottom: .35rem;
}
.kartica__vrsta:hover { color: var(--rdeca); }
.kartica__naslov { font-size: 1.3rem; margin: 0 0 .5rem; }
.kartica__naslov a { color: var(--crnilo); text-decoration: none; }
.kartica__naslov a::before { content: ""; position: absolute; inset: 0; z-index: 1; }
.kartica__naslov a:hover { color: var(--rdeca); }
.kartica__kmetija, .kartica__kraj {
	display: flex; align-items: center; gap: .4rem;
	margin: 0 0 .2rem;
	font-size: .93rem;
	color: var(--crnilo-mehko);
}
.kartica__vrsta { position: relative; z-index: 2; }

.kartica__noga {
	display: flex; align-items: center; justify-content: space-between; gap: .5rem;
	margin: .5rem 12px 12px;
	padding: .65rem .5rem 0 .5rem;
	border-top: 1.5px dashed var(--crta);
}
.kartica__cena {
	font-family: var(--pisava-roka);
	font-weight: 600;
	font-size: 1.75rem;
	line-height: 1;
	color: var(--rdeca);
}
.kartica__dostava {
	display: inline-flex; align-items: center; gap: .3rem;
	padding: .2rem .55rem;
	font-size: .8rem; font-weight: 600;
	color: var(--zelena);
	border: 1.5px solid currentColor;
	border-radius: 999px;
}
.kartica__dostava .ikona { width: 1rem; height: 1rem; }

.stevec-zadetkov { font-family: var(--pisava-roka); font-size: 1.5rem; color: var(--crnilo-mehko); margin-bottom: 1.25rem; }

/* Paginacija */
.pagination { margin-top: 3rem; }
.pagination .nav-links { display: flex; flex-wrap: wrap; justify-content: center; gap: .4rem; }
.pagination .page-numbers {
	display: grid; place-items: center;
	min-width: 44px; height: 44px; padding: 0 .75rem;
	font-family: var(--pisava-naslov); font-weight: 700;
	color: var(--crnilo); text-decoration: none;
	background: var(--karton); border: 2px solid var(--crnilo); border-radius: var(--radij);
}
.pagination .page-numbers.current { background: var(--crnilo); color: var(--karton); }
.pagination a.page-numbers:hover { background: var(--rdeca); border-color: var(--rdeca); color: var(--karton); }

/* ---------- Prazno stanje ---------- */

.prazno {
	text-align: center;
	padding: 3rem 1.5rem;
	border: 2px dashed var(--crta-temna);
	border-radius: var(--radij);
}
.prazno--levo { text-align: left; }
.prazno__rokopis { font-family: var(--pisava-roka); font-size: 2rem; line-height: 1.1; color: var(--rdeca); }
.prazno__velik { font-family: var(--pisava-naslov); font-size: 6rem; font-weight: 700; line-height: 1; margin: 0; color: var(--crta-temna); }

/* ---------- Kredna tabla ---------- */

.tabla {
	position: relative;
	padding-block: clamp(3.5rem, 8vw, 6rem);
	color: #ebe6d6;
	background-color: var(--tabla);
	background-image:
		radial-gradient(ellipse at 20% 10%, rgba(255, 255, 255, .07), transparent 55%),
		radial-gradient(ellipse at 80% 90%, rgba(255, 255, 255, .05), transparent 50%),
		var(--sum);
	border-block: 14px solid #6b4a2e;
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .3), inset 0 6px 20px rgba(0, 0, 0, .35);
}
.tabla .odsek__naslov { color: #f6f1e3; font-family: var(--pisava-roka); font-size: clamp(2.8rem, 6vw, 4rem); font-weight: 600; }
.tabla .odsek__glava { text-align: center; }
.tabla .rokopis { transform-origin: center; }

.koraki {
	list-style: none; margin: 0; padding: 0;
	display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem;
	counter-reset: korak;
}
.korak {
	position: relative;
	padding: 2rem 1.5rem 1.5rem;
	text-align: center;
	border: 2px dashed rgba(235, 230, 214, .35);
	border-radius: 10px;
}
.korak__st {
	position: absolute; top: -1.4rem; left: 50%; transform: translateX(-50%);
	display: grid; place-items: center;
	width: 2.8rem; height: 2.8rem;
	font-family: var(--pisava-roka); font-size: 1.9rem; font-weight: 600;
	color: var(--tabla); background: #f0d891;
	border-radius: 50%;
}
.korak__ikona { width: 2.6rem; height: 2.6rem; margin: .5rem auto 1rem; display: block; color: #f0d891; stroke-width: 1.4; }
.korak h3 { color: #f6f1e3; font-size: 1.4rem; }
.korak p { margin: 0; color: rgba(235, 230, 214, .85); }
@media (max-width: 820px) { .koraki { grid-template-columns: 1fr; gap: 2.5rem; } }

/* ---------- Za kmete ---------- */

.kmetje { padding-block: clamp(3.5rem, 8vw, 6rem); }
.kmetje__notranje { display: grid; grid-template-columns: 1.3fr 1fr; gap: 3rem; align-items: center; }
.kmetje__besedilo > p { font-size: 1.1rem; color: var(--crnilo-mehko); max-width: 560px; }
.kmetje .odsek__naslov { margin-bottom: 1rem; }
.kljukice { list-style: none; margin: 0 0 2rem; padding: 0; display: grid; gap: .6rem; }
.kljukice li { display: flex; gap: .6rem; align-items: center; font-weight: 600; }
.kljukice .ikona { color: var(--karton); background: var(--zelena); border-radius: 50%; padding: 3px; width: 1.4rem; height: 1.4rem; }

.kmetje__stevilke { display: grid; gap: 1rem; margin: 0; }
.stevilka {
	display: flex; align-items: baseline; justify-content: space-between; gap: 1rem;
	padding: 1.1rem 1.5rem;
	background: var(--karton);
	border: 2px solid var(--crnilo);
	border-radius: var(--radij);
	box-shadow: 5px 5px 0 var(--crnilo);
}
.stevilka:nth-child(2) { transform: translateX(1.5rem) rotate(.8deg); }
.stevilka:nth-child(3) { transform: rotate(-.8deg); }
.stevilka dt { font-family: var(--pisava-roka); font-size: 1.6rem; color: var(--crnilo-mehko); order: 2; }
.stevilka dd { margin: 0; font-family: var(--pisava-naslov); font-weight: 700; font-size: 2.8rem; line-height: 1; color: var(--rdeca); }
@media (max-width: 820px) {
	.kmetje__notranje { grid-template-columns: 1fr; }
	.stevilka:nth-child(2) { transform: rotate(.8deg); }
}

/* ---------- Posamezen oglas ---------- */

.ovoj.oglas { padding-block: 1.5rem 4rem; }
.drobtine { display: flex; flex-wrap: wrap; gap: .5rem; font-size: .92rem; color: var(--crnilo-mehko); margin-bottom: 1.5rem; }
.drobtine a { color: var(--crnilo-mehko); }

.oglas__mreza {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr) 340px;
	grid-template-areas: "galerija podatki kmetija";
	gap: 2.5rem;
	align-items: start;
}
.oglas__galerija { grid-area: galerija; }
.oglas__podatki { grid-area: podatki; }
.oglas__kmetija { grid-area: kmetija; }
@media (max-width: 1180px) {
	.oglas__mreza { grid-template-columns: minmax(0, 1fr) 340px; grid-template-areas: "galerija kmetija" "podatki kmetija"; }
}
@media (max-width: 860px) {
	.oglas__mreza { grid-template-columns: 1fr; grid-template-areas: "galerija" "podatki" "kmetija"; gap: 2rem; }
}

.galerija__glavna {
	position: relative;
	padding: 12px;
	background: var(--karton);
	box-shadow: var(--senca);
	border-radius: var(--radij);
}
.galerija__slika { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 2px; }
.galerija__slicice { list-style: none; margin: 1rem 0 0; padding: 0; display: grid; grid-template-columns: repeat(5, 1fr); gap: .6rem; }
.galerija__gumb {
	display: block; width: 100%; padding: 3px;
	background: var(--karton); border: 2px solid transparent; border-radius: var(--radij);
	cursor: pointer;
}
.galerija__gumb img { aspect-ratio: 1; object-fit: cover; width: 100%; }
.galerija__gumb.je-aktivno, .galerija__gumb:hover { border-color: var(--crnilo); }

.oglas__naslov { font-size: clamp(2rem, 3.6vw, 2.7rem); margin-bottom: 1.25rem; }

.cenovnik {
	position: relative;
	display: inline-flex; flex-direction: column;
	padding: .9rem 1.6rem .8rem 2.6rem;
	margin: 0 0 1.75rem;
	background: #f6df9c;
	color: var(--crnilo);
	clip-path: polygon(18px 0, 100% 0, 100% 100%, 18px 100%, 0 50%);
	transform: rotate(-2deg);
	filter: drop-shadow(0 6px 6px rgba(43, 33, 25, .25));
}
.cenovnik__luknja {
	position: absolute; left: 14px; top: 50%; transform: translateY(-50%);
	width: 10px; height: 10px; border-radius: 50%;
	background: var(--papir); box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3);
}
.cenovnik__cena { font-family: var(--pisava-roka); font-weight: 600; font-size: 2.5rem; line-height: 1; color: var(--rdeca-temna); }
.cenovnik__zaloga { font-size: .85rem; font-weight: 600; color: var(--zelena); text-transform: uppercase; letter-spacing: .08em; }
.cenovnik__zaloga--ne { color: var(--rdeca); }

.oglas__dejstva { display: grid; gap: .1rem; margin: 0 0 1.75rem; }
.oglas__dejstva > div { display: grid; grid-template-columns: 9.5rem 1fr; gap: 1rem; padding: .6rem 0; border-bottom: 1px dashed var(--crta-temna); }
.oglas__dejstva dt { display: flex; align-items: center; gap: .4rem; font-weight: 600; color: var(--crnilo-mehko); }
.oglas__dejstva dd { margin: 0; }

.kmetija {
	position: sticky; top: 100px;
	padding: 1.5rem;
	background: var(--karton);
	background-image: var(--sum);
	border: 2px solid var(--crnilo);
	border-radius: var(--radij);
	box-shadow: 6px 6px 0 var(--crnilo);
}
.kmetija__glava { display: flex; gap: .85rem; align-items: center; padding-bottom: 1.1rem; margin-bottom: 1.1rem; border-bottom: 1.5px dashed var(--crta-temna); }
.kmetija__ikona { display: grid; place-items: center; width: 52px; height: 52px; flex: none; border-radius: 50%; background: var(--zelena); color: var(--karton); }
.kmetija__ikona .ikona { width: 26px; height: 26px; }
.kmetija__ime { font-family: var(--pisava-naslov); font-weight: 700; font-size: 1.35rem; line-height: 1.15; margin: 0; }
.kmetija__ime a { color: var(--crnilo); text-decoration: none; }
.kmetija__ime a:hover { color: var(--rdeca); }
.kmetija__oseba { margin: 0; color: var(--crnilo-mehko); font-size: .95rem; }
.kmetija__kontakti { display: grid; gap: .6rem; margin-bottom: 1.25rem; }
.kmetija__kontakti .gumb { font-size: 1rem; word-break: break-all; }
.kmetija__naslov { display: flex; align-items: center; gap: .5rem; font-size: 1.2rem; margin: 0; }
.kmetija__opomba { margin: 1rem 0 0; font-size: .88rem; font-style: italic; color: var(--crnilo-mehko); }
.obrazec--kontakt { gap: .75rem; padding-top: 1.1rem; border-top: 1.5px dashed var(--crta-temna); }
.obrazec--kontakt .polje label { font-size: .92rem; margin-bottom: .2rem; }
@media (max-width: 860px) { .kmetija { position: static; } }

/* ---------- Besedilo (strani, opisi) ---------- */

.vsebina-besedila { font-size: 1.08rem; }
.vsebina-besedila > * + * { margin-top: 1em; }
.vsebina-besedila h2 { font-size: 1.9rem; margin-top: 1.8em; }
.vsebina-besedila h3 { font-size: 1.45rem; margin-top: 1.5em; }
.vsebina-besedila ul, .vsebina-besedila ol { padding-left: 1.4rem; }
.vsebina-besedila li + li { margin-top: .35em; }
.vsebina-besedila blockquote {
	margin: 1.5em 0; padding: .5rem 0 .5rem 1.5rem;
	border-left: 4px solid var(--rdeca);
	font-style: italic; font-size: 1.15rem;
}
.vsebina-besedila img { border-radius: var(--radij); }
.vsebina-besedila .has-large-font-size { font-size: 1.45rem; line-height: 1.45; font-family: var(--pisava-naslov); font-weight: 500; }

.prispevek { padding-bottom: 2rem; margin-bottom: 2rem; border-bottom: 1px dashed var(--crta-temna); }
.prispevek__datum { font-family: var(--pisava-roka); font-size: 1.3rem; color: var(--rdeca); margin: 0; }
.prispevek__naslov a { color: var(--crnilo); text-decoration: none; }
.prispevek__slika { margin: 1rem 0 1.5rem; }

/* ---------- Karton (obrazci, računi) ---------- */

.karton {
	position: relative;
	padding: clamp(1.5rem, 4vw, 2.5rem);
	background: var(--karton);
	background-image: var(--sum);
	border: 2px solid var(--crnilo);
	border-radius: var(--radij);
	box-shadow: 6px 6px 0 var(--crnilo);
}
.karton__naslov { font-size: clamp(2rem, 5vw, 2.6rem); }
.karton__uvod { color: var(--crnilo-mehko); }
.karton__noga { margin: 1.5rem 0 0; padding-top: 1.25rem; border-top: 1.5px dashed var(--crta-temna); text-align: center; }

/* ---------- Moj račun ---------- */

.racun { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 2.5rem; align-items: start; }
@media (max-width: 960px) { .racun { grid-template-columns: 1fr; } }
.racun__naslov { display: flex; align-items: center; gap: .6rem; font-size: 1.6rem; }
.racun__stevilo {
	display: grid; place-items: center;
	min-width: 2rem; height: 2rem; padding: 0 .5rem;
	font-size: 1rem; color: var(--karton); background: var(--rdeca); border-radius: 999px;
}

.moji-oglasi { list-style: none; margin: 0; padding: 0; display: grid; gap: .85rem; }
.moj-oglas {
	display: grid;
	grid-template-columns: 76px minmax(0, 1fr);
	gap: .5rem 1rem;
	align-items: center;
	padding: .85rem;
	background: var(--karton);
	border-radius: var(--radij);
	box-shadow: var(--senca);
}
.moj-oglas__slika {
	display: grid; place-items: center;
	width: 76px; height: 76px; overflow: hidden;
	border-radius: 2px;
	background: var(--papir-temen); color: var(--crta-temna);
}
.moj-oglas__slika img { width: 100%; height: 100%; object-fit: cover; }
.moj-oglas__naslov { font-family: var(--pisava-naslov); font-weight: 700; font-size: 1.2rem; margin: 0 0 .3rem; }
.moj-oglas__naslov a { color: var(--crnilo); }
.moj-oglas__meta { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; margin: 0; font-size: .92rem; color: var(--crnilo-mehko); }
.moj-oglas__akcije { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: .4rem 1.1rem; padding-top: .6rem; border-top: 1px dashed var(--crta); }
.akcija { display: inline-flex; align-items: center; gap: .3rem; font-size: .92rem; font-weight: 600; color: var(--crnilo); text-decoration: none; }
.akcija:hover { color: var(--rdeca); }
.akcija--nevarno { color: var(--rdeca); margin-left: auto; }
.akcija .ikona { width: 1rem; height: 1rem; }

.znacka { display: inline-block; padding: .1rem .55rem; font-size: .78rem; font-weight: 700; letter-spacing: .04em; border-radius: 999px; color: var(--karton); }
.znacka--zelen { background: var(--zelena); }
.znacka--med { background: var(--med); color: var(--crnilo); }
.znacka--siv { background: var(--crnilo-mehko); }
.znacka--rdec { background: var(--rdeca); }

.racun__profil { position: sticky; top: 100px; box-shadow: 5px 5px 0 var(--crnilo); }
@media (max-width: 960px) { .racun__profil { position: static; } }

/* ---------- Obrazec oglasa ---------- */

.obrazec--oglas { gap: 1.75rem; }
.sklop { margin: 0; min-width: 0; display: grid; gap: 1rem; }
.sklop__naslov {
	display: flex; align-items: center; gap: .6rem;
	float: left; width: 100%;
	margin-bottom: .25rem; padding: 0;
	font-family: var(--pisava-naslov); font-weight: 700; font-size: 1.45rem;
}
.sklop__naslov + * { clear: both; }
.sklop__st {
	display: grid; place-items: center;
	width: 2.1rem; height: 2.1rem;
	font-family: var(--pisava-roka); font-size: 1.5rem;
	color: var(--karton); background: var(--rdeca); border-radius: 50%;
}
.sklop__opis { margin: 0; color: var(--crnilo-mehko); font-size: .97rem; }
.sklop__opis--opomba { font-size: .88rem; font-style: italic; }
.polja-vrsta { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
@media (max-width: 600px) { .polja-vrsta { grid-template-columns: 1fr; } }

.cena-vnos { display: grid; grid-template-columns: 1fr auto 1fr; gap: .5rem; align-items: center; font-weight: 600; }

.nalaganje { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
@media (max-width: 520px) { .nalaganje { grid-template-columns: 1fr; } }
.nalaganje__polje {
	position: relative;
	display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .5rem;
	min-height: 150px; padding: 1rem;
	text-align: center;
	border: 2px dashed var(--crta-temna);
	border-radius: var(--radij);
	background: #fffdf8;
	cursor: pointer;
	transition: border-color .15s ease, background-color .15s ease;
}
.nalaganje__polje:hover, .nalaganje__polje:focus-within { border-color: var(--crnilo); background: var(--karton); }
.nalaganje__polje > .ikona { width: 2rem; height: 2rem; color: var(--crta-temna); }
.nalaganje__polje input[type="file"] { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.nalaganje__besedilo { font-weight: 600; }
.nalaganje__predogled { width: 90px; height: 90px; object-fit: cover; border-radius: 2px; }

.obstojece-slike { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .75rem; }
.obstojece-slike label { display: grid; gap: .3rem; font-size: .88rem; cursor: pointer; }
.obstojece-slike img { width: 90px; height: 90px; object-fit: cover; border-radius: 2px; }

.izbire { display: flex; flex-wrap: wrap; gap: .6rem; }
.izbira { position: relative; cursor: pointer; }
.izbira input { position: absolute; opacity: 0; }
.izbira span {
	display: inline-flex; align-items: center; gap: .45rem;
	padding: .6rem 1rem;
	font-weight: 600; font-size: .97rem;
	background: #fffdf8;
	border: 1.5px solid var(--crta-temna);
	border-radius: 999px;
	transition: all .15s ease;
}
.izbira span::before {
	content: "";
	width: 1rem; height: 1rem; flex: none;
	border: 1.5px solid var(--crta-temna); border-radius: 3px;
	background: #fff;
}
.izbira input:checked + span { background: var(--zelena); border-color: var(--zelena); color: var(--karton); }
.izbira input:checked + span::before {
	border-color: var(--karton);
	background: var(--karton) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234e5c2e' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 80% no-repeat;
}
.izbira input:focus-visible + span { outline: 3px solid var(--med); outline-offset: 2px; }
.izbira--onemogoceno { opacity: .5; cursor: not-allowed; }

.obrazec__oddaja { display: flex; gap: .75rem; flex-wrap: wrap; }
.obrazec__oddaja .gumb--rdec { flex: 1; min-width: 220px; font-size: 1.2rem; padding-block: 1rem; }

/* ---------- Noga ---------- */

.noga {
	position: relative;
	margin-top: 0;
	color: #dccfb6;
	background: #2a2018;
	background-image: var(--sum);
}
.noga__rob {
	position: absolute; left: 0; right: 0; top: -14px; height: 15px;
	background: #2a2018;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='15' viewBox='0 0 40 15'%3E%3Cpath d='M0 15 L0 9 L5 4 L11 10 L17 2 L22 8 L28 3 L34 9 L40 5 L40 15 Z'/%3E%3C/svg%3E") repeat-x bottom / 40px 15px;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='15' viewBox='0 0 40 15'%3E%3Cpath d='M0 15 L0 9 L5 4 L11 10 L17 2 L22 8 L28 3 L34 9 L40 5 L40 15 Z'/%3E%3C/svg%3E") repeat-x bottom / 40px 15px;
}
.noga__notranje {
	display: grid;
	grid-template-columns: 1.4fr 1fr 1fr 1fr;
	gap: 2.5rem;
	padding-block: 4rem 3rem;
}
@media (max-width: 900px) { .noga__notranje { grid-template-columns: 1fr 1fr; } }
@media (max-width: 520px) { .noga__notranje { grid-template-columns: 1fr; } }
.noga a { color: #f0e6d0; text-decoration: none; }
.noga a:hover { color: #f0d891; text-decoration: underline; }
.noga__ime { font-family: var(--pisava-naslov); font-weight: 700; font-size: 1.8rem; color: #f6f1e3; margin: 0; }
.noga__rokopis { font-family: var(--pisava-roka); font-size: 1.5rem; color: #f0d891; margin: 0 0 1rem; }
.noga__naslov { font-size: .85rem; letter-spacing: .14em; text-transform: uppercase; color: #a8957a; margin-bottom: 1rem; }
.noga__seznam { list-style: none; margin: 0; padding: 0; display: grid; gap: .45rem; }
.noga__seznam + .noga__seznam { margin-top: .45rem; }
.noga__seznam--ikone li { display: flex; align-items: center; gap: .5rem; }
.noga__spodaj {
	display: flex; flex-wrap: wrap; gap: .5rem 2rem;
	padding-block: 1.5rem 2rem;
	border-top: 1px dashed rgba(220, 207, 182, .25);
	font-size: .9rem; color: #a8957a;
}
.noga__spodaj p { margin: 0; }

/* ---------- Gibanje ---------- */

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}