/**
 * MV Pojmovnik - per-term stranice (shortcode output).
 *
 * Stilovi za [mv_pojam_kategorija], [mv_pojam_varijante], [mv_pojam_povezani],
 * [mv_pojam_spominjanja] - ubacuju se u Elementor "Single Pojam" / "Archive Pojam"
 * template. Namjerno minimalno i lako za override iz Elementora / teme.
 *
 * Brand: Navy #162394, Orange #F56306, Yellow #F4B107.
 */

/* ── Zajedničko ──────────────────────────────────────────────── */
/* Naslov sekcije - uravnotežen s veličinom liste ispod (prije je bio
   sitni "eyebrow" label, vizualno manji od stavki liste). */
.mv-pojam-section-title {
	display       : block;
	font-size     : 1.0625rem;
	font-weight   : 700;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	color         : #162394;
	margin        : 0 0 12px;
}

.mv-pojam-list {
	list-style : none;
	margin     : 0;
	padding    : 0;
}

.mv-pojam-list li {
	margin       : 0;
	padding      : 6px 0;
	font-size    : 1rem;
	border-bottom: 1px solid rgba(22, 35, 148, 0.08);
}

.mv-pojam-list li:last-child {
	border-bottom: none;
}

.mv-pojam-list a {
	color           : #162394;
	text-decoration : none;
	font-weight     : 500;
}

.mv-pojam-list a:hover,
.mv-pojam-list a:focus-visible {
	text-decoration       : underline;
	text-underline-offset : 3px;
}

/* ── Kategorija badge ────────────────────────────────────────── */
/* Shortcode izlaz završi u proizvoljnom Elementor/theme kontekstu - zato
   !important na vizualno kritičnim svojstvima: tema često override-a `a`
   boju (bijeli tekst postane nevidljiv na navy podlozi → "prazan blob"),
   a inherited line-height/padding napuhne pill. */
.mv-pojam-badges {
	display       : inline-flex;
	align-items   : center;
	flex-wrap     : wrap;
	gap           : 6px;
	vertical-align: middle;
}

.mv-pojam-badge {
	display        : inline-block !important;
	box-sizing     : border-box;
	padding        : 4px 12px !important;
	min-height     : 0 !important;
	font-size      : 0.8125rem !important;
	font-weight    : 600 !important;
	line-height    : 1.4 !important;
	border-radius  : 999px;
	background     : #162394 !important;
	color          : #fff !important;
	text-decoration: none !important;
	white-space    : nowrap;
}

a.mv-pojam-badge:hover,
a.mv-pojam-badge:focus-visible {
	background : #F56306 !important;
	color      : #fff !important;
}

/* ── Padežne varijante (chipovi) ─────────────────────────────── */
.mv-pojam-varijante {
	margin : 16px 0;
}

.mv-pojam-chips {
	display  : flex;
	flex-wrap: wrap;
	gap      : 6px;
}

.mv-pojam-chip {
	display       : inline-block;
	padding       : 3px 9px;
	font-size     : 0.75rem;
	font-weight   : 500;
	line-height   : 1.5;
	border-radius : 6px;
	background    : #F8F6F3;
	border        : 1px solid rgba(22, 35, 148, 0.14);
	color         : #3A3B3C;
}

/* ── Povezani pojmovi / spominjanja ──────────────────────────── */
.mv-pojam-povezani,
.mv-pojam-spominjanja {
	margin : 16px 0;
}

.mv-pojam-spominjanja-more {
	margin     : 6px 0 0;
	font-size  : 0.8125rem;
	color      : #6b6b70;
}

.mv-pojam-spominjanja--prazno {
	font-size : 0.8125rem;
	color     : #6b6b70;
	font-style: italic;
}