/* ==========================================================
   Сајтови министарстава — заједнички стил са варијантама
   Боје се задају на <body> преко --m-boja, --m-akcenat, --m-radius, --m-font-naslov
   ========================================================== */
body.m-sajt { background: #fff; }
.m-kont { max-width: 1240px; margin: 0 auto; padding: 0 16px; }
.m-sajt h1, .m-sajt h2, .m-sajt h3 { font-family: var(--m-font-naslov); }

/* ---------- заједнички делови заглавља ---------- */
.m-gornja { background: var(--siva-1); border-bottom: 1px solid var(--siva-2); font-size: .75rem; }
.m-gornja .m-kont { display: flex; gap: 18px; justify-content: flex-end; padding-top: 6px; padding-bottom: 6px; }
.m-gornja a { color: var(--tekst-2); }
.m-gornja a:hover { color: var(--m-boja); }

.m-logo { display: flex; align-items: center; gap: 12px; color: var(--tekst); }
.m-logo img { height: 58px; width: auto; }
.m-logo small { display: block; font-size: .68rem; letter-spacing: .14em; text-transform: uppercase; color: var(--tekst-2); }
.m-logo strong { display: block; font-size: 1.05rem; line-height: 1.2; color: var(--m-boja); max-width: 340px; font-family: var(--m-font-naslov); }
.m-logo:hover { color: var(--tekst); }
.m-logo.svetli small { color: rgba(255,255,255,.7); }
.m-logo.svetli strong { color: #fff; }

.m-nav ul { list-style: none; display: flex; flex-wrap: wrap; }
.m-nav a { display: block; padding: 12px 14px; font-size: .88rem; font-weight: 500; color: var(--tekst); border-bottom: 3px solid transparent; }
.m-nav a:hover, .m-nav a.aktivno { color: var(--m-boja); border-bottom-color: var(--m-akcenat); }

.m-alati { display: flex; align-items: center; gap: 6px; font-size: .75rem; }
.m-alati > button { background: none; border: 1px solid var(--siva-2); padding: 5px 8px; cursor: pointer; font: inherit; font-weight: 700; color: var(--tekst-2); border-radius: var(--m-radius); }
.m-alati > button.aktivno { background: var(--m-boja); color: #fff; border-color: var(--m-boja); }
.m-pretraga { display: flex; border: 1px solid var(--siva-2); margin-left: 6px; border-radius: var(--m-radius); overflow: hidden; background: #fff; }
.m-pretraga input { border: 0; padding: 6px 10px; font: inherit; width: 150px; outline: none; }
.m-pretraga button { border: 0; background: var(--m-boja); color: #fff; padding: 0 10px; cursor: pointer; }

/* варијанта: лого лево, мени десно (privreda, mfin, mfa) */
.m-zag.meni-desno { background: #fff; border-bottom: 1px solid var(--siva-2); }
.m-zag.meni-desno .m-kont { display: flex; align-items: center; gap: 20px; padding-top: 12px; padding-bottom: 12px; }
.m-zag.meni-desno .m-nav { margin-left: auto; }
.m-zag.meni-desno .m-nav a, .m-zag.talas .m-nav a { padding: 10px 8px; font-size: .8rem; }
.m-zag.meni-desno .m-logo strong, .m-zag.talas .m-logo strong { max-width: 250px; font-size: .95rem; }
.m-zag.meni-desno .m-pretraga input, .m-zag.talas .m-pretraga input { width: 100px; }
.m-zag.meni-desno.tamno { background: var(--m-boja); border: 0; }
.m-zag.meni-desno.tamno .m-nav a { color: #dbe3ee; }
.m-zag.meni-desno.tamno .m-nav a:hover, .m-zag.meni-desno.tamno .m-nav a.aktivno { color: #fff; }
.m-zag.meni-desno.tamno .m-alati > button { color: #dbe3ee; border-color: rgba(255,255,255,.3); }

/* варијанта: бело заглавље, мени у реду испод (mei, prosveta, mgsi, ekologija...) */
.m-zag.belo { background: #fff; }
.m-zag.belo .m-kont, .m-zag.plavi-meni .m-kont { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-top: 16px; padding-bottom: 16px; }
.m-nav-red { border-top: 1px solid var(--siva-2); border-bottom: 1px solid var(--siva-2); background: #fff; }
.m-zastita-zivotne-sredine .m-nav-red { border: 0; }

/* варијанта: обојена трака менија (mup, mod) */
.m-zag.plavi-meni .m-logo img { height: 80px; }
.m-zag.plavi-meni .m-logo strong { font-size: 1.35rem; max-width: none; }
.m-nav-traka { background: var(--m-boja); }
.m-nav-traka .m-nav a { color: #fff; text-transform: uppercase; font-size: .8rem; font-weight: 700; letter-spacing: .03em; padding: 14px 16px; border-bottom: 0; }
.m-nav-traka .m-nav a:hover, .m-nav-traka .m-nav a.aktivno { background: rgba(0,0,0,.2); color: #fff; }
.m-nav-traka.centar .m-kont { display: flex; justify-content: center; align-items: center; gap: 16px; flex-wrap: wrap; }
.m-nav-traka.centar .m-nav li + li a { border-left: 1px solid rgba(255,255,255,.35); }
.m-nav-traka.centar .m-nav a { padding: 6px 14px; margin: 8px 0; }
.m-nav-traka .m-alati > button { color: #fff; border-color: rgba(255,255,255,.35); }

/* варијанта: центрирано (mod) */
.m-zag.centrirano .m-kont { display: flex; justify-content: center; padding-top: 18px; padding-bottom: 18px; }
.m-zag.centrirano .m-logo img { height: 86px; }
.m-zag.centrirano .m-logo strong { font-size: 1.3rem; text-transform: uppercase; letter-spacing: .02em; max-width: none; }

/* варијанта: талас (minbpd) */
.m-zag.talas { position: relative; background: #fff; overflow: hidden; border-bottom: 1px solid var(--siva-2); }
.talas-pozadina { position: absolute; inset: 0; width: 100%; height: 100%; }
.m-zag.talas .m-kont { position: relative; display: flex; align-items: center; gap: 20px; padding-top: 14px; padding-bottom: 14px; }
.m-zag.talas .m-logo strong { text-transform: uppercase; font-size: .85rem; letter-spacing: .03em; }
.m-zag.talas .m-nav { margin-left: auto; }
.m-zag.talas .m-nav a { text-transform: uppercase; font-size: .74rem; letter-spacing: .03em; }

/* серифни мени (mduls) */
.m-drzavna-uprava .m-nav a { font-family: var(--font-naslov); text-transform: uppercase; font-size: .8rem; letter-spacing: .05em; }

/* ---------- распоред „банер“ (mre, zdravlje, kultura, mto, mit, mbs...) ---------- */
.m-baner-raspored { display: grid; grid-template-columns: 120px 1fr; min-height: 100vh; }
.m-bocna { background: #fff; border-right: 1px solid var(--siva-2); display: flex; flex-direction: column; justify-content: space-between; position: sticky; top: 0; height: 100vh; }
.m-bocna-grb { display: block; padding: 22px 26px; }
.m-bocna-grb img { height: 130px; width: auto; margin: 0 auto; }
.m-bocna ul { list-style: none; padding: 0 0 24px 16px; }
.m-bocna a { display: block; font-size: .68rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--tekst-2); padding: 6px 0; }
.m-bocna a:hover { color: var(--m-akcenat); }
.m-glavna { min-width: 0; background: #fff; }
.m-baner-meni { background: var(--m-boja); filter: brightness(.75); }
.m-baner-meni.crveni { background: var(--crvena); filter: none; }
.m-baner-meni .m-nav a { color: #fff; text-transform: uppercase; font-size: .72rem; font-weight: 700; padding: 9px 12px; border-bottom: 0; }
.m-baner-meni .m-nav a:hover, .m-baner-meni .m-nav a.aktivno { background: rgba(0,0,0,.2); color: #fff; }
.m-baner { position: relative; height: 150px; overflow: hidden; background: var(--m-boja); display: flex; align-items: center; justify-content: space-between; padding: 0 28px; gap: 20px; }
.m-baner-slika { position: absolute; inset: 0; opacity: .28; mix-blend-mode: luminosity; }
.m-baner-slika svg { width: 100%; height: 100%; }
.m-baner::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, var(--m-boja) 25%, transparent 100%); opacity: .85; }
.m-baner-tekst, .m-baner .m-alati { position: relative; z-index: 1; }
.m-baner-tekst strong { display: block; color: #fff; font-size: 1.45rem; text-transform: uppercase; letter-spacing: .14em; line-height: 1.25; max-width: 620px; text-shadow: 0 2px 6px rgba(0,0,0,.3); }
.m-baner-tekst em { color: #dce6f4; font-size: .95rem; }
.m-baner .m-alati > button { color: #fff; border-color: rgba(255,255,255,.4); }
.m-baner .m-pretraga { background: rgba(255,255,255,.92); }

/* ---------- херој варијанте ---------- */
.m-dugme { display: inline-block; background: var(--m-boja); color: #fff; padding: 10px 20px; font-weight: 700; font-size: .85rem; border-radius: var(--m-radius); border: 2px solid var(--m-boja); }
.m-dugme:hover { background: var(--m-akcenat); border-color: var(--m-akcenat); color: #fff; }
.m-dugme.obris { background: transparent; color: var(--m-akcenat); border-color: var(--m-akcenat); }
.m-dugme.obris:hover { background: var(--m-akcenat); color: #fff; }
.mh-slika { display: block; position: relative; overflow: hidden; }
.mh-slika svg, .mh-slika img { width: 100%; height: 100%; display: block; object-fit: cover; }
.m-oznaka { display: inline-block; background: var(--m-akcenat); color: #fff; font-size: .65rem; font-weight: 700; text-transform: uppercase; padding: 3px 7px; margin-right: 4px; }
.m-oznaka.akt { position: absolute; top: 12px; left: 12px; z-index: 1; background: var(--m-boja); }

/* наслов лево + слика десно (mfin) */
.mh-naslov-levo .m-kont { display: grid; grid-template-columns: 1fr 1.2fr; gap: 32px; padding-top: 32px; padding-bottom: 32px; align-items: center; }
.mh-naslov-levo h1 { font-family: var(--font-naslov); font-size: 2.1rem; line-height: 1.2; }
.mh-naslov-levo h1 a { color: var(--m-akcenat); }
.mh-naslov-levo p { margin: 16px 0 8px; color: var(--tekst-2); }
.mh-naslov-levo time { display: block; font-size: .8rem; color: var(--siva-3); margin-bottom: 18px; }
.mh-naslov-levo .mh-slika { aspect-ratio: 16/10; }
.mh-traka { background: var(--m-boja); color: #fff; }
.mh-traka p { padding: 22px 0; font-style: italic; font-size: 1.05rem; max-width: 900px; }

/* панел лево + слика десно (mup, pravda) */
.mh-panel { background: var(--m-boja); color: #fff; }
.mh-panel .m-kont { display: grid; grid-template-columns: 1fr 1.1fr; gap: 0; padding: 0 16px; }
.mh-panel .mh-tekst { display: flex; gap: 18px; padding: 34px 30px 34px 0; align-items: flex-start; }
.mh-panel .mh-tekst img { height: 70px; width: auto; flex-shrink: 0; }
.mh-panel h1 { font-size: 1.6rem; line-height: 1.25; }
.mh-panel h1 a { color: #fff; }
.mh-panel p { color: #d6e0ee; margin: 12px 0; }
.mh-panel time { font-size: .8rem; color: #aebfd4; }
.mh-panel .mh-slika { min-height: 300px; }

/* слика лево + панел десно (mre, privreda, mfa, nitra...) */
.mh-panel-desno { padding: 20px 0; background: #fff; }
.mh-panel-desno .m-kont { display: grid; grid-template-columns: 1.7fr 1fr; gap: 0; }
.mh-panel-desno .mh-slika { min-height: 340px; }
.mh-panel-desno .mh-tekst { background: var(--siva-1); padding: 26px; display: flex; flex-direction: column; gap: 10px; border-top: 4px solid var(--m-boja); }
.mh-panel-desno time { font-size: .8rem; color: var(--siva-3); }
.mh-panel-desno h1 { font-size: 1.35rem; line-height: 1.3; }
.mh-panel-desno h1 a { color: var(--m-boja); }
.mh-panel-desno p { font-size: .9rem; color: var(--tekst-2); flex: 1; }
.mh-panel-desno .m-dugme { background: var(--m-akcenat); border-color: var(--m-akcenat); text-align: center; }
.mh-panel-desno.tamno .mh-tekst { background: var(--m-boja); border: 0; color: #fff; padding: 40px 34px; justify-content: center; }
.mh-panel-desno.tamno h1 { font-family: var(--font-naslov); font-size: 1.9rem; font-weight: 600; }
.mh-panel-desno.tamno h1 a { color: #fff; }
.mh-panel-desno.tamno p, .mh-panel-desno.tamno time { color: #c7d2e0; }
.mh-panel-desno.tamno .m-oznaka { display: none; }
.mh-panel-desno.tamno .m-dugme { background: #fff; color: var(--m-boja); border-color: #fff; align-self: flex-start; }
.mh-zastava { object-fit: cover; }
.m-spoljni-poslovi .mh-panel-desno { background: var(--m-boja); padding: 0; }
.mh-ambasade { display: grid; grid-template-columns: auto 1fr auto; margin: -1px 0 20px; box-shadow: var(--senka); }
.mh-ambasade span { background: var(--m-akcenat); color: #fff; padding: 12px 16px; font-size: .85rem; font-weight: 700; }
.mh-ambasade input { border: 1px solid var(--siva-2); padding: 12px 16px; font: inherit; font-family: var(--font-naslov); }
.mh-ambasade button { background: var(--m-boja); color: #fff; border: 0; padding: 0 22px; font: inherit; font-weight: 700; cursor: pointer; }

/* фото преко целе ширине са насловом (minpolj) */
.mh-foto-naslov { position: relative; height: 420px; overflow: hidden; }
.mh-foto-naslov svg { width: 100%; height: 100%; }
.mh-preklop { position: absolute; inset: 0; display: grid; place-items: center; background: rgba(12, 30, 60, .45); padding: 16px; }
.mh-preklop h1 { color: #fff; font-size: 2.6rem; text-align: center; max-width: 900px; line-height: 1.2; text-shadow: 0 3px 10px rgba(0,0,0,.4); }

/* фото + картица преко (minbpd) */
.mh-foto-kartica { height: 380px; overflow: hidden; }
.mh-foto-kartica svg { width: 100%; height: 100%; }
.mh-kartica { position: relative; margin: -120px auto 10px; max-width: 900px; background: #fff; padding: 30px 36px; box-shadow: 0 10px 30px rgba(0,0,0,.12); border-radius: var(--m-radius); }
.mh-kartica h1 { font-size: 1.5rem; margin-bottom: 10px; }
.mh-kartica h1 a { color: var(--m-boja); }
.mh-kartica p { color: var(--tekst-2); margin-bottom: 18px; }

/* истакнуто: велика картица + листа (ekologija, mos, minrzs) */
.mh-info { background: var(--m-boja); color: #fff; text-align: center; padding: 12px 16px; margin-top: 18px; font-weight: 500; font-size: .9rem; border-radius: var(--m-radius); }
.mh-info a { color: #fff; text-decoration: underline; }
.mh-istaknuto .m-kont { display: grid; grid-template-columns: 2fr 1fr; gap: 20px; padding-top: 20px; padding-bottom: 20px; }
.mh-glavna { position: relative; display: block; min-height: 380px; overflow: hidden; border-radius: var(--m-radius); }
.mh-glavna svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.mh-glavna > div { position: absolute; left: 0; right: 0; bottom: 0; padding: 24px; background: linear-gradient(0deg, rgba(10,25,50,.9), transparent); color: #fff; display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; }
.mh-glavna h1 { width: 100%; font-size: 1.5rem; line-height: 1.25; }
.mh-glavna .m-dugme { background: var(--m-akcenat); border-color: var(--m-akcenat); }
.mh-glavna time { margin-left: auto; font-size: .85rem; }
.mh-lista { background: var(--siva-1); padding: 18px; border-radius: var(--m-radius); display: flex; flex-direction: column; }
.mh-lista h2 { font-size: 1.05rem; color: var(--m-boja); margin-bottom: 10px; }
.mh-lista ul { list-style: none; flex: 1; }
.mh-lista li a { display: grid; grid-template-columns: 90px 1fr; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--siva-2); color: var(--tekst); font-size: .85rem; font-weight: 500; }
.mh-lista li svg { width: 90px; height: 60px; border-radius: var(--m-radius); }
.mh-lista .m-dugme { align-self: flex-end; margin-top: 12px; }

/* мрежа (mgsi) */
.mh-mreza { background: var(--siva-1); padding: 22px 0; }
.mh-obavestenje { display: flex; gap: 24px; align-items: center; justify-content: center; background: #fff; padding: 26px; border: 1px solid var(--siva-2); }
.mh-obavestenje img { height: 80px; width: auto; }
.mh-obavestenje small { display: block; text-transform: uppercase; letter-spacing: .1em; color: var(--m-akcenat); font-weight: 700; font-size: .72rem; }
.mh-obavestenje strong { font-size: 1.15rem; color: var(--m-boja); text-transform: uppercase; }
.h-mreza .mv-kartice { grid-template-columns: repeat(4, 1fr); }
.h-mreza .mv-kartica h3 { text-transform: uppercase; font-size: .82rem; }

/* кутије + табови (mei, mduls) */
.mh-mrvice { background: var(--m-boja); color: #fff; font-size: .75rem; font-weight: 700; }
.mh-mrvice .m-kont { padding-top: 6px; padding-bottom: 6px; }
.mh-kutije { padding: 26px 0 0; }
.mh-kutije-red { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-bottom: 28px; }
.mh-kutija { background: #dbe6f6; color: var(--m-boja); text-align: center; padding: 18px 12px; font-weight: 700; font-size: .88rem; border-bottom: 3px solid var(--m-boja); }
.mh-kutija:hover { background: var(--m-boja); color: #fff; }
.mh-tabovi { display: flex; gap: 8px; flex-wrap: wrap; }
.mh-tabovi button { border: 0; background: #dbe6f6; color: var(--m-boja); font: inherit; font-size: .8rem; font-weight: 700; padding: 7px 14px; cursor: pointer; }
.mh-tabovi button.aktivno { background: var(--m-boja); color: #fff; }
.mh-tabovi button:nth-child(2).aktivno { background: var(--m-akcenat); }

/* широка фотографија (mod, prosveta) */
.mh-foto-sirok a { position: relative; display: block; height: 400px; overflow: hidden; }
.mh-foto-sirok svg { width: 100%; height: 100%; }
.mh-natpis { position: absolute; left: 0; right: 0; bottom: 0; padding: 24px max(16px, calc((100% - 1240px) / 2 + 16px)); background: linear-gradient(0deg, rgba(10,25,50,.85), transparent); color: #fff; }
.mh-natpis h1 { font-size: 1.6rem; max-width: 800px; line-height: 1.25; }
.mh-natpis time { font-size: .8rem; color: #d6e0ee; }
.mh-obav-red { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.mh-obav { border: 1px solid var(--siva-2); padding: 0 0 16px; color: var(--tekst); font-weight: 500; font-size: .92rem; }
.mh-obav time { display: inline-block; background: var(--m-akcenat); color: #fff; font-size: .75rem; font-weight: 700; padding: 4px 10px; margin-bottom: 12px; }
.mh-obav span { display: block; padding: 0 16px; }
.mh-obav:hover { border-color: var(--m-boja); color: var(--m-boja); }

/* ---------- секције ---------- */
.m-sekcija { padding: 40px 0; }
.m-sekcija.siva { background: var(--siva-1); }
.m-naslov { font-size: 1.5rem; color: var(--m-boja); margin-bottom: 20px; padding-bottom: 8px; border-bottom: 2px solid var(--siva-2); position: relative; }
.m-naslov::after { content: ""; position: absolute; left: 0; bottom: -2px; width: 60px; height: 2px; background: var(--m-akcenat); }
.m-sekcija p { margin-bottom: 12px; }
.m-dve { display: grid; grid-template-columns: 1.6fr 1fr; gap: 32px; align-items: start; }
.m-ministar { display: flex; gap: 16px; background: #fff; padding: 18px; border-top: 4px solid var(--m-boja); box-shadow: var(--senka); border-radius: var(--m-radius); }
.m-ministar-slika { width: 96px; height: 96px; flex-shrink: 0; }
.m-ministar-slika svg { width: 100%; height: 100%; display: block; border-radius: var(--m-radius); }
.m-ministar small { display: block; text-transform: uppercase; font-size: .7rem; letter-spacing: .08em; color: var(--m-akcenat); font-weight: 700; }
.m-ministar b { display: block; font-size: 1.1rem; color: var(--m-boja); }
.m-ministar span { display: block; font-size: .85rem; color: var(--tekst-2); margin-bottom: 6px; }
.m-ministar a { font-size: .82rem; font-weight: 500; }
.m-sektori { list-style: none; display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.m-sektori li { border: 1px solid var(--siva-2); border-left: 4px solid var(--m-boja); padding: 14px 16px; font-weight: 500; font-size: .9rem; border-radius: var(--m-radius); }
.m-usluge { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.m-usluga { background: var(--m-boja); color: #fff; padding: 20px; min-height: 140px; display: flex; flex-direction: column; gap: 8px; border-radius: var(--m-radius); }
.m-usluga b { font-size: 1.05rem; }
.m-usluga span { font-size: .85rem; color: rgba(255,255,255,.82); }
.m-usluga:hover { background: var(--m-akcenat); color: #fff; }
.m-kontakt { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; }
.m-kontakt-mapa svg { width: 100%; aspect-ratio: 16/9; display: block; border-radius: var(--m-radius); }

/* ---------- вести министарства ---------- */
.mv-kartice { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.mv-kartica { display: block; color: var(--tekst); border: 1px solid var(--siva-2); border-radius: var(--m-radius); overflow: hidden; }
.mv-kartica svg { width: 100%; aspect-ratio: 16/10; display: block; }
.mv-kartica div { padding: 14px 16px; }
.mv-kartica time { font-size: .75rem; color: var(--siva-3); }
.mv-kartica h3 { font-size: .98rem; line-height: 1.35; margin-top: 4px; }
.mv-kartica:hover { border-color: var(--m-boja); color: var(--m-boja); }
.mv-datum-red { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px 32px; }
.mv-datum { display: flex; gap: 16px; color: var(--tekst); font-weight: 500; line-height: 1.35; }
.mv-datum b { font-size: 2.4rem; line-height: 1; color: var(--m-boja); text-align: center; font-family: var(--font); }
.mv-datum small { display: block; font-size: .75rem; color: var(--siva-3); text-transform: lowercase; }
.mv-datum:hover span { color: var(--m-akcenat); }
.mv-lista-raspored { display: grid; grid-template-columns: 2fr 1fr; gap: 28px; }
.mv-lista { display: grid; grid-template-columns: 200px 1fr; gap: 18px; padding: 16px 0; border-bottom: 1px solid var(--siva-2); color: var(--tekst); }
.mv-lista svg { width: 200px; height: 125px; display: block; }
.mv-lista time { font-size: .75rem; color: var(--siva-3); }
.mv-lista h3 { font-size: 1.05rem; color: var(--m-boja); margin: 4px 0 6px; }
.mv-lista p { font-size: .88rem; color: var(--tekst-2); margin: 0; }
.mv-obavestenja { background: var(--siva-1); padding: 18px; align-self: start; }
.mv-obavestenja h3 { text-transform: uppercase; font-size: .9rem; color: var(--m-boja); padding-bottom: 8px; border-bottom: 2px solid var(--m-akcenat); margin-bottom: 8px; }
.mv-obavestenja ul { list-style: none; }
.mv-obavestenja a { display: block; padding: 9px 0; color: var(--m-akcenat); font-size: .9rem; border-bottom: 1px solid var(--siva-2); }

/* ---------- чланак ---------- */
.m-mrvice { background: var(--siva-1); font-size: .8rem; color: var(--tekst-2); }
.m-mrvice .m-kont { padding-top: 10px; padding-bottom: 10px; }
.m-clanak-raspored { display: grid; grid-template-columns: 1fr 300px; gap: 32px; padding-top: 28px; padding-bottom: 48px; }
.m-clanak { box-shadow: none; padding: 0; }
.m-clanak h1 { color: var(--m-boja); font-family: var(--m-font-naslov); }
.m-clanak .clanak-meta .kat { background: var(--m-akcenat); }
.m-bocno { background: var(--siva-1); padding: 18px; border-top: 4px solid var(--m-boja); border-radius: var(--m-radius); }
.m-bocno h3 { color: var(--m-boja); font-size: 1rem; margin-bottom: 8px; }
.m-bocno ul { list-style: none; }
.m-bocno li { padding: 10px 0; border-bottom: 1px solid var(--siva-2); font-size: .88rem; }
.m-bocno time { display: block; font-size: .72rem; color: var(--siva-3); }

/* ---------- подножје ---------- */
.m-podnozje { background: var(--m-boja); color: rgba(255,255,255,.78); font-size: .88rem; }
.m-podnozje-gore { display: grid; grid-template-columns: 1.5fr 1fr 1fr; gap: 30px; padding-top: 36px; padding-bottom: 30px; }
.m-podnozje p { margin-top: 14px; }
.m-podnozje h4 { color: #fff; text-transform: uppercase; font-size: .85rem; letter-spacing: .06em; margin-bottom: 10px; }
.m-podnozje ul { list-style: none; }
.m-podnozje li { margin-bottom: 6px; }
.m-podnozje a { color: rgba(255,255,255,.78); }
.m-podnozje a:hover { color: #fff; }
.m-podnozje-dole { background: rgba(0,0,0,.25); font-size: .76rem; }
.m-podnozje-dole .m-kont { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding-top: 12px; padding-bottom: 12px; }

/* ---------- одзив ---------- */
@media (max-width: 1100px) {
  .m-zag.meni-desno .m-kont, .m-zag.talas .m-kont { flex-wrap: wrap; }
  .m-zag.meni-desno .m-nav, .m-zag.talas .m-nav { order: 3; width: 100%; margin-left: 0; }
  .h-mreza .mv-kartice { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 900px) {
  .m-baner-raspored { grid-template-columns: 1fr; }
  .m-bocna { display: none; }
  .m-baner { height: auto; padding: 24px 16px; flex-wrap: wrap; }
  .mh-naslov-levo .m-kont, .mh-panel .m-kont, .mh-panel-desno .m-kont, .mh-istaknuto .m-kont,
  .m-dve, .m-kontakt, .mv-lista-raspored, .m-clanak-raspored, .m-podnozje-gore { grid-template-columns: 1fr; }
  .mh-panel .mh-tekst { padding-right: 0; }
  .mv-kartice, .mv-datum-red, .m-sektori, .m-usluge, .mh-obav-red { grid-template-columns: repeat(2, 1fr); }
  .mh-kutije-red { grid-template-columns: repeat(2, 1fr); }
  .m-zag.belo .m-kont, .m-zag.plavi-meni .m-kont { flex-wrap: wrap; }
  .mh-ambasade { grid-template-columns: 1fr; }
  .mh-ambasade button { padding: 12px; }
}
@media (max-width: 600px) {
  .mv-kartice, .mv-datum-red, .m-sektori, .m-usluge, .mh-obav-red, .h-mreza .mv-kartice { grid-template-columns: 1fr; }
  .mv-lista { grid-template-columns: 1fr; }
  .mv-lista svg { width: 100%; height: auto; aspect-ratio: 16/10; }
  .mh-foto-naslov { height: 280px; }
  .mh-preklop h1 { font-size: 1.6rem; }
  .mh-naslov-levo h1 { font-size: 1.5rem; }
  .m-baner-tekst strong { font-size: 1.05rem; letter-spacing: .08em; }
  .m-pretraga input { width: 110px; }
  .mh-kartica { margin-top: -60px; padding: 20px; }
  .m-nav a { padding: 8px 10px; }
}

/* ==========================================================
   Распоред „mod“ – по узору на сајт Министарства одбране (mod.gov.rs)
   ========================================================== */
.z-mod { background: #f1f1f1; font-family: "Roboto", "Trebuchet MS", sans-serif; color: #222; }
.mod-kont { max-width: 1000px; margin: 0 auto; padding: 0 12px; }
.mod-zag { position: relative; background: #fff url(../img/teksture/malter-svetli.webp) center/cover; overflow: hidden; }
.mod-zag::before { content: ""; position: absolute; inset: 0; background: rgba(255,255,255,.72); }
.mod-zag::after { content: ""; position: absolute; top: -40px; left: 50%; width: 360px; height: 360px; margin-left: -60px;
  background: url(../ikonice/odbrana/odbrana.svg) no-repeat center/contain; opacity: .07; filter: grayscale(1); }
.mod-zag .mod-kont { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; min-height: 116px; }
.mod-logo { display: flex; align-items: center; gap: 16px; color: #222 !important; text-decoration: none !important; }
.mod-logo img { height: 92px; width: auto; }
.mod-logo span { font-size: 1.3rem; font-weight: 500; text-transform: uppercase; line-height: 1.3; letter-spacing: .01em; }
.mod-alati { align-self: flex-start; padding-top: 10px; display: flex; gap: 18px; align-items: baseline; font-size: .8rem; }
.mod-alati button { background: none; border: 0; cursor: pointer; color: #2e5f97; font: inherit; padding: 0 2px; }
.mod-slova button:nth-child(2) { font-size: 1rem; } .mod-slova button:nth-child(3) { font-size: 1.2rem; }
.mod-pismo button.aktivno { color: #C6363C; font-weight: 700; }
.mod-pismo { color: #999; }
.mod-trobojka { height: 9px; background: linear-gradient(#C6363C 0 3px, #2e5f97 3px 6px, #fff 6px 9px); border-bottom: 1px solid #ddd; }
.mod-nav { background: #2e5f97; position: sticky; top: 0; z-index: 30; }
.mod-nav .mod-kont { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.mod-nav ul { list-style: none; display: flex; flex-wrap: wrap; }
.mod-nav li + li a { border-left: 1px solid rgba(255,255,255,.55); }
.mod-nav a { display: block; color: #fff !important; text-transform: uppercase; font-size: .78rem; font-weight: 500; padding: 0 9px; margin: 12px 0; line-height: 1; text-decoration: none !important; }
.mod-nav a:hover, .mod-nav a.aktivno { text-decoration: underline !important; }
.mod-pretraga { display: flex; align-items: center; }
.mod-pretraga input { width: 120px; background: transparent; border: 0; border-bottom: 1px solid rgba(255,255,255,.7); color: #fff; font: inherit; padding: 4px 2px; outline: none; }
.mod-pretraga button { background: none; border: 0; color: #fff; cursor: pointer; padding: 4px 6px; }

.mod-heroj { background: #0c2a55 center right/cover no-repeat; min-height: 400px; display: flex; align-items: flex-end; padding-bottom: 0; }
.mod-heroj .mod-kont { width: 100%; }
.mod-heroj-okvir { background: rgba(46,95,151,.93); color: #fff; padding: 18px 12px 16px; max-width: 1000px; margin-bottom: -40px; position: relative; z-index: 2; }
.mod-heroj-okvir time { font-size: .8rem; }
.mod-heroj-okvir h1 { font-size: 1.15rem; font-weight: 500; margin: 4px 0 10px; font-family: inherit; }
.mod-heroj-okvir h1 a { color: #fff !important; }
.mod-heroj-okvir p { font-size: .82rem; margin-bottom: 12px; }
.mod-heroj-dno { display: flex; justify-content: space-between; align-items: center; }
.mod-detaljnije { background: #fff; color: #2e5f97 !important; text-transform: uppercase; font-size: .78rem; font-weight: 700; padding: 6px 14px; text-decoration: none !important; }
.mod-heroj-dno .mod-ikone svg { width: 22px; height: 22px; stroke: #fff; }

.mod-pozadina { background: #f1f1f1; padding: 64px 0 30px; }
.mod-bela { background: #fff; border: 1px solid #ddd; padding: 0 12px 10px; }
.mod-kartica { border-bottom: 1px solid #ddd; padding: 12px 0 20px; }
.mod-kartica-zag { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 12px; }
.mod-kartica-zag h2, .mod-blok h2 { font-size: .9rem; font-weight: 500; text-transform: uppercase; font-family: inherit; color: #222; margin: 0; }
.mod-kartica-zag a { color: #222 !important; text-transform: uppercase; font-size: .9rem; }
.mod-vesti3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.mod-vest svg { width: 100%; aspect-ratio: 16/10; display: block; }
.mod-vest-meta { display: flex; justify-content: space-between; align-items: center; font-size: .72rem; margin-top: 6px; }
.mod-vest h3 { font-size: .85rem; font-weight: 400; font-family: inherit; line-height: 1.35; margin-top: 2px; }
.mod-vest h3 a, .mod-lista a { color: #222 !important; }
.mod-vest h3 a:hover, .mod-lista a:hover { color: #2e5f97 !important; }
.mod-ikone { display: inline-flex; gap: 5px; }
.mod-ikone svg { width: 15px; height: 15px; fill: none; stroke: #2e5f97; stroke-width: 1.4; }
.mod-tri { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; border-bottom: 1px solid #ddd; padding: 16px 0 20px; }
.mod-blok h2 { border-bottom: 1px solid #ddd; padding-bottom: 6px; margin-bottom: 10px; }
.mod-blok p { font-size: .84rem; margin-bottom: 10px; }
.mod-blok-slika { display: block; margin-bottom: 10px; aspect-ratio: 16/10; overflow: hidden; background: #e8e8e8; }
.mod-blok-slika svg, .mod-blok-slika img { width: 100%; height: 100%; object-fit: cover; display: block; }
.mod-grb-slika { background: #2e5f97; display: grid; place-items: center; }
.mod-grb-slika img { width: auto; height: 78%; object-fit: contain; }
.mod-lista { list-style: none; font-size: .84rem; margin-bottom: 12px; }
.mod-lista li { padding: 6px 0; }
.mod-lista time { display: block; font-size: .72rem; color: #555; }
.mod-sektori li, .mod-usluge li { border-bottom: 1px solid #eee; }
.mod-usluge span { display: block; font-size: .75rem; color: #666; }
.mod-dugme { display: block; text-align: center; border: 1px solid #222; color: #222 !important; text-transform: uppercase; font-size: .74rem; letter-spacing: .04em; padding: 6px; text-decoration: none !important; }
.mod-dugme:hover { background: #2e5f97; border-color: #2e5f97; color: #fff !important; }
.mod-linkovi-kol { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; padding: 18px 0 8px; }
.mod-linkovi-kol h3 { font-size: .75rem; font-weight: 700; text-transform: uppercase; border-bottom: 1px solid #ddd; padding-bottom: 6px; margin-bottom: 8px; font-family: inherit; }
.mod-linkovi-kol ul { list-style: none; font-size: .78rem; }
.mod-linkovi-kol li { margin-bottom: 6px; }
.mod-linkovi-kol a { color: #2e5f97 !important; }

.mod-podnozje { text-align: center; font-size: .78rem; color: #222; background: #fff; padding-top: 24px; }
.mod-linija { position: relative; max-width: 720px; margin: 0 auto 16px; height: 34px; }
.mod-linija::before, .mod-linija::after { content: ""; position: absolute; top: 14px; width: calc(50% - 34px); height: 5px; border-top: 1px solid #2e5f97; border-bottom: 1px solid #2e5f97; }
.mod-linija::before { left: 0; } .mod-linija::after { right: 0; }
.mod-linija img { height: 34px; width: auto; margin: 0 auto; }
.mod-podnozje p { margin-bottom: 4px; }
.mod-podnozje a { color: #2e5f97; }
.mod-podnozje-dno { margin-top: 18px; display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding: 14px max(16px, calc((100% - 1000px) / 2 + 12px));
  color: #d5d9df; background: #333; font-size: .74rem; }

/* чланак у „mod“ распореду */
.z-mod .m-mrvice { background: #fff; }
.z-mod .m-clanak-raspored { max-width: 1000px; background: #fff; border: 1px solid #ddd; margin: 20px auto; padding: 20px; }
.z-mod .m-clanak h1 { font-family: inherit; font-weight: 500; color: #222; font-size: 1.5rem; }

@media (max-width: 860px) {
  .mod-vesti3, .mod-tri { grid-template-columns: 1fr 1fr; }
  .mod-linkovi-kol { grid-template-columns: 1fr 1fr; }
  .mod-pretraga { display: none; }
  .mod-zag::after { display: none; }
}
@media (max-width: 560px) {
  .mod-vesti3, .mod-tri, .mod-linkovi-kol { grid-template-columns: 1fr; }
  .mod-logo img { height: 64px; } .mod-logo span { font-size: .95rem; }
  .mod-alati { display: none; }
  .mod-heroj { min-height: 320px; }
}
.z-mod > .trobojka { display: none; }