/* ============================================================
   meni-popravka.css  -  UI/UX dorada (override sloj)
   Ucitati POSLIJE all-stylesheets.css. Ne dira original.
   Brand boje: crvena #e4545b, tamno plava #2d5063
   ============================================================ */

/* --- FOCUS OKVIR: ukloni ruzni okvir na MIS klik, zadrzi za TASTATURU --- */
.header-logo a:focus,
#navigation ul.nav a:focus,
.mega-links li a.sublevel:focus,
.header-pretraga button:focus,
.header-desno .small-nav a:focus {
	outline: none;
}
/* za tastaturu (Tab) - vrati vidljiv okvir radi pristupacnosti */
.header-logo a:focus-visible,
#navigation ul.nav a:focus-visible,
.mega-links li a.sublevel:focus-visible,
.header-pretraga button:focus-visible,
.header-desno .small-nav a:focus-visible {
	outline: 2px solid #e4545b;
	outline-offset: 2px;
}

/* --- KOMPAKTAN HEADER: logo lijevo, pretraga+linkovi desno --- */
.header-glavni { background: #2d5063; padding: 12px 0; }
.header-flex {
	display: flex; align-items: center; justify-content: space-between;
	gap: 20px; flex-wrap: wrap;
}
.header-logo img { max-height: 54px; width: auto; }
.header-desno { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; justify-content: flex-end; }
.header-desno .small-nav { margin: 0; display: flex; gap: 14px; list-style: none; padding: 0; }
.header-desno .small-nav li { display: inline; }
.header-desno .small-nav a { color: #cfdae2; font-size: 12.5px; text-decoration: none; transition: color .15s; }
.header-desno .small-nav a:hover { color: #fff; }

/* --- PRETRAGA: polje + dugme kao cjelina (ista visina, poravnati) --- */
.header-pretraga { display: flex; align-items: stretch; margin: 0; }
.header-pretraga input[type="text"] {
	height: 38px; width: 200px; padding: 0 14px;
	margin: 0 !important;
	border: none; border-radius: 4px 0 0 4px;
	font-size: 13px; outline: none; background: #fff;
	box-sizing: border-box; vertical-align: middle;
	transition: width .15s;
}
.header-pretraga input[type="text"]:focus { width: 230px; }
.header-pretraga button[type="submit"] {
	height: 38px; min-width: 46px; padding: 0 14px;
	margin: 0 !important;
	border: none; background: #e4545b; color: #fff;
	border-radius: 0 4px 4px 0; cursor: pointer; font-size: 15px;
	line-height: 1; box-sizing: border-box; vertical-align: middle;
	display: flex; align-items: center; justify-content: center;
	transition: background .15s;
}
.header-pretraga button[type="submit"]:hover { background: #c73c44; }

/* ============================================================
   MODERNI MENI - tamna traka (stapa se s headerom)
   ============================================================ */

/* tamna pozadina cijele navigacije + bez Bootstrap okvira */
#navigation .navbar,
#navigation .navbar-inverse {
	background: #2d5063 !important;
	border: none !important;
	margin: 0 !important;
	border-radius: 0 !important;
}

/* stavke - bijela slova umjesto crnih */
#navigation ul.nav > li > a.dropdown-link,
#navigation ul.nav > li > a.dropdown-caret {
	color: #dde6ec !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	padding-top: 16px !important;
	padding-bottom: 16px !important;
	position: relative;
	transition: color .15s, background .15s;
}

/* hover / aktivna: blago posvjetljenje + crvena linija ispod */
#navigation ul.nav > li:hover > a.dropdown-link,
#navigation ul.nav > li:hover > a.dropdown-caret,
#navigation ul.nav > li.active > a.dropdown-link {
	color: #fff !important;
}
#navigation ul.nav > li:hover {
	background: rgba(255,255,255,0.08);
}
#navigation ul.nav > li > a.dropdown-link::after {
	content: ""; position: absolute;
	left: 14px; right: 6px; bottom: 8px; height: 3px;
	background: #e4545b; transform: scaleX(0);
	transition: transform .18s ease;
}
#navigation ul.nav > li:hover > a.dropdown-link::after,
#navigation ul.nav > li.active > a.dropdown-link::after {
	transform: scaleX(1);
}

/* PRVA stavka (НАЈНОВИЈЕ) - istaknuta crveno */
#navigation ul.nav > li:first-child {
	background: #e4545b;
}
#navigation ul.nav > li:first-child > a.dropdown-link,
#navigation ul.nav > li:first-child > a.dropdown-caret {
	color: #fff !important;
}
#navigation ul.nav > li:first-child:hover {
	background: #c73c44;
}
#navigation ul.nav > li:first-child > a.dropdown-link::after { display: none; }

/* --- PODMENI: ukloni staru FontAwesome '>' strelicu (\f105) --- */
#navigation ul.nav li .yamm-content a.sublevel:before,
.navbar-nav > li > .dropdown-menu li a.sublevel:before {
	content: "" !important;
	display: none !important;
	font-family: inherit !important;
	margin: 0 !important;
}
/* cist tekst, bez ikone (nema preklapanja). Lijeva crvena linija na hover. */
.mega-links li { list-style: none !important; padding: 0 !important; }
.mega-links li a.sublevel {
	display: block;
	padding: 6px 10px !important;
	border-left: 3px solid transparent;
	color: #555 !important;
	transition: color .15s, border-color .15s, background .15s;
}
.mega-links li a.sublevel:hover {
	color: #e4545b !important;
	border-left-color: #e4545b;
	background: #faf3f4;
	text-decoration: none;
}

/* --- Vise 'daha' u dropdownu --- */
#navigation .dropdown-menu .yamm-content { padding: 18px 14px; }

/* --- MOBILNI --- */
@media (max-width: 767px) {
	.header-flex { justify-content: center; gap: 12px; }
	.header-desno { width: 100%; justify-content: center; }
	.header-pretraga { width: 100%; }
	.header-pretraga input[type="text"] { flex: 1; width: auto; }
	.header-pretraga input[type="text"]:focus { width: auto; }
	.header-logo img { max-height: 46px; }
	/* na mobilnom prva stavka ne mora crveni blok preko cijele */
	#navigation ul.nav > li:first-child { background: transparent; }
}

/* --- AKTIVNO PISMO (cirilica/latinica prebacivanje) --- */
.header-desno .small-nav .aktivno-pismo {
	color: #9fb0bd;   /* trenutno pismo = blijedo (nije klik) */
}

/* --- IZBOR PISMA (cirilica/latinica) u headeru --- */
.jezik-izbor { white-space: nowrap; }
.jezik-izbor a {
	color: #ffffff;
	text-decoration: none;
	font-weight: 600;
	transition: color .15s;
}
.jezik-izbor a:hover {
	color: #e4545b;   /* hover crveno (brand) */
}
.jezik-aktivan {
	color: #e4545b;   /* aktivno pismo = crveno (jasno se vidi na tamnom) */
	font-weight: 700;
}
.jezik-razdvoj {
	color: #6b8194;   /* siva crtica izmedju */
	margin: 0 4px;
}