/* LI Volitve – barve prilagodiš s prepisom spremenljivk (npr. v Elementor → Custom CSS) */
.liv {
	--liv-za: #1f7a5c;
	--liv-proti: #c2410c;
	--liv-text: #1c1f23;
	--liv-muted: #667085;
	--liv-line: #e4e7ec;
	--liv-bg: #ffffff;
	--liv-soft: #f5f6f8;
	--liv-live: #e11d48;
	--liv-radius: 12px;
	color: var(--liv-text);
	font-variant-numeric: tabular-nums;
	line-height: 1.35;
}
.liv *, .liv *::before, .liv *::after { box-sizing: border-box; }
.liv p { margin: 0; }

/* ---------- glava ---------- */
.liv-head { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; margin-bottom: 14px; }
.liv-badge {
	display: inline-flex; align-items: center; gap: 7px;
	font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
	padding: 5px 10px; border-radius: 999px; background: var(--liv-soft);
}
.liv-badge.is-live::before, .liv-dot.is-live {
	content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--liv-live);
	animation: liv-pulse 1.6s ease-out infinite;
}
.liv-updated { font-size: 13px; color: var(--liv-muted); }
@keyframes liv-pulse { 0% { box-shadow: 0 0 0 0 rgba(225, 29, 72, .55); } 70%, 100% { box-shadow: 0 0 0 7px rgba(225, 29, 72, 0); } }

/* ---------- okvirčki ---------- */
.liv-grid { display: grid; gap: 14px; grid-template-columns: 1fr; }
@media (min-width: 760px) { .liv-grid { grid-template-columns: 1fr 1fr; gap: 18px; } }

.liv-card {
	display: flex; flex-direction: column; gap: 14px;
	background: var(--liv-bg); border: 1px solid var(--liv-line); border-radius: var(--liv-radius);
	padding: 16px; scroll-margin-top: 90px;
}
@media (min-width: 760px) { .liv-card { padding: 20px; } }
.liv-kind { display: block; font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--liv-muted); margin-bottom: 4px; }
.liv .liv-title { font-size: 18px; line-height: 1.25; margin: 0; font-weight: 700; color: inherit; }

.liv-block { display: flex; flex-direction: column; gap: 8px; }
.liv-block.is-okraj { padding: 12px; background: var(--liv-soft); border-radius: calc(var(--liv-radius) - 4px); }
.liv-block-h { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; font-size: 14px; }
.liv-block-h span { font-size: 12px; color: var(--liv-muted); white-space: nowrap; }

.liv-bar, .liv-chip-bar { position: relative; display: flex; height: 12px; border-radius: 999px; overflow: hidden; background: var(--liv-proti); }
.liv-bar .liv-za, .liv-chip-bar .liv-za { background: var(--liv-za); transition: width .6s ease; }
.liv-bar .liv-proti { background: var(--liv-proti); transition: width .6s ease; }
.liv-half { position: absolute; left: 50%; top: -2px; bottom: -2px; width: 2px; margin-left: -1px; background: var(--liv-bg); opacity: .9; }

.liv-nums { display: flex; justify-content: space-between; gap: 10px; }
.liv-n { display: flex; flex-direction: column; }
.liv-n--proti { text-align: right; }
.liv-n span { font-size: 11px; font-weight: 700; letter-spacing: .05em; }
.liv-n--za span { color: var(--liv-za); }
.liv-n--proti span { color: var(--liv-proti); }
.liv-n b { font-size: 20px; font-weight: 600; }
.liv-n.is-win b { font-weight: 800; }
.liv-n small { font-size: 12px; color: var(--liv-muted); }
.is-okraj .liv-n b { font-size: 17px; }
.liv-meta { font-size: 12px; color: var(--liv-muted); }
.liv-meta b { color: var(--liv-text); font-weight: 600; }
.liv-empty { font-size: 14px; color: var(--liv-muted); }

.liv-card-f { margin-top: auto; display: flex; flex-direction: column; gap: 10px; }
.liv-verdict { font-size: 13px; padding: 10px 12px; border-radius: 8px; border-left: 3px solid var(--liv-muted); background: var(--liv-soft); }
.liv-verdict.is-rejected { border-left-color: var(--liv-proti); }
.liv-verdict.is-passed { border-left-color: var(--liv-za); }
.liv-verdict span { display: block; color: var(--liv-muted); margin-top: 2px; font-size: 12px; }
.liv-src { align-self: flex-end; font-size: 12px; color: var(--liv-muted); text-decoration: none; }
.liv-src:hover { text-decoration: underline; }

/* ---------- mini trak (pod menijem) ---------- */
.liv--mini { background: var(--liv-soft); border-bottom: 1px solid var(--liv-line); }
.liv-mini-in { display: flex; flex-direction: column; gap: 6px; padding: 8px 0 10px; max-width: 1200px; margin: 0 auto; }
@media (min-width: 900px) { .liv-mini-in { flex-direction: row; align-items: center; gap: 14px; padding: 8px 16px; } }

.liv-mini-label {
	display: flex; align-items: center; gap: 8px; padding: 0 16px;
	font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
	color: var(--liv-text); text-decoration: none; white-space: nowrap;
}
.liv-mini-label em { margin-left: auto; font-style: normal; font-weight: 600; text-transform: none; letter-spacing: 0; color: var(--liv-za); }
@media (min-width: 900px) { .liv-mini-label { padding: 0; flex-direction: column; align-items: flex-start; gap: 2px; } .liv-mini-label em { margin-left: 0; } }
.liv-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--liv-muted); flex: 0 0 8px; }
@media (min-width: 900px) { .liv-mini-label .liv-dot { display: none; } }

.liv-mini-track {
	display: flex; gap: 8px; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch;
	padding: 0 16px; scrollbar-width: none; flex: 1;
}
.liv-mini-track::-webkit-scrollbar { display: none; }
@media (min-width: 900px) { .liv-mini-track { padding: 0; } }

.liv-chip {
	scroll-snap-align: start; flex: 0 0 auto; width: 230px;
	display: flex; flex-direction: column; gap: 5px;
	padding: 8px 10px; border-radius: 10px; background: var(--liv-bg); border: 1px solid var(--liv-line);
	color: var(--liv-text); text-decoration: none;
}
a.liv-chip:hover { border-color: var(--liv-muted); }
@media (min-width: 900px) { .liv-chip { flex: 1 1 0; width: auto; min-width: 190px; } }
.liv-chip-t { font-size: 13px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.liv-chip-bar { height: 6px; }
.liv-chip-v { display: flex; flex-direction: column; font-size: 12px; }
.liv-chip-v > span { display: flex; justify-content: space-between; gap: 6px; }
.liv-chip-v b { font-weight: 700; }
.liv-chip-v .c-za { color: var(--liv-za); }
.liv-chip-v .c-proti { color: var(--liv-proti); }
.liv-chip-v small { color: var(--liv-muted); font-size: 11px; }

/* osveževanje */
.liv.is-loading { opacity: .85; transition: opacity .2s; }
@media (prefers-reduced-motion: reduce) { .liv * { animation: none !important; transition: none !important; } }

/* zaščita pred temo (npr. "article.single-content p { font-size: 17px !important }" na mobilnem) */
.liv p.liv-meta, .liv p.liv-empty, .liv p.liv-verdict { margin: 0 !important; line-height: 1.35 !important; }
.liv p.liv-meta { font-size: 12px !important; }
.liv p.liv-empty { font-size: 14px !important; }
.liv p.liv-verdict { font-size: 13px !important; }