#sp-header {
  background: #EAF3FF;
}

#sp-top-bar {
  background: #173A8A;
  color: #fff;
} 

.bibinjac-pocetna {
  position: relative;
  overflow: hidden;
  min-height: 760px;
  padding: 80px 20px 70px;
  background: linear-gradient(180deg, #f7fbff 0%, #eef8ff 46%, #e7f7ee 100%);
}

.bibinjac-pozadina {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}

.brdo {
  position: absolute;
  bottom: 165px;
  width: 900px;
  height: 330px;
  background: rgba(32, 169, 90, 0.12);
  border-radius: 55% 45% 0 0;
}

.brdo-lijevo {
  left: -130px;
  transform: rotate(3deg);
}

.brdo-desno {
  right: -150px;
  bottom: 145px;
  background: rgba(7, 71, 184, 0.09);
  transform: rotate(-4deg);
}

.more {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 185px;
  height: 145px;
  background: linear-gradient(90deg, rgba(10, 142, 216, 0.15), rgba(18, 154, 96, 0.1));
  clip-path: polygon(0 42%, 18% 56%, 35% 44%, 53% 63%, 71% 38%, 100% 55%, 100% 100%, 0 100%);
}

.sunce {
  position: absolute;
  top: 105px;
  right: 16%;
  width: 96px;
  height: 96px;
  border-radius: 50%;
  background: rgba(255, 217, 26, 0.28);
  box-shadow: 0 0 0 24px rgba(255, 217, 26, 0.09);
}

.kucica {
  position: absolute;
  width: 58px;
  height: 52px;
  background: rgba(7, 71, 184, 0.08);
  border-radius: 4px 4px 2px 2px;
}

.kucica:before {
  content: "";
  position: absolute;
  left: -6px;
  top: -24px;
  width: 70px;
  height: 38px;
  background: rgba(7, 71, 184, 0.1);
  clip-path: polygon(50% 0, 100% 62%, 0 62%);
}

.kucica:after {
  content: "";
  position: absolute;
  left: 20px;
  bottom: 0;
  width: 16px;
  height: 24px;
  background: rgba(7, 71, 184, 0.1);
  border-radius: 4px 4px 0 0;
}

.k1 {
  left: 8%;
  bottom: 285px;
}

.k2 {
  right: 12%;
  bottom: 330px;
  transform: scale(1.2);
}

.k3 {
  right: 28%;
  bottom: 235px;
  transform: scale(0.85);
}

.bor {
  position: absolute;
  width: 22px;
  height: 86px;
  background: rgba(13, 122, 63, 0.24);
  clip-path: polygon(50% 0, 88% 75%, 58% 75%, 58% 100%, 42% 100%, 42% 75%, 12% 75%);
}

.b1 {
  left: 16%;
  bottom: 315px;
}

.b2 {
  left: 28%;
  bottom: 205px;
  transform: scale(1.35);
}

.b3 {
  right: 21%;
  bottom: 275px;
}

.b4 {
  right: 8%;
  bottom: 210px;
  transform: scale(1.45);
}

.val {
  position: absolute;
  width: 110px;
  height: 18px;
  border: 3px solid rgba(7, 71, 184, 0.13);
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
  border-radius: 50%;
}

.v1 {
  left: 21%;
  bottom: 265px;
}

.v2 {
  left: 48%;
  bottom: 315px;
  transform: scale(1.4);
}

.v3 {
  right: 30%;
  bottom: 200px;
  transform: scale(0.9);
}

.bibinjac-sadrzaj {
  position: relative;
  z-index: 2;
  width: min(1320px, calc(100% - 40px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: 0.88fr 1.12fr;
  gap: 0px;
  align-items: center;
}

.bibinjac-tekst {
  max-width: 620px;
}

.oznaka {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 0px;
  padding: 0px 0px 0px 10px;
  color: #10843b;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: 0.025em;
  text-transform: uppercase;
  border-left: 4px solid #16a34a;
}

.bibinjac-tekst h1 {
  margin: 0;
  color: #173a8a;
  font-size: clamp(38px, 4.7vw, 64px);
  line-height: 1;
  font-weight: 800;
}

.bibinjac-tekst p {
  max-width: 540px;
  margin: 26px 0 0;
  color: #445064;
  font-size: 20px;
  line-height: 1.65;
}

.bibinjac-akcije {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 34px;
}

.poziv {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 11px;
  min-height: 52px;
  padding: 0 23px 0 18px;
  text-decoration: none;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.005em;
  border-radius: 13px;
  transition: background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}

.poziv:hover {
  transform: translateY(-2px);
}

.poziv:after {
  content: "";
  width: 18px;
  height: 1px;
  margin-left: 6px;
  background: currentColor;
  opacity: 0.55;
}

.poziv-plavi {
  background: #0747b8;
  color: #fff;
  border: 1px solid #0747b8;
  box-shadow: 0 12px 26px rgba(7, 71, 184, 0.18);
}

.poziv-plavi:hover {
  background: #173a8a;
  border-color: #173a8a;
  color: #fff;
  box-shadow: 0 14px 30px rgba(23, 58, 138, 0.2);
}

.poziv-svijetli {
  background: rgba(255, 255, 255, 0.72);
  color: #173a8a;
  border: 1px solid rgba(23, 58, 138, 0.22);
  box-shadow: 0 10px 24px rgba(23, 58, 138, 0.07);
}

.poziv-svijetli:hover {
  background: #ffffff;
  border-color: rgba(7, 71, 184, 0.42);
  color: #0747b8;
  box-shadow: 0 12px 28px rgba(23, 58, 138, 0.11);
}

.znak {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
}

.znak-usluge:before {
  content: "";
  position: absolute;
  left: 3px;
  top: 2px;
  width: 12px;
  height: 14px;
  border: 2px solid currentColor;
  border-radius: 3px;
}

.znak-usluge:after {
  content: "";
  position: absolute;
  left: 6px;
  top: 6px;
  width: 6px;
  height: 2px;
  background: currentColor;
  box-shadow: 0 4px 0 currentColor;
}

.znak-kontakt:before {
  content: "";
  position: absolute;
  left: 1px;
  top: 3px;
  width: 16px;
  height: 12px;
  border: 2px solid currentColor;
  border-radius: 3px;
}

.znak-kontakt:after {
  content: "";
  position: absolute;
  left: 4px;
  top: 1px;
  width: 10px;
  height: 10px;
  border-left: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(-45deg);
}

.bibinjac-slika {
  position: relative;
  min-height: 520px;
  margin-top: -74px;
  transform: translateX(28px);
}

.slika-okvir {
  position: relative;
  overflow: hidden;
  width: min(760px, 100%);
  margin-left: auto;
  border-radius: 44px 24px 44px 24px;
  background: #fff;
  padding: 12px;
  box-shadow: 0 30px 85px rgba(23, 58, 138, 0.18);
  transform: rotate(6deg);
}

.slika-okvir:before {
  content: "";
  position: absolute;
  inset: 12px;
  z-index: 2;
  border-radius: 34px 16px 34px 16px;
  background: linear-gradient(135deg, rgba(7, 71, 184, 0.08), rgba(22, 163, 74, 0.13));
  pointer-events: none;
}

.slika-okvir img {
  display: block;
  width: 100%;
  height: 500px;
  object-fit: cover;
  border-radius: 34px 16px 34px 16px;
}


.bibinjac-usluge {
  position: relative;
  z-index: 3;
  width: min(1320px, calc(100% - 40px));
  margin: 55px auto 0;
  padding: 24px;
  border-radius: 26px;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 22px 58px rgba(23, 58, 138, 0.11);
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

.usluga {
  display: block;
  min-height: 190px;
  padding: 26px 22px;
  border-radius: 18px;
  background: linear-gradient(180deg, #ffffff, #f7fbff);
  text-decoration: none;
  color: #173a8a;
  border: 1px solid rgba(7, 71, 184, 0.08);
  border-bottom: 4px solid rgba(22, 163, 74, 0.55);
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.usluga:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 36px rgba(23, 58, 138, 0.11);
  border-bottom-color: #0747b8;
}

.usluga strong {
  display: block;
  margin-top: 20px;
  font-size: 21px;
  line-height: 1.15;
}

.usluga small {
  display: block;
  margin-top: 10px;
  color: #667085;
  font-size: 14px;
  line-height: 1.45;
}

.ikona-usluge {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 66px;
  height: 66px;
  margin-bottom: 22px;
  color: #0747b8;
  background: linear-gradient(180deg, #eef6ff, #e4f1ff);
  border: 1px solid rgba(7, 71, 184, 0.14);
  border-radius: 18px;
}

.ikona-usluge svg {
  width: 38px;
  height: 38px;
}

.ikona-usluge svg path {
  fill: none;
  stroke: currentColor;
  stroke-width: 3.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.usluga:nth-child(2) .ikona-usluge,
.usluga:nth-child(2) .ikona-usluge svg {
  color: #16a34a;
}

.usluga:nth-child(3) .ikona-usluge {
  color: #0a8ed8;
}

.usluga:nth-child(4) .ikona-usluge {
  color: #173a8a;
  background: linear-gradient(180deg, #fff8cf, #eef6ff);
}

@media (max-width: 980px) {
  .bibinjac-pocetna {
    padding-top: 70px;
  }

  .bibinjac-sadrzaj {
    grid-template-columns: 1fr;
    gap: 42px;
  }

  .bibinjac-tekst {
    max-width: 760px;
  }

  .bibinjac-slika {
    min-height: auto;
    margin-top: 0;
    transform: none;
  }

  .slika-okvir {
    width: 100%;
    margin-left: 0;
  }

  .slika-okvir img {
    height: 380px;
  }

  .bibinjac-usluge {
    grid-template-columns: repeat(2, 1fr);
  }

  .kartica-otpad {
    left: 16px;
  }

  .kartica-mjesto {
    right: 16px;
  }
}

@media (max-width: 640px) {
  .bibinjac-pocetna {
    padding: 15px 16px 45px;
  }

  .bibinjac-sadrzaj,
  .bibinjac-usluge {
    width: 100%;
  }

  .bibinjac-tekst p {
    font-size: 17px;
  }

  .bibinjac-akcije {
    flex-direction: column;
  }

  .poziv {
    width: 100%;
    justify-content: center;
  }

  .slika-okvir img {
    height: 300px;
  }

  .kartica {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    margin-top: 14px;
    width: 100%;
  }

  .bibinjac-usluge {
    grid-template-columns: 1fr;
    padding: 18px;
  }

  .usluga {
    min-height: auto;
  }
}



.podrucje-tipka {
  appearance: none;
  border: 0;
  min-height: 46px;
  padding: 0 22px;
  border-radius: 13px;
  background: transparent;
  color: #173a8a;
  font-size: 15px;
  font-weight: 800;
  cursor: pointer;
  transition: background-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}

.podrucje-tipka.aktivno {
  background: #0747b8;
  color: #fff;
  box-shadow: 0 10px 26px rgba(7, 71, 184, 0.18);
}

.raspored-glavno {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}

.raspored-kutija {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  padding: 26px;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(7, 71, 184, 0.09);
}

.raspored-ikona {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 66px;
  height: 66px;
  flex: 0 0 66px;
  border-radius: 18px;
  color: #0747b8;
  background: #eaf3ff;
  border: 1px solid rgba(7, 71, 184, 0.13);
}

.pp-kutija .raspored-ikona {
  color: #16a34a;
  background: #e8f8ed;
  border-color: rgba(22, 163, 74, 0.18);
}

.raspored-ikona svg {
  width: 38px;
  height: 38px;
}

.raspored-ikona svg path {
  fill: none;
  stroke: currentColor;
  stroke-width: 3.1;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.raspored-vrsta {
  display: inline-block;
  margin-bottom: 8px;
  color: #08773a;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.raspored-vrsta.papir-plastika {
  color: #0747b8;
}

.raspored-kutija h3 {
  margin: 0;
  color: #173a8a;
  font-size: 26px;
  line-height: 1.18;
  font-weight: 900;
}

.raspored-kutija p {
  margin: 10px 0 0;
  color: #5d687b;
  font-size: 16px;
  line-height: 1.45;
}

.raspored-datumi {
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
  padding: 24px;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(7, 71, 184, 0.09);
}

.raspored-datumi span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 15px;
  border-radius: 12px;
  background: #ffffff;
  color: #173a8a;
  font-size: 16px;
  font-weight: 800;
  border: 1px solid rgba(7, 71, 184, 0.1);
}

.raspored-napomena {
  position: relative;
  z-index: 2;
  display: flex;
  gap: 8px;
  margin-top: 18px;
  padding: 17px 20px;
  border-radius: 16px;
  background: rgba(255, 217, 26, 0.16);
  color: #4d4a32;
  font-size: 15px;
  line-height: 1.5;
}

.raspored-napomena strong {
  color: #173a8a;
}

@media (max-width: 900px) {
  .raspored-odvoza {
    padding: 65px 16px;
  }

  .raspored-unutra {
    width: 100%;
  }

  .raspored-panel {
    padding: 24px;
  }

  .raspored-glavno {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 560px) {
  .raspored-panel {
    padding: 18px;
    border-radius: 22px;
  }

  .raspored-izbor {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .podrucje-tipka {
    width: 100%;
  }

  .raspored-kutija {
    display: block;
    padding: 22px;
  }

  .raspored-ikona {
    margin-bottom: 16px;
  }

  .raspored-kutija h3 {
    font-size: 23px;
  }

  .raspored-datumi {
    padding: 16px;
  }

  .raspored-datumi span {
    flex: 1 1 calc(50% - 10px);
  }

  .raspored-napomena {
    display: block;
  }
}

.bibinjac-footer {
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg, #173a8a 0%, #0f2f75 100%);
  color: #ffffff;
  font-family: Arial, Helvetica, sans-serif;
}

.footer-pozadina {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}

.footer-oblik {
  position: absolute;
  border-radius: 50%;
}

.footer-oblik-1 {
  width: 420px;
  height: 420px;
  right: -150px;
  top: -160px;
  background: rgba(255, 255, 255, 0.06);
}

.footer-oblik-2 {
  width: 260px;
  height: 260px;
  left: 8%;
  bottom: -130px;
  background: rgba(22, 163, 74, 0.14);
}

.footer-linija {
  position: absolute;
  width: 120px;
  height: 20px;
  border: 3px solid rgba(255, 255, 255, 0.13);
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
  border-radius: 50%;
}

.footer-linija-1 {
  right: 30%;
  top: 78px;
}

.footer-linija-2 {
  left: 37%;
  bottom: 70px;
  transform: scale(1.35);
}

.footer-stablo {
  position: absolute;
  width: 24px;
  height: 90px;
  background: rgba(22, 163, 74, 0.22);
  clip-path: polygon(50% 0, 88% 75%, 58% 75%, 58% 100%, 42% 100%, 42% 75%, 12% 75%);
}

.footer-stablo-1 {
  right: 12%;
  bottom: 54px;
}

.footer-stablo-2 {
  left: 18%;
  top: 58px;
  transform: scale(0.9);
}

.footer-unutra {
  position: relative;
  z-index: 2;
  width: min(1320px, calc(100% - 40px));
  margin: 0 auto;
  padding: 72px 0 54px;
  display: grid;
  grid-template-columns: 1.1fr 1.25fr 0.95fr 0.8fr;
  gap: 42px;
}

.footer-info h3 {
  margin: 0 0 18px;
  color: #ffffff;
  font-size: 34px;
  line-height: 1.05;
  font-weight: 900;
  letter-spacing: -0.035em;
}

.footer-info p {
  max-width: 350px;
  margin: 0;
  color: rgba(255, 255, 255, 0.78);
  font-size: 16px;
  line-height: 1.65;
}

.footer-stupac h4 {
  margin: 0 0 22px;
  color: #ffffff;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 800;
}

.footer-podatak {
  display: flex;
  align-items: flex-start;
  gap: 13px;
  margin-bottom: 18px;
}

.footer-ikona {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  flex: 0 0 46px;
  border-radius: 15px;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.16);
}

.footer-ikona svg {
  width: 27px;
  height: 27px;
}

.footer-ikona svg path {
  fill: none;
  stroke: currentColor;
  stroke-width: 3.1;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.footer-podatak strong {
  display: block;
  margin-bottom: 5px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 800;
}

.footer-podatak a,
.footer-podatak span {
  color: rgba(255, 255, 255, 0.78);
  font-size: 15px;
  line-height: 1.45;
  text-decoration: none;
}

.footer-podatak a:hover {
  color: #ffffff;
}

.footer-linkovi {
  display: grid;
  gap: 11px;
}

.footer-linkovi a {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: fit-content;
  color: rgba(255, 255, 255, 0.78);
  text-decoration: none;
  font-size: 15px;
  line-height: 1.4;
}

.footer-linkovi a:before {
  content: "";
  width: 7px;
  height: 7px;
  margin-right: 10px;
  border-radius: 50%;
  background: #16a34a;
}

.footer-linkovi a:hover {
  color: #ffffff;
}

.footer-dno {
  position: relative;
  z-index: 2;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(4, 21, 65, 0.22);
}

.footer-dno-unutra {
  width: min(1320px, calc(100% - 40px));
  margin: 0 auto;
  min-height: 58px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  color: rgba(255, 255, 255, 0.68);
  font-size: 14px;
}

@media (max-width: 980px) {
  .footer-unutra {
    grid-template-columns: 1fr 1fr;
    gap: 34px;
  }
}

@media (max-width: 640px) {
  .footer-unutra {
    width: 100%;
    padding: 54px 20px 42px;
    grid-template-columns: 1fr;
  }

  .footer-dno-unutra {
    width: 100%;
    padding: 16px 20px;
    min-height: auto;
    display: block;
  }

  .footer-dno-unutra span {
    display: block;
    margin-bottom: 6px;
  }
}

#sp-footer, #sp-bottom {
  background: transparent;
  color: inherit;
}

#sp-bottom {
  padding: 0;
}

#sp-footer {
	
	display: none;
}

#sp-bottom .sp-module {
  margin-bottom: 0px;
}

#sp-top-bar a {
  color: #fff;
  font-weight: bold;
}

.sp-megamenu-parent > li > a {
  color: #173a8a;
  font-weight: bold;
  font-size: 18px;
}

.sp-megamenu-parent > li.active > a {
	
	color: #10843b;
	font-weight: 800;
}

.sp-megamenu-parent > li:hover > a {
  color: #10843b;
}

.sp-megamenu-parent > li.active:hover > a {
  color: #173a8a;
}

.onama-stranica {
  position: relative;
  left: 50%;
  right: 50%;
  width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;
  overflow: hidden;
  padding: 95px 20px 90px;
  background: linear-gradient(180deg, #f7fbff 0%, #eef8ff 45%, #ffffff 100%);
}

.onama-pozadina {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}

.onama-krug {
  position: absolute;
  border-radius: 50%;
}

.ok1 {
  width: 380px;
  height: 380px;
  right: -130px;
  top: 70px;
  background: rgba(7, 71, 184, 0.07);
}

.ok2 {
  width: 260px;
  height: 260px;
  left: -90px;
  top: 360px;
  background: rgba(22, 163, 74, 0.12);
}

.onama-val {
  position: absolute;
  width: 125px;
  height: 20px;
  border: 3px solid rgba(7, 71, 184, 0.11);
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
  border-radius: 50%;
}

.ov1 {
  left: 18%;
  top: 120px;
}

.ov2 {
  right: 22%;
  top: 470px;
  transform: scale(1.35);
}

.onama-bor {
  position: absolute;
  width: 24px;
  height: 90px;
  background: rgba(13, 122, 63, 0.18);
  clip-path: polygon(50% 0, 88% 75%, 58% 75%, 58% 100%, 42% 100%, 42% 75%, 12% 75%);
}

.ob1 {
  left: 9%;
  top: 220px;
}

.ob2 {
  right: 12%;
  top: 430px;
  transform: scale(1.25);
}

.onama-unutra {
  position: relative;
  z-index: 2;
  width: min(1320px, calc(100% - 40px));
  margin: 0 auto;
}

.onama-zaglavlje {
  max-width: 850px;
  margin-bottom: 46px;
}

.onama-zaglavlje span,
.onama-naslov-bloka span {
  display: inline-block;
  margin-bottom: 12px;
  color: #16a34a;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.045em;
  text-transform: uppercase;
}

.onama-zaglavlje h1 {
  margin: 0;
  color: #173a8a;
  font-size: clamp(44px, 6vw, 82px);
  line-height: 0.98;
  letter-spacing: -0.055em;
  font-weight: 900;
}

.onama-zaglavlje p {
  max-width: 760px;
  margin: 22px 0 0;
  color: #445064;
  font-size: 20px;
  line-height: 1.65;
}

.onama-uvod {
  display: grid;
  grid-template-columns: 1fr 420px;
  gap: 34px;
  align-items: stretch;
}

.onama-tekst,
.onama-podaci {
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.86);
  border: 1px solid rgba(7, 71, 184, 0.09);
  box-shadow: 0 22px 58px rgba(23, 58, 138, 0.1);
}

.onama-tekst {
  padding: 42px;
}

.onama-podaci {
  padding: 34px;
  border-left: 5px solid #16a34a;
}

.onama-tekst h2 {
  max-width: 650px;
  margin: 0 0 22px;
  color: #173a8a;
  font-size: clamp(30px, 3.8vw, 48px);
  line-height: 1.08;
  letter-spacing: -0.04em;
  font-weight: 900;
}

.onama-tekst p {
  max-width: 790px;
  margin: 0 0 18px;
  color: #4b576b;
  font-size: 17px;
  line-height: 1.75;
}

.onama-tekst p:last-child {
  margin-bottom: 0;
}

.onama-podaci h3 {
  margin: 0 0 22px;
  color: #173a8a;
  font-size: 25px;
  line-height: 1.2;
  font-weight: 900;
}

.onama-podatak {
  padding: 15px 0;
  border-top: 1px solid rgba(7, 71, 184, 0.1);
}

.onama-podatak strong {
  display: block;
  margin-bottom: 5px;
  color: #173a8a;
  font-size: 14px;
  font-weight: 900;
}

.onama-podatak span,
.onama-podatak a {
  color: #5d687b;
  font-size: 16px;
  line-height: 1.45;
  text-decoration: none;
}

.onama-podatak a:hover {
  color: #0747b8;
}

.onama-brojevi {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin: 34px 0 72px;
}

.onama-brojevi div {
  padding: 28px;
  border-radius: 24px;
  background: linear-gradient(180deg, #ffffff, #f7fbff);
  border: 1px solid rgba(7, 71, 184, 0.08);
  border-bottom: 4px solid rgba(22, 163, 74, 0.5);
  box-shadow: 0 16px 38px rgba(23, 58, 138, 0.08);
}

.onama-brojevi strong {
  display: block;
  color: #173a8a;
  font-size: 26px;
  line-height: 1.15;
  font-weight: 900;
}

.onama-brojevi span {
  display: block;
  margin-top: 8px;
  color: #667085;
  font-size: 15px;
  line-height: 1.45;
}

.onama-podrucja {
  margin-bottom: 72px;
}

.onama-naslov-bloka {
  max-width: 760px;
  margin-bottom: 30px;
}

.onama-naslov-bloka h2 {
  margin: 0;
  color: #173a8a;
  font-size: clamp(34px, 4.8vw, 62px);
  line-height: 1.02;
  letter-spacing: -0.045em;
  font-weight: 900;
}

.onama-naslov-bloka p {
  margin: 18px 0 0;
  color: #5d687b;
  font-size: 18px;
  line-height: 1.65;
}

.onama-kartice {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

.onama-kartica {
  min-height: 295px;
  padding: 28px 24px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(7, 71, 184, 0.09);
  box-shadow: 0 20px 50px rgba(23, 58, 138, 0.09);
}

.onama-ikona {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 66px;
  height: 66px;
  margin-bottom: 22px;
  color: #0747b8;
  background: linear-gradient(180deg, #eef6ff, #e4f1ff);
  border: 1px solid rgba(7, 71, 184, 0.14);
  border-radius: 18px;
}

.onama-kartica:nth-child(2) .onama-ikona {
  color: #0a8ed8;
}

.onama-kartica:nth-child(3) .onama-ikona {
  color: #173a8a;
  background: linear-gradient(180deg, #eef6ff, #e8f8ed);
}

.onama-kartica:nth-child(4) .onama-ikona {
  color: #16a34a;
  background: #e8f8ed;
  border-color: rgba(22, 163, 74, 0.18);
}

.onama-ikona svg {
  width: 38px;
  height: 38px;
}

.onama-ikona svg path {
  fill: none;
  stroke: currentColor;
  stroke-width: 3.1;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.onama-kartica h3 {
  margin: 0;
  color: #173a8a;
  font-size: 22px;
  line-height: 1.2;
  font-weight: 900;
}

.onama-kartica p {
  margin: 14px 0 0;
  color: #5d687b;
  font-size: 15px;
  line-height: 1.6;
}

.onama-popis-unutra {
  margin-top: 28px;
  padding: 30px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid rgba(7, 71, 184, 0.08);
}

.onama-popis ul {
  columns: 3;
  column-gap: 42px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.onama-popis li {
  position: relative;
  break-inside: avoid;
  padding-left: 20px;
  margin-bottom: 12px;
  color: #4d596c;
  font-size: 15px;
  line-height: 1.45;
}

.onama-popis li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #16a34a;
}

@media (max-width: 1100px) {
  .onama-uvod {
    grid-template-columns: 1fr;
  }

  .onama-kartice {
    grid-template-columns: repeat(2, 1fr);
  }

  .onama-popis ul {
    columns: 2;
  }
}

@media (max-width: 760px) {
  .onama-stranica {
    padding: 65px 16px 70px;
  }

  .onama-unutra {
    width: 100%;
  }

  .onama-tekst,
  .onama-podaci,
  .onama-popis {
    padding: 24px;
    border-radius: 22px;
  }

  .onama-brojevi {
    grid-template-columns: 1fr;
    margin-bottom: 55px;
  }

  .onama-kartice {
    grid-template-columns: 1fr;
  }

  .onama-popis-unutra {
    padding: 20px;
  }

  .onama-popis ul {
    columns: 1;
  }

  .onama-zaglavlje p,
  .onama-naslov-bloka p {
    font-size: 17px;
  }
}

.article-details .article-ratings-social-share {
	
	display: none !important;
}

#sp-main-body {
  padding: 0;
}

.article-details .article-can-edit {
	
	margin-bottom: 0;
}

.pocetna-uredna {
  position: relative;
  overflow: hidden;
  padding: 86px 20px 76px;
  background: linear-gradient(180deg, #f5faff 0%, #eef7ff 55%, #f6fbf8 100%);
}

.pocetna-uredna:before {
  content: "";
  position: absolute;
  right: -190px;
  top: 80px;
  width: 480px;
  height: 480px;
  border-radius: 50%;
  background: rgba(7, 71, 184, 0.055);
}

.pocetna-uredna:after {
  content: "";
  position: absolute;
  left: -180px;
  bottom: -240px;
  width: 520px;
  height: 520px;
  border-radius: 50%;
  background: rgba(22, 163, 74, 0.08);
}

.pocetna-uredna-unutra {
  position: relative;
  z-index: 2;
  width: min(1320px, calc(100% - 40px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 64px;
  align-items: center;
}

.pocetna-uredna-lijevo {
  max-width: 590px;
}

.pocetna-uredna-oznaka {
  display: inline-block;
  margin-bottom: 14px;
  padding-left: 12px;
  color: #10843b;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: 0.035em;
  text-transform: uppercase;
  border-left: 4px solid #16a34a;
}

.pocetna-uredna-lijevo h1 {
  margin: 0;
  color: #173a8a;
  font-size: clamp(38px, 4.3vw, 62px);
  line-height: 1.03;
  font-weight: 850;
  letter-spacing: -0.035em;
}

.pocetna-uredna-lijevo p {
  max-width: 540px;
  margin: 24px 0 0;
  color: #445064;
  font-size: 20px;
  line-height: 1.65;
}

.pocetna-uredna-akcije {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 34px;
}

.pocetna-uredna-gumb {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 0 24px;
  border-radius: 12px;
  text-decoration: none;
  font-size: 15px;
  font-weight: 800;
  transition: background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease;
}

.pocetna-uredna-gumb:after {
  content: "";
  width: 20px;
  height: 1px;
  margin-left: 13px;
  background: currentColor;
  opacity: 0.55;
}

.pocetna-uredna-plavi {
  background: #0747b8;
  color: #ffffff;
  border: 1px solid #0747b8;
}

.pocetna-uredna-plavi:hover {
  background: #173a8a;
  color: #ffffff;
  border-color: #173a8a;
}

.pocetna-uredna-bijeli {
  background: #ffffff;
  color: #173a8a;
  border: 1px solid rgba(23, 58, 138, 0.24);
}

.pocetna-uredna-bijeli:hover {
  background: #eef7ff;
  color: #0747b8;
  border-color: rgba(7, 71, 184, 0.4);
}

.pocetna-uredna-desno {
  position: relative;
}

.pocetna-uredna-slika {
  overflow: hidden;
  border-radius: 22px;
  background: #ffffff;
  box-shadow: 0 24px 68px rgba(23, 58, 138, 0.14);
}

.pocetna-uredna-slika img {
  display: block;
  width: 100%;
  height: 430px;
  object-fit: cover;
}

.pocetna-uredna-podaci {
  position: relative;
  z-index: 3;
  margin: -42px 34px 0;
  padding: 22px 24px;
  border-radius: 18px;
  background: #ffffff;
  border-left: 5px solid #16a34a;
  box-shadow: 0 18px 45px rgba(23, 58, 138, 0.13);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.pocetna-uredna-podaci strong {
  display: block;
  color: #173a8a;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 900;
}

.pocetna-uredna-podaci span {
  display: block;
  margin-top: 4px;
  color: #5d687b;
  font-size: 14px;
  line-height: 1.4;
}

.pocetna-uredna-podaci a {
  color: #10843b;
  font-size: 15px;
  font-weight: 800;
  text-decoration: none;
  white-space: nowrap;
}

.pocetna-uredna-usluge {
  position: relative;
  z-index: 3;
  width: min(1320px, calc(100% - 40px));
  margin: 58px auto 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}

.pocetna-uredna-usluga {
  display: block;
  min-height: 150px;
  padding: 24px 22px;
  border-radius: 18px;
  background: #ffffff;
  border: 1px solid rgba(7, 71, 184, 0.08);
  border-bottom: 4px solid rgba(22, 163, 74, 0.62);
  color: #173a8a;
  text-decoration: none;
  box-shadow: 0 14px 36px rgba(23, 58, 138, 0.07);
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.pocetna-uredna-usluga:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 44px rgba(23, 58, 138, 0.11);
  border-bottom-color: #0747b8;
}

.pocetna-uredna-usluga span {
  display: block;
  margin-bottom: 16px;
  color: #16a34a;
  font-size: 13px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: 0.08em;
}

.pocetna-uredna-usluga strong {
  display: block;
  color: #173a8a;
  font-size: 21px;
  line-height: 1.15;
  font-weight: 900;
}

.pocetna-uredna-usluga small {
  display: block;
  margin-top: 9px;
  color: #667085;
  font-size: 14px;
  line-height: 1.45;
}

@media (max-width: 980px) {
  .pocetna-uredna {
    padding-top: 70px;
  }

  .pocetna-uredna-unutra {
    grid-template-columns: 1fr;
    gap: 42px;
  }

  .pocetna-uredna-lijevo {
    max-width: 760px;
  }

  .pocetna-uredna-slika img {
    height: 380px;
  }

  .pocetna-uredna-usluge {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px) {
  .pocetna-uredna {
    padding: 54px 16px 58px;
  }

  .pocetna-uredna-unutra,
  .pocetna-uredna-usluge {
    width: 100%;
  }

  .pocetna-uredna-lijevo h1 {
    font-size: 38px;
    line-height: 1.08;
  }

  .pocetna-uredna-lijevo p {
    font-size: 17px;
  }

  .pocetna-uredna-akcije {
    flex-direction: column;
  }

  .pocetna-uredna-gumb {
    width: 100%;
  }

  .pocetna-uredna-slika img {
    height: 300px;
  }

  .pocetna-uredna-podaci {
    margin: 16px 0 0;
    display: block;
  }

  .pocetna-uredna-podaci a {
    display: inline-block;
    margin-top: 12px;
    white-space: normal;
  }

  .pocetna-uredna-usluge {
    margin-top: 34px;
    grid-template-columns: 1fr;
  }

  .pocetna-uredna-usluga {
    min-height: auto;
  }
}

.pocetna-uredna {
  background: linear-gradient(180deg, #f5faff 0%, #eef7ff 50%, #fffaf0 100%);
}

.pocetna-uredna-oznaka {
  color: #10843b;
  border-left-color: #d6a600;
}

.pocetna-uredna-lijevo h1 {
  text-shadow: 0 2px 0 rgba(214, 166, 0, 0.08);
}

.pocetna-uredna-plavi:after,
.pocetna-uredna-bijeli:after {
  background: #d6a600;
  opacity: 1;
}

.pocetna-uredna-bijeli {
  border-color: rgba(214, 166, 0, 0.38);
}

.pocetna-uredna-bijeli:hover {
  background: #fff8dd;
  border-color: #d6a600;
}

.pocetna-uredna-podaci {
  border-left-color: #d6a600;
}

.pocetna-uredna-podaci a {
  color: #10843b;
}

.pocetna-uredna-usluga {
  border-bottom-color: rgba(214, 166, 0, 0.75);
}

.pocetna-uredna-usluga:hover {
  border-bottom-color: #d6a600;
}

.pocetna-uredna-usluga span {
  color: #d6a600;
}

.pocetna-uredna-usluga:nth-child(2),
.pocetna-uredna-usluga:nth-child(4) {
  background: linear-gradient(180deg, #ffffff 0%, #fffaf0 100%);
}

.item-pagenatjecaji {
    max-width: 1080px;
    margin: 46px auto 64px;
    padding: 0 18px;
    color: #374151;
}

.item-pagenatjecaji .article-info {
    display: none;
}

.bib-natjecaj-uvod {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
    margin: 0 0 14px;
    color: #0b7f3c;
    font-size: 0.8rem;
    font-weight: 850;
    letter-spacing: 0.055em;
    text-transform: uppercase;
}

.bib-natjecaj-linija {
    width: 4px;
    height: 23px;
    border-radius: 10px;
    background: #0fa755;
}

.bib-natjecaj-kategorija,
.bib-natjecaj-datum {
    display: inline-flex;
    align-items: center;
}

.bib-natjecaj-tocka {
    color: #a1aab8;
    font-weight: 700;
}

.item-pagenatjecaji .page-header {
    margin: 0;
    padding: 0;
    border: 0;
}

.item-pagenatjecaji .page-header.bib-natjecaj-naslov {
    margin: 0 0 26px;
}

.item-pagenatjecaji .page-header.bib-natjecaj-naslov h1,
.item-pagenatjecaji > .page-header h1 {
    max-width: 920px;
    margin: 0;
    color: #183b91;
    font-size: clamp(1.85rem, 3.1vw, 2.85rem);
    line-height: 1.08;
    font-weight: 900;
    letter-spacing: -0.045em;
}

.item-pagenatjecaji .fields-container {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin: 0 0 30px;
    padding: 16px;
    list-style: none;
    border: 1px solid #e4e8ef;
    border-radius: 20px;
    background: #f8fafc;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.045);
}

.item-pagenatjecaji .field-entry {
    min-height: 74px;
    margin: 0;
    padding: 14px 15px;
    border: 1px solid #e5e9f0;
    border-radius: 15px;
    background: #ffffff;
    box-shadow: 0 7px 18px rgba(15, 23, 42, 0.035);
}

.item-pagenatjecaji .field-entry.prilozi {
    display: none;
}

.item-pagenatjecaji .field-label {
    display: block;
    margin: 0 0 5px;
    color: #0b7f3c;
    font-size: 0.7rem;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: 0.055em;
}

.item-pagenatjecaji .field-value {
    display: block;
    color: #334155;
    font-size: 0.96rem;
    font-weight: 750;
    line-height: 1.3;
}
.item-pagenatjecaji .status-natječaja .field-value,
.item-pagenatjecaji .status-natjecaja .field-value {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: 5px 10px;
    border-radius: 999px;
    font-size: 0.84rem;
    font-weight: 850;
    background: #f1f5f9;
    color: #475569;
}

.item-pagenatjecaji .status-natječaja.status-otvoren,
.item-pagenatjecaji .status-natjecaja.status-otvoren {
    border-color: #bfdbfe;
    background: #eff6ff;
}

.item-pagenatjecaji .status-natječaja.status-otvoren .field-label,
.item-pagenatjecaji .status-natjecaja.status-otvoren .field-label {
    color: #1d4ed8;
}

.item-pagenatjecaji .status-natječaja.status-otvoren .field-value,
.item-pagenatjecaji .status-natjecaja.status-otvoren .field-value {
    background: #dbeafe;
    color: #1d4ed8;
}

.item-pagenatjecaji .status-natječaja.status-zavrsen,
.item-pagenatjecaji .status-natjecaja.status-zavrsen {
    border-color: #fecaca;
    background: #fff1f2;
}

.item-pagenatjecaji .status-natječaja.status-zavrsen .field-label,
.item-pagenatjecaji .status-natjecaja.status-zavrsen .field-label {
    color: #b91c1c;
}

.item-pagenatjecaji .status-natječaja.status-zavrsen .field-value,
.item-pagenatjecaji .status-natjecaja.status-zavrsen .field-value {
    background: #fee2e2;
    color: #b91c1c;
}

.item-pagenatjecaji .status-natječaja.status-ponisten,
.item-pagenatjecaji .status-natjecaja.status-ponisten {
    border-color: #d1d5db;
    background: #f9fafb;
}

.item-pagenatjecaji .status-natječaja.status-ponisten .field-label,
.item-pagenatjecaji .status-natjecaja.status-ponisten .field-label {
    color: #4b5563;
}

.item-pagenatjecaji .status-natječaja.status-ponisten .field-value,
.item-pagenatjecaji .status-natjecaja.status-ponisten .field-value {
    background: #e5e7eb;
    color: #374151;
}

.item-pagenatjecaji .com-content-article__body {
    padding: 30px;
    border: 1px solid #e4e8ef;
    border-radius: 22px;
    background: #ffffff;
    box-shadow: 0 16px 38px rgba(15, 23, 42, 0.055);
    overflow: hidden;
}

.item-pagenatjecaji .com-content-article__body p {
    margin: 0 0 15px;
    color: #374151;
    font-size: 0.98rem;
    line-height: 1.72;
}

.item-pagenatjecaji .com-content-article__body strong {
    color: #1f2937;
    font-weight: 850;
}

.item-pagenatjecaji .com-content-article__body a {
    color: #183b91;
    font-weight: 750;
    text-decoration: none;
    border-bottom: 1px solid rgba(24, 59, 145, 0.22);
}

.item-pagenatjecaji .com-content-article__body a:hover {
    color: #0b7f3c;
    border-bottom-color: rgba(11, 127, 60, 0.3);
}

.item-pagenatjecaji .com-content-article__body ol,
.item-pagenatjecaji .com-content-article__body ul {
    margin: 0 0 22px 22px;
    padding: 0;
}

.item-pagenatjecaji .com-content-article__body li {
    margin: 0 0 9px;
    color: #374151;
    font-size: 0.98rem;
    line-height: 1.65;
}

.item-pagenatjecaji .com-content-article__body > p[style*="text-align: center"] {
    margin: 22px auto;
    color: #1f2937;
    font-size: 1.08rem;
    line-height: 1.35;
}

.item-pagenatjecaji .com-content-article__body > p[style*="text-align: center"] strong {
    color: #1f2937;
}

.item-pagenatjecaji .com-content-article__body > p[style*="text-align: right"] {
    color: #1f2937;
    font-weight: 750;
}

.item-pagenatjecaji .com-content-article__body table {
    width: 100% !important;
    margin: 24px 0 28px;
    border: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0;
    overflow: hidden;
    border-radius: 18px;
    box-shadow: 0 0 0 1px #e1e5ec;
    background: #ffffff;
}

.item-pagenatjecaji .com-content-article__body table tbody tr:first-child td {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    background: #1f2937;
    color: #ffffff !important;
    font-weight: 800;
    vertical-align: middle;
}

.item-pagenatjecaji .com-content-article__body table tbody tr:first-child td p,
.item-pagenatjecaji .com-content-article__body table tbody tr:first-child td strong {
    color: #ffffff !important;
    font-weight: 800;
}

.item-pagenatjecaji .com-content-article__body table td {
    padding: 10px 11px !important;
    border: 0 !important;
    border-right: 1px solid #e1e5ec !important;
    border-bottom: 1px solid #e1e5ec !important;
    color: #374151;
    font-size: 0.84rem;
    line-height: 1.35;
    vertical-align: top;
}

.item-pagenatjecaji .com-content-article__body table td strong {
    color: #1f2937;
    font-weight: 850;
}

.item-pagenatjecaji .com-content-article__body table td:last-child {
    border-right: 0 !important;
}

.item-pagenatjecaji .com-content-article__body table tr:last-child td {
    border-bottom: 0 !important;
}

.item-pagenatjecaji .com-content-article__body table p {
    margin: 0;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}

.item-pagenatjecaji .com-content-article__body table tr:nth-child(even):not(:first-child) td {
    background: #fbfcfe;
}

.item-pagenatjecaji .bib-prilozi {
    margin-top: 30px;
    padding: 20px;
    border: 1px solid #e5edf7;
    border-radius: 18px;
    background: #f8fbff;
    box-shadow: 0 10px 28px rgba(14, 42, 92, 0.05);
    position: relative;
    overflow: hidden;
}

.item-pagenatjecaji .bib-prilozi::before {
    display: none;
}

.item-pagenatjecaji .bib-prilozi-zaglavlje {
    margin-bottom: 14px;
}

.item-pagenatjecaji .bib-oznaka {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 5px;
    color: #07843c;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.item-pagenatjecaji .bib-oznaka::before {
    content: "";
    width: 3px;
    height: 15px;
    border-radius: 8px;
    background: #0fa755;
}

.item-pagenatjecaji .bib-prilozi-zaglavlje h2 {
    margin: 0;
    color: #1f2937;
    font-size: 1.35rem;
    line-height: 1.1;
    font-weight: 900;
    letter-spacing: -0.03em;
}

.item-pagenatjecaji .bib-prilozi-lista {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.item-pagenatjecaji .bib-prilog {
    display: flex;
    align-items: center;
    gap: 11px;
    min-height: 64px;
    padding: 11px 13px;
    border: 1px solid #e3ebf5;
    border-radius: 14px;
    background: #ffffff;
    color: #1f2937;
    text-decoration: none;
    box-shadow: 0 6px 16px rgba(19, 55, 122, 0.045);
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.item-pagenatjecaji .bib-prilog:hover {
    transform: translateY(-2px);
    border-color: rgba(15, 167, 85, 0.28);
    box-shadow: 0 10px 22px rgba(19, 55, 122, 0.08);
    color: #1f2937;
    text-decoration: none;
}

.item-pagenatjecaji .bib-prilog-ikona {
    width: 38px;
    height: 38px;
    min-width: 38px;
    border-radius: 12px;
    background: #eaf3ff;
    color: #1354c8;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    box-shadow: inset 0 0 0 1px rgba(19, 84, 200, 0.08);
}

.item-pagenatjecaji .bib-prilog-sadrzaj {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.item-pagenatjecaji .bib-prilog-naziv {
    color: #1f2937;
    font-size: 0.88rem;
    font-weight: 800;
    line-height: 1.25;
    word-break: break-word;
}

.item-pagenatjecaji .bib-prilog-meta {
    margin-top: 3px;
    color: #66758b;
    font-size: 0.76rem;
    font-weight: 500;
}

@media (max-width: 991px) {
    .item-pagenatjecaji {
        max-width: 100%;
        margin-top: 34px;
    }

    .item-pagenatjecaji .fields-container {
        grid-template-columns: 1fr;
        padding: 14px;
    }

    .item-pagenatjecaji .com-content-article__body {
        padding: 24px;
        border-radius: 22px;
    }

    .item-pagenatjecaji .com-content-article__body table {
        display: block;
        width: 100% !important;
        max-width: 100%;
        overflow-x: auto;
        white-space: nowrap;
        border-radius: 16px;
    }

    .item-pagenatjecaji .com-content-article__body table tbody {
        display: table;
        width: max-content;
        min-width: 860px;
    }
}

@media (max-width: 767px) {
    .item-pagenatjecaji {
        margin-top: 28px;
        margin-bottom: 42px;
        padding: 0 14px;
    }

    .bib-natjecaj-uvod {
        margin-bottom: 12px;
        font-size: 0.74rem;
        gap: 8px;
    }

    .bib-natjecaj-linija {
        height: 20px;
    }

    .item-pagenatjecaji .page-header.bib-natjecaj-naslov {
        margin-bottom: 20px;
    }

    .item-pagenatjecaji .page-header.bib-natjecaj-naslov h1,
    .item-pagenatjecaji > .page-header h1 {
        font-size: 1.75rem;
        line-height: 1.1;
        letter-spacing: -0.035em;
    }

    .item-pagenatjecaji .fields-container {
        grid-template-columns: 1fr;
        margin-bottom: 22px;
        padding: 13px;
        border-radius: 17px;
    }

    .item-pagenatjecaji .field-entry {
        min-height: auto;
        padding: 12px 13px;
        border-radius: 13px;
    }

    .item-pagenatjecaji .field-value {
        font-size: 0.9rem;
    }

    .item-pagenatjecaji .com-content-article__body {
        padding: 18px;
        border-radius: 18px;
    }

    .item-pagenatjecaji .com-content-article__body p,
    .item-pagenatjecaji .com-content-article__body li {
        font-size: 0.94rem;
        line-height: 1.62;
    }

    .item-pagenatjecaji .com-content-article__body table td {
        padding: 9px 10px !important;
        font-size: 0.78rem;
    }

    .item-pagenatjecaji .bib-prilozi {
        margin-top: 22px;
        padding: 15px;
        border-radius: 16px;
    }

    .item-pagenatjecaji .bib-prilozi-zaglavlje h2 {
        font-size: 1.18rem;
    }

    .item-pagenatjecaji .bib-prilozi-lista {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .item-pagenatjecaji .bib-prilog {
        min-height: 58px;
        padding: 10px 11px;
        border-radius: 13px;
    }

    .item-pagenatjecaji .bib-prilog-ikona {
        width: 34px;
        height: 34px;
        min-width: 34px;
        border-radius: 10px;
        font-size: 14px;
    }

    .item-pagenatjecaji .bib-prilog-naziv {
        font-size: 0.84rem;
    }

    .item-pagenatjecaji .bib-prilog-meta {
        font-size: 0.72rem;
    }
}


.blognatjecaji {
    max-width: 1040px;
    margin: 28px auto 46px;
    padding: 0 16px;
}

.blognatjecaji .com-content-category-blog__items,
.blognatjecaji .blog-items {
    display: grid;
    gap: 12px;
}

.blognatjecaji .com-content-category-blog__item,
.blognatjecaji .blog-item.article {
    margin: 0;
    padding: 0;
}

.blognatjecaji .article-body {
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas:
        "datum"
        "naslov"
        "polja"
        "prilozi"
        "botun";
    gap: 10px;
    padding: 18px;
    border: 1px solid #dfe7f0;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.045);
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.blognatjecaji .article-body:hover {
    transform: translateY(-1px);
    border-color: #d1dbe8;
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.065);
}

.blognatjecaji .article-info {
    grid-area: datum;
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    line-height: 1;
}

.blognatjecaji .article-info .createdby,
.blognatjecaji .article-info .category-name {
    display: none !important;
}

.blognatjecaji .article-info .published {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #0b7f3c;
    font-size: 0.7rem;
    font-weight: 850;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.blognatjecaji .article-info .published::before {
    content: "";
    display: block;
    width: 3px;
    height: 16px;
    min-width: 3px;
    border-radius: 10px;
    background: #0fa755;
}

.blognatjecaji .article-header {
    grid-area: naslov;
    margin: 0;
    padding: 0;
}

.blognatjecaji .article-header h2 {
    max-width: 900px;
    margin: 0;
    padding: 0;
    font-size: clamp(1rem, 1.55vw, 1.28rem);
    line-height: 1.18;
    font-weight: 900;
    letter-spacing: -0.025em;
}

.blognatjecaji .article-header h2 a {
    color: #1f2937;
    text-decoration: none;
}

.blognatjecaji .article-header h2 a:hover {
    color: #183b91;
}

.blognatjecaji .article-introtext {
    display: none !important;
}

.blognatjecaji .fields-container {
    grid-area: polja;
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
    margin: 2px 0 0;
    padding: 0;
    list-style: none;
    border: 1px solid #dfe7f0;
    border-radius: 14px;
    background: #f8fafc;
    overflow: hidden;
}

.blognatjecaji .field-entry {
    margin: 0;
    padding: 0;
}

.blognatjecaji .field-entry.objavljeno,
.blognatjecaji .field-entry.prilozi {
    display: none !important;
}

.blognatjecaji .field-entry.status-natječaja,
.blognatjecaji .field-entry.status-natjecaja,
.blognatjecaji .field-entry.rok-za-podnošenje,
.blognatjecaji .field-entry.rok-za-podnosenje {
    display: grid;
    grid-template-columns: 155px minmax(0, 1fr);
    align-items: center;
    gap: 14px;
    min-height: 46px;
    padding: 10px 14px;
    background: transparent;
    border: 0;
}

.blognatjecaji .field-entry.status-natječaja,
.blognatjecaji .field-entry.status-natjecaja {
    border-bottom: 1px solid #e5e9f0;
}

.blognatjecaji .field-label {
    margin: 0;
    color: #1f2937;
    font-size: 0.8rem;
    font-weight: 900;
    line-height: 1.2;
    letter-spacing: -0.01em;
    text-transform: none;
    white-space: normal;
}

.blognatjecaji .field-value {
    color: #334155;
    font-size: 0.84rem;
    font-weight: 500;
    line-height: 1.35;
}

.blognatjecaji .status-natječaja .field-value,
.blognatjecaji .status-natjecaja .field-value {
    justify-self: start;
    display: inline-flex;
    align-items: center;
    width: fit-content;
    min-height: 28px;
    padding: 5px 14px;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 850;
    background: #f1f5f9;
    color: #475569;
}

.blognatjecaji .status-natječaja.status-otvoren .field-value,
.blognatjecaji .status-natjecaja.status-otvoren .field-value {
    background: #1d4ed8;
    color: #ffffff;
}

.blognatjecaji .status-natječaja.status-zavrsen .field-value,
.blognatjecaji .status-natjecaja.status-zavrsen .field-value {
    background: #dc2626;
    color: #ffffff;
}

.blognatjecaji .status-natječaja.status-ponisten .field-value,
.blognatjecaji .status-natjecaja.status-ponisten .field-value {
    background: #6b7280;
    color: #ffffff;
}

.blognatjecaji .bib-natjecaj-prilozi-lista {
    grid-area: prilozi;
    margin: 5px 0 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-sizing: border-box;
}

.blognatjecaji .bib-natjecaj-prilozi-naslov {
    display: block;
    margin: 0 0 8px;
    padding-top: 12px;
    border-top: 1px solid #e5e9f0;
    color: #1f2937;
    font-size: 0.88rem;
    font-weight: 900;
    letter-spacing: -0.015em;
    text-transform: none;
}

.blognatjecaji .bib-natjecaj-prilozi-naslov::before {
    display: none;
}

.blognatjecaji .bib-natjecaj-prilozi-stavke {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
}

.blognatjecaji .bib-natjecaj-prilog {
    display: flex;
    align-items: center;
    gap: 9px;
    min-height: 44px;
    padding: 8px 10px;
    border: 1px solid #dfe7f0;
    border-radius: 12px;
    background: #f8fafc;
    color: #334155;
    font-size: 0.78rem;
    font-weight: 800;
    line-height: 1.2;
    text-decoration: none;
    box-shadow: none;
    box-sizing: border-box;
    transition: border-color 0.18s ease, color 0.18s ease, background 0.18s ease, transform 0.18s ease;
}

.blognatjecaji .bib-natjecaj-prilog:hover {
    transform: translateY(-1px);
    border-color: rgba(24, 59, 145, 0.25);
    background: #ffffff;
    color: #183b91;
    text-decoration: none;
}

.blognatjecaji .bib-natjecaj-prilog i {
    width: 30px;
    height: 30px;
    min-width: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    border-radius: 9px;
    background: #eaf3ff;
    color: #183b91;
    font-size: 0.82rem;
    line-height: 1;
}

.blognatjecaji .bib-natjecaj-prilog .fa-file-pdf {
    color: #b91c1c;
    background: #fee2e2;
}

.blognatjecaji .bib-natjecaj-prilog .fa-file-word {
    color: #1d4ed8;
    background: #dbeafe;
}

.blognatjecaji .bib-natjecaj-prilog .fa-file-excel {
    color: #15803d;
    background: #dcfce7;
}

.blognatjecaji .bib-natjecaj-prilog .fa-file-powerpoint {
    color: #c2410c;
    background: #ffedd5;
}

.blognatjecaji .bib-natjecaj-card-link {
    grid-area: botun;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    justify-self: start;
    min-height: 34px;
    margin-top: 4px;
    padding: 8px 16px;
    border-radius: 999px;
    background: #183b91;
    color: #ffffff !important;
    font-size: 0.76rem;
    font-weight: 850;
    text-decoration: none !important;
    white-space: nowrap;
    box-shadow: 0 8px 18px rgba(24, 59, 145, 0.16);
    transition: transform 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

.blognatjecaji .bib-natjecaj-card-link:hover {
    transform: translateY(-1px);
    background: #0f2f7d;
    color: #ffffff !important;
    text-decoration: none;
    box-shadow: 0 11px 22px rgba(24, 59, 145, 0.22);
}

@media (max-width: 767px) {
    .blognatjecaji {
        margin: 24px auto 38px;
        padding: 0 13px;
    }

    .blognatjecaji .com-content-category-blog__items,
    .blognatjecaji .blog-items {
        gap: 11px;
    }

    .blognatjecaji .article-body {
        padding: 14px;
        border-radius: 16px;
        gap: 9px;
    }

    .blognatjecaji .article-info .published {
        font-size: 0.68rem;
    }

    .blognatjecaji .article-info .published::before {
        height: 15px;
    }

    .blognatjecaji .article-header h2 {
        max-width: 100%;
        font-size: 1rem;
        line-height: 1.22;
    }

    .blognatjecaji .fields-container {
        border-radius: 13px;
    }

    .blognatjecaji .field-entry.status-natječaja,
    .blognatjecaji .field-entry.status-natjecaja,
    .blognatjecaji .field-entry.rok-za-podnošenje,
    .blognatjecaji .field-entry.rok-za-podnosenje {
        grid-template-columns: 1fr;
        gap: 6px;
        min-height: auto;
        padding: 10px 12px;
    }

    .blognatjecaji .field-label {
        font-size: 0.76rem;
    }

    .blognatjecaji .field-value {
        font-size: 0.78rem;
        line-height: 1.35;
    }

    .blognatjecaji .status-natječaja .field-value,
    .blognatjecaji .status-natjecaja .field-value {
        min-height: 27px;
        padding: 5px 12px;
        font-size: 0.72rem;
    }

    .blognatjecaji .bib-natjecaj-prilozi-naslov {
        font-size: 0.84rem;
        padding-top: 11px;
    }

    .blognatjecaji .bib-natjecaj-prilozi-stavke {
        grid-template-columns: 1fr;
        gap: 6px;
    }

    .blognatjecaji .bib-natjecaj-prilog {
        min-height: 40px;
        padding: 8px 10px;
        font-size: 0.74rem;
    }

    .blognatjecaji .bib-natjecaj-prilog i {
        width: 28px;
        height: 28px;
        min-width: 28px;
        font-size: 0.78rem;
    }

    .blognatjecaji .bib-natjecaj-card-link {
        width: 100%;
        justify-self: stretch;
        min-height: 34px;
        padding: 8px 13px;
        font-size: 0.76rem;
    }
}
.article-info > span + span::before {
	
	padding-left: unset;
	padding-right: unset;
}

.sp-megamenu-parent > li.sp-has-child > a::after {
    content: none !important;
    display: none !important;
}

.sp-megamenu-parent > li.sp-has-child > .sp-dropdown {
    width: 280px !important;
    padding-top: 12px;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.sp-megamenu-parent > li.sp-has-child > .sp-dropdown .sp-dropdown-inner {
    padding: 10px;
    border: 1px solid rgba(226, 232, 240, 0.95);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.13);
    backdrop-filter: blur(10px);
}

.sp-megamenu-parent .sp-dropdown-items {
    display: grid;
    gap: 6px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sp-megamenu-parent .sp-dropdown-items > li.sp-menu-item {
    margin: 0;
    padding: 0;
}

.sp-megamenu-parent .sp-dropdown-items > li.sp-menu-item > a {
    position: relative;
    display: flex !important;
    align-items: center;
    min-height: 46px;
    padding: 11px 13px !important;
    border: 1px solid transparent;
    border-radius: 13px;
    background: transparent;
    color: #1f2937 !important;
    font-size: 0.92rem;
    font-weight: 800;
    line-height: 1.2;
    text-decoration: none !important;
    transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}

.sp-megamenu-parent .sp-dropdown-items > li.sp-menu-item > a::before {
    content: "";
    width: 7px;
    height: 7px;
    min-width: 7px;
    margin-right: 10px;
    border-radius: 999px;
    background: #0fa755;
    opacity: 0.9;
    transition: transform 0.18s ease, background 0.18s ease;
}

.sp-megamenu-parent .sp-dropdown-items > li.sp-menu-item > a::after {
    display: none !important;
    content: none !important;
}

.sp-megamenu-parent .sp-dropdown-items > li.sp-menu-item > a:hover {
    transform: translateY(-1px);
    border-color: #e2e8f0;
    background: #f6fbff;
    color: #183b91 !important;
}

.sp-megamenu-parent .sp-dropdown-items > li.sp-menu-item > a:hover::before {
    transform: scale(1.25);
    background: #183b91;
}

.sp-megamenu-parent > li.sp-has-child:hover > .sp-dropdown,
.sp-megamenu-parent > li.sp-has-child:focus-within > .sp-dropdown {
    animation: bibDropIn 0.16s ease both;
}

@keyframes bibDropIn {
    from {
        opacity: 0;
        transform: translateY(7px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.sp-megamenu-parent > li.sp-has-child > a {
    display: inline-flex !important;
    align-items: center;
    gap: 7px;
}

.sp-megamenu-parent > li.sp-has-child > a::after {
    content: "" !important;
    display: inline-block !important;
    width: 8px;
    height: 8px;
    margin-left: 4px;
    margin-top: -4px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    transition: transform 0.18s ease, margin-top 0.18s ease;
}

.sp-megamenu-parent > li.sp-has-child:hover > a::after,
.sp-megamenu-parent > li.sp-has-child:focus-within > a::after {
    margin-top: 2px;
    transform: rotate(225deg);
}

.sp-megamenu-parent .sp-dropdown-items > li.sp-menu-item > a::after {
    content: none !important;
    display: none !important;
}


.nabava-stranica {
    max-width: 1180px;
    margin: 36px auto 70px;
    padding: 0 18px;
    color: #334155;
}

.nabava-stranica a {
    text-decoration: none;
}

.nabava-hero {
    display: block;
    margin-bottom: 24px;
}

.nabava-hero-desno {
    display: none;
}

.nabava-hero-lijevo {
    padding: 34px;
    border: 1px solid #e2e8f0;
    border-radius: 24px;
    background: linear-gradient(135deg, #ffffff 0%, #f6fbff 62%, #eefaf5 100%);
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.06);
}

.nabava-kicker {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 10px;
    color: #0b7f3c;
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.nabava-kicker::before {
    content: "";
    width: 4px;
    height: 20px;
    border-radius: 999px;
    background: #0fa755;
}

.nabava-hero h1 {
    margin: 0 0 16px;
    color: #183b91;
    font-size: clamp(2.2rem, 4vw, 3.7rem);
    line-height: 1.02;
    font-weight: 950;
    letter-spacing: -0.055em;
}

.nabava-uvod {
    max-width: 860px;
}

.nabava-uvod p {
    margin: 0 0 13px;
    color: #475569;
    font-size: 1rem;
    line-height: 1.7;
}

.nabava-grid {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.nabava-sidebar {
    order: 1;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.nabava-main {
    order: 2;
    min-width: 0;
}

.nabava-sekcija,
.nabava-panel {
    padding: 26px;
    border: 1px solid #e2e8f0;
    border-radius: 24px;
    background: #ffffff;
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.055);
}

.nabava-sekcija-head,
.nabava-panel-head {
    margin-bottom: 18px;
}

.nabava-sekcija-head h2,
.nabava-panel-head h2 {
    margin: 0;
    color: #1f2937;
    font-size: clamp(1.45rem, 2.3vw, 2rem);
    line-height: 1.08;
    font-weight: 950;
    letter-spacing: -0.045em;
}

.nabava-panel-head h2 {
    font-size: clamp(1.25rem, 1.8vw, 1.55rem);
}

.nabava-sidebar-lista {
    display: grid;
    gap: 10px;
}

.nabava-sidebar-card {
    padding: 14px;
    border: 1px solid #dfe7f0;
    border-radius: 16px;
    background: #f8fafc;
}

.nabava-sidebar-card h3 {
    margin: 0 0 10px;
    color: #1f2937;
    font-size: 0.98rem;
    line-height: 1.22;
    font-weight: 950;
    letter-spacing: -0.02em;
}

.nabava-sidebar-linkovi {
    display: grid;
    gap: 8px;
}

.nabava-dokument-link,
.nabava-sidebar-link {
    display: flex;
    align-items: center;
    gap: 11px;
    min-height: 54px;
    padding: 10px 12px;
    border: 1px solid #dfe7f0;
    border-radius: 14px;
    background: #ffffff;
    color: #334155;
    transition: transform 0.18s ease, background 0.18s ease, border-color 0.18s ease;
}

.nabava-dokument-link:hover,
.nabava-sidebar-link:hover {
    transform: translateY(-1px);
    border-color: rgba(24, 59, 145, 0.25);
    background: #ffffff;
    color: #183b91;
}

.nabava-dokument-ikona {
    width: 36px;
    height: 36px;
    min-width: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    background: #eaf3ff;
    color: #183b91;
    font-size: 0.95rem;
}

.nabava-dokument-ikona .fa-file-pdf {
    color: #b91c1c;
}

.nabava-dokument-ikona .fa-file-word {
    color: #1d4ed8;
}

.nabava-dokument-ikona .fa-file-excel {
    color: #15803d;
}

.nabava-dokument-ikona .fa-file-powerpoint {
    color: #c2410c;
}

.nabava-dokument-tekst {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.nabava-dokument-naziv {
    color: #334155;
    font-size: 0.84rem;
    font-weight: 850;
    line-height: 1.2;
}

.nabava-dokument-meta {
    margin-top: 4px;
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 600;
}

.nabava-postupci {
    display: grid;
    gap: 16px;
}

.nabava-postupak {
    padding: 22px;
    border: 1px solid #dfe7f0;
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.04);
}

.nabava-postupak-vrh {
    margin-bottom: 15px;
}

.nabava-datum {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 9px;
    color: #0b7f3c;
    font-size: 0.74rem;
    font-weight: 900;
    letter-spacing: 0.055em;
    text-transform: uppercase;
}

.nabava-datum::before {
    content: "";
    width: 4px;
    height: 17px;
    border-radius: 999px;
    background: #0fa755;
}

.nabava-postupak h3 {
    margin: 0;
    font-size: clamp(1.15rem, 2vw, 1.55rem);
    line-height: 1.2;
    font-weight: 950;
    letter-spacing: -0.035em;
}

.nabava-postupak h3 a {
    color: #1f2937;
}

.nabava-postupak h3 a:hover {
    color: #183b91;
}

.nabava-info-box {
    border: 1px solid #dfe7f0;
    border-radius: 16px;
    background: #f8fafc;
    overflow: hidden;
}

.nabava-info-red {
    display: grid;
    grid-template-columns: 165px minmax(0, 1fr);
    gap: 16px;
    align-items: center;
    padding: 13px 16px;
    border-bottom: 1px solid #e5e9f0;
}

.nabava-info-red:last-child {
    border-bottom: 0;
}

.nabava-info-red strong {
    color: #1f2937;
    font-size: 0.86rem;
    font-weight: 900;
}

.nabava-info-red span {
    color: #334155;
    font-size: 0.9rem;
    line-height: 1.45;
}

.nabava-status {
    justify-self: start;
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 6px 15px;
    border-radius: 999px;
    color: #ffffff !important;
    font-size: 0.78rem !important;
    font-weight: 900;
    line-height: 1;
}

.nabava-status.is-open {
    background: #1d4ed8;
}

.nabava-status.is-closed {
    background: #dc2626;
}

.nabava-status.is-cancelled {
    background: #6b7280;
}

.nabava-status.is-neutral {
    background: #475569;
}

.nabava-dokumenti-blok {
    margin-top: 18px;
}

.nabava-dokumenti-blok h4 {
    margin: 0 0 10px;
    color: #1f2937;
    font-size: 1rem;
    font-weight: 950;
    letter-spacing: -0.02em;
}

.nabava-dokumenti-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 9px;
}

.nabava-gumb {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    margin-top: 18px;
    padding: 9px 18px;
    border-radius: 999px;
    background: #183b91;
    color: #ffffff !important;
    font-size: 0.82rem;
    font-weight: 900;
    box-shadow: 0 9px 20px rgba(24, 59, 145, 0.18);
    transition: transform 0.18s ease, background 0.18s ease;
}

.nabava-gumb:hover {
    transform: translateY(-1px);
    background: #0f2f7d;
    color: #ffffff !important;
}

.nabava-mini-link {
    display: inline-flex;
    color: #183b91;
    font-size: 0.82rem;
    font-weight: 850;
}

.nabava-prazno {
    padding: 16px;
    border: 1px dashed #cbd5e1;
    border-radius: 16px;
    background: #f8fafc;
    color: #64748b;
    font-size: 0.9rem;
    font-weight: 700;
}

@media (max-width: 991px) {
    .nabava-sidebar {
        grid-template-columns: 1fr;
    }

    .nabava-dokumenti-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .nabava-stranica {
        margin: 24px auto 46px;
        padding: 0 14px;
    }

    .nabava-hero {
        margin-bottom: 16px;
    }

    .nabava-hero-lijevo,
    .nabava-sekcija,
    .nabava-panel {
        padding: 18px;
        border-radius: 18px;
    }

    .nabava-hero h1 {
        font-size: 2.1rem;
    }

    .nabava-uvod p {
        font-size: 0.92rem;
        line-height: 1.6;
    }

    .nabava-grid {
        gap: 16px;
    }

    .nabava-sidebar {
        gap: 16px;
    }

    .nabava-info-red {
        grid-template-columns: 1fr;
        gap: 7px;
        padding: 12px 13px;
    }

    .nabava-dokumenti-grid {
        grid-template-columns: 1fr;
    }

    .nabava-dokument-link,
    .nabava-sidebar-link {
        min-height: 50px;
    }

    .nabava-gumb {
        width: 100%;
    }
}

.nabava-accordion {
    display: grid;
    gap: 9px;
}

.nabava-accordion-item {
    border: 1px solid #dfe7f0;
    border-radius: 15px;
    background: #f8fafc;
    overflow: hidden;
}

.nabava-accordion-trigger {
    width: 100%;
    min-height: 48px;
    padding: 12px 14px;
    border: 0;
    background: transparent;
    color: #1f2937;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    font-size: 0.92rem;
    font-weight: 950;
    line-height: 1.2;
    letter-spacing: -0.02em;
    text-align: left;
    cursor: pointer;
}

.nabava-accordion-trigger i {
    color: #183b91;
    font-size: 0.78rem;
    transition: transform 0.18s ease;
}

.nabava-accordion-item.is-open .nabava-accordion-trigger i {
    transform: rotate(180deg);
}

.nabava-accordion-content {
    display: none;
    padding: 0 12px 12px;
}

.nabava-accordion-item.is-open .nabava-accordion-content {
    display: block;
}

.nabava-accordion-content .nabava-sidebar-lista {
    gap: 8px;
}

.nabava-accordion-content .nabava-sidebar-card {
    background: #ffffff;
}

@media (max-width: 767px) {
    .nabava-accordion-trigger {
        min-height: 44px;
        padding: 11px 12px;
        font-size: 0.86rem;
    }

    .nabava-accordion-content {
        padding: 0 10px 10px;
    }
}

.blognatjecaji > h1 {
    max-width: 1040px;
    margin: 30px auto 0 !important;
    padding: 28px 32px 6px !important;
    border: 1px solid #e2e8f0 !important;
    border-bottom: 0 !important;
    border-radius: 22px 22px 0 0 !important;
    background: linear-gradient(135deg, #ffffff 0%, #f6fbff 62%, #eefaf5 100%) !important;
    box-shadow: none !important;
    color: #183b91;
    font-size: clamp(2rem, 3.4vw, 3.1rem);
    line-height: 1.03;
    font-weight: 950;
    letter-spacing: -0.055em;
}

.blognatjecaji > h1::before {
    content: "Transparentno i javno";
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 9px;
    color: #0b7f3c;
    font-size: 0.74rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    border-left: 4px solid #0fa755;
    padding-left: 10px;
}

.blognatjecaji > .category-desc {
    max-width: 1040px;
    margin: 0 auto 24px !important;
    padding: 0 32px 28px !important;
    border: 1px solid #e2e8f0 !important;
    border-top: 0 !important;
    border-radius: 0 0 22px 22px !important;
    background: linear-gradient(135deg, #ffffff 0%, #f6fbff 62%, #eefaf5 100%) !important;
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.055) !important;
}

.blognatjecaji > .category-desc p {
    max-width: 760px;
    margin: 0 !important;
    color: #475569;
    font-size: 0.98rem;
    line-height: 1.65;
}

@media (max-width: 767px) {
    .blognatjecaji > h1 {
        margin: 24px 14px 0 !important;
        padding: 20px 20px 6px !important;
        font-size: 2rem;
        border-radius: 18px 18px 0 0 !important;
    }

    .blognatjecaji > h1::before {
        font-size: 0.68rem;
    }

    .blognatjecaji > .category-desc {
        margin: 0 14px 20px !important;
        padding: 0 20px 20px !important;
        border-radius: 0 0 18px 18px !important;
    }

    .blognatjecaji > .category-desc p {
        font-size: 0.9rem;
        line-height: 1.55;
    }
}

.sasavac-stranica {
    max-width: 1180px;
    margin: 34px auto 70px;
    padding: 0 18px;
    color: #334155;
}

.sasavac-stranica a {
    text-decoration: none;
}

.sasavac-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) 420px;
    gap: 24px;
    align-items: stretch;
    margin-bottom: 24px;
}

.sasavac-slika {
    min-height: 360px;
    border: 1px solid #e2e8f0;
    border-radius: 26px;
    overflow: hidden;
    background: #f8fafc;
    box-shadow: 0 16px 42px rgba(15, 23, 42, 0.08);
}

.sasavac-slika img {
    width: 100%;
    height: 100%;
    min-height: 360px;
    display: block;
    object-fit: cover;
}

.sasavac-uvod {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 34px;
    border: 1px solid #e2e8f0;
    border-radius: 26px;
    background: linear-gradient(135deg, #ffffff 0%, #f6fbff 58%, #eefaf5 100%);
    box-shadow: 0 16px 42px rgba(15, 23, 42, 0.06);
}

.sasavac-oznaka {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 10px;
    color: #0b7f3c;
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.sasavac-oznaka::before {
    content: "";
    width: 4px;
    height: 19px;
    border-radius: 999px;
    background: #0fa755;
}

.sasavac-uvod h1 {
    margin: 0 0 16px;
    color: #183b91;
    font-size: clamp(2.2rem, 4vw, 3.9rem);
    line-height: 1.02;
    font-weight: 950;
    letter-spacing: -0.055em;
}

.sasavac-uvod p {
    margin: 0;
    color: #475569;
    font-size: 1.02rem;
    line-height: 1.65;
}

.sasavac-sadrzaj {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 24px;
    margin-bottom: 24px;
}

.sasavac-tekst,
.sasavac-info,
.sasavac-usluge {
    min-width: 0;
}

.sasavac-tekst {
    padding: 32px;
    border: 1px solid #e2e8f0;
    border-radius: 24px;
    background: #ffffff;
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.055);
}

.sasavac-tekst h2,
.sasavac-usluge-head h2 {
    margin: 0 0 18px;
    color: #1f2937;
    font-size: clamp(1.45rem, 2.4vw, 2.15rem);
    line-height: 1.08;
    font-weight: 950;
    letter-spacing: -0.045em;
}

.sasavac-tekst p {
    margin: 0 0 16px;
    color: #475569;
    font-size: 0.98rem;
    line-height: 1.75;
}

.sasavac-tekst p:last-child {
    margin-bottom: 0;
}

.sasavac-info {
    display: grid;
    gap: 12px;
}

.sasavac-kartica {
    display: flex;
    gap: 14px;
    padding: 18px;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    background: #f8fafc;
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.045);
}

.sasavac-ikona {
    width: 46px;
    height: 46px;
    min-width: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    background: #eaf3ff;
    color: #183b91;
    font-size: 1.05rem;
}

.sasavac-kartica h3 {
    margin: 0 0 5px;
    color: #1f2937;
    font-size: 1rem;
    line-height: 1.2;
    font-weight: 900;
}

.sasavac-kartica p {
    margin: 0;
    color: #64748b;
    font-size: 0.88rem;
    line-height: 1.5;
}

.sasavac-usluge {
    padding: 30px;
    border: 1px solid #e2e8f0;
    border-radius: 24px;
    background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.055);
}

.sasavac-usluge-head {
    margin-bottom: 20px;
}

.sasavac-usluge-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.sasavac-usluga {
    padding: 18px;
    border: 1px solid #dfe7f0;
    border-radius: 18px;
    background: #ffffff;
}

.sasavac-usluga span {
    display: inline-flex;
    margin-bottom: 12px;
    color: #0b7f3c;
    font-size: 0.78rem;
    font-weight: 950;
    letter-spacing: 0.08em;
}

.sasavac-usluga h3 {
    margin: 0 0 8px;
    color: #183b91;
    font-size: 1rem;
    line-height: 1.2;
    font-weight: 950;
    letter-spacing: -0.025em;
}

.sasavac-usluga p {
    margin: 0;
    color: #64748b;
    font-size: 0.86rem;
    line-height: 1.5;
}

@media (max-width: 991px) {
    .sasavac-hero,
    .sasavac-sadrzaj {
        grid-template-columns: 1fr;
    }

    .sasavac-usluge-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sasavac-slika,
    .sasavac-slika img {
        min-height: 300px;
    }
}

@media (max-width: 767px) {
    .sasavac-stranica {
        margin: 24px auto 46px;
        padding: 0 14px;
    }

    .sasavac-hero,
    .sasavac-sadrzaj {
        gap: 16px;
        margin-bottom: 16px;
    }

    .sasavac-slika,
    .sasavac-uvod,
    .sasavac-tekst,
    .sasavac-usluge {
        border-radius: 18px;
    }

    .sasavac-slika,
    .sasavac-slika img {
        min-height: 220px;
    }

    .sasavac-uvod,
    .sasavac-tekst,
    .sasavac-usluge {
        padding: 20px;
    }

    .sasavac-uvod h1 {
        font-size: 2.1rem;
    }

    .sasavac-uvod p,
    .sasavac-tekst p {
        font-size: 0.92rem;
        line-height: 1.6;
    }

    .sasavac-info {
        gap: 10px;
    }

    .sasavac-kartica {
        padding: 15px;
        border-radius: 16px;
    }

    .sasavac-ikona {
        width: 40px;
        height: 40px;
        min-width: 40px;
        border-radius: 13px;
        font-size: 0.95rem;
    }

    .sasavac-usluge-grid {
        grid-template-columns: 1fr;
    }

    .sasavac-usluga {
        padding: 16px;
        border-radius: 16px;
    }
}

.parking-stranica {
    max-width: 1180px;
    margin: 34px auto 70px;
    padding: 0 18px;
    color: #334155;
}

.parking-stranica a {
    text-decoration: none;
}

.parking-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 24px;
    margin-bottom: 24px;
}

.parking-uvod,
.parking-info-kutija,
.parking-tekst,
.parking-kartica,
.parking-usluge,
.parking-dokument {
    border: 1px solid #e2e8f0;
    border-radius: 24px;
    background: #ffffff;
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.055);
}

.parking-uvod {
    padding: 34px;
    background: linear-gradient(135deg, #ffffff 0%, #f6fbff 58%, #eefaf5 100%);
}

.parking-oznaka {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 10px;
    color: #0b7f3c;
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.parking-oznaka::before {
    content: "";
    width: 4px;
    height: 19px;
    border-radius: 999px;
    background: #0fa755;
}

.parking-uvod h1 {
    margin: 0 0 16px;
    color: #183b91;
    font-size: clamp(2.2rem, 4vw, 3.9rem);
    line-height: 1.02;
    font-weight: 950;
    letter-spacing: -0.055em;
}

.parking-uvod p,
.parking-info-kutija p,
.parking-tekst p,
.parking-dokument p {
    margin: 0;
    color: #475569;
    font-size: 1rem;
    line-height: 1.68;
}

.parking-info-kutija {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 28px;
    background: #f8fafc;
}

.parking-ikona-velika {
    width: 64px;
    height: 64px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    border-radius: 20px;
    background: #eaf3ff;
    color: #183b91;
    font-size: 1.65rem;
}

.parking-info-kutija h2,
.parking-tekst h2,
.parking-usluge-head h2,
.parking-dokument h2 {
    margin: 0 0 12px;
    color: #1f2937;
    font-size: clamp(1.45rem, 2.4vw, 2.1rem);
    line-height: 1.08;
    font-weight: 950;
    letter-spacing: -0.045em;
}

.parking-sadrzaj {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 24px;
    margin-bottom: 24px;
}

.parking-tekst {
    padding: 32px;
}

.parking-tekst p {
    margin-bottom: 16px;
}

.parking-tekst p:last-child {
    margin-bottom: 0;
}

.parking-kartice {
    display: grid;
    gap: 12px;
}

.parking-kartica {
    display: flex;
    gap: 14px;
    padding: 18px;
    background: #f8fafc;
}

.parking-ikona {
    width: 46px;
    height: 46px;
    min-width: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    background: #eaf3ff;
    color: #183b91;
    font-size: 1.05rem;
}

.parking-kartica h3 {
    margin: 0 0 5px;
    color: #1f2937;
    font-size: 1rem;
    line-height: 1.2;
    font-weight: 900;
}

.parking-kartica p {
    margin: 0;
    color: #64748b;
    font-size: 0.88rem;
    line-height: 1.5;
}

.parking-usluge {
    padding: 30px;
    margin-bottom: 24px;
    background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
}

.parking-usluge-head {
    margin-bottom: 20px;
}

.parking-usluge-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.parking-usluga {
    padding: 18px;
    border: 1px solid #dfe7f0;
    border-radius: 18px;
    background: #ffffff;
}

.parking-usluga span {
    display: inline-flex;
    margin-bottom: 12px;
    color: #0b7f3c;
    font-size: 0.78rem;
    font-weight: 950;
    letter-spacing: 0.08em;
}

.parking-usluga h3 {
    margin: 0 0 8px;
    color: #183b91;
    font-size: 1rem;
    line-height: 1.2;
    font-weight: 950;
    letter-spacing: -0.025em;
}

.parking-usluga p {
    margin: 0;
    color: #64748b;
    font-size: 0.86rem;
    line-height: 1.5;
}

.parking-dokument {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 24px;
    align-items: center;
    padding: 28px;
    background: linear-gradient(135deg, #ffffff 0%, #f6fbff 100%);
}

.parking-dokument-link {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    min-height: 54px;
    padding: 12px 18px;
    border-radius: 999px;
    background: #183b91;
    color: #ffffff !important;
    font-weight: 900;
    box-shadow: 0 10px 24px rgba(24, 59, 145, 0.18);
    transition: transform 0.18s ease, background 0.18s ease;
    white-space: nowrap;
}

.parking-dokument-link:hover {
    transform: translateY(-1px);
    background: #0f2f7d;
    color: #ffffff !important;
}

.parking-dokument-link span {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.16);
}

@media (max-width: 991px) {
    .parking-hero,
    .parking-sadrzaj,
    .parking-dokument {
        grid-template-columns: 1fr;
    }

    .parking-usluge-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .parking-dokument-link {
        justify-self: start;
    }
}

@media (max-width: 767px) {
    .parking-stranica {
        margin: 24px auto 46px;
        padding: 0 14px;
    }

    .parking-hero,
    .parking-sadrzaj {
        gap: 16px;
        margin-bottom: 16px;
    }

    .parking-uvod,
    .parking-info-kutija,
    .parking-tekst,
    .parking-usluge,
    .parking-dokument {
        padding: 20px;
        border-radius: 18px;
    }

    .parking-uvod h1 {
        font-size: 2.1rem;
    }

    .parking-uvod p,
    .parking-info-kutija p,
    .parking-tekst p,
    .parking-dokument p {
        font-size: 0.92rem;
        line-height: 1.6;
    }

    .parking-kartice {
        gap: 10px;
    }

    .parking-kartica {
        padding: 15px;
        border-radius: 16px;
    }

    .parking-ikona {
        width: 40px;
        height: 40px;
        min-width: 40px;
        border-radius: 13px;
        font-size: 0.95rem;
    }

    .parking-usluge-grid {
        grid-template-columns: 1fr;
    }

    .parking-usluga {
        padding: 16px;
        border-radius: 16px;
    }

    .parking-dokument-link {
        width: 100%;
        justify-content: center;
        white-space: normal;
    }
}


.bib-kontakt-stranica {
    max-width: 1180px;
    margin: 34px auto 70px;
    padding: 0 18px;
    color: #334155;
}

.bib-kontakt-stranica a {
    text-decoration: none;
}

.bib-kontakt-hero {
    margin-bottom: 24px;
    padding: 34px;
    border: 1px solid #e2e8f0;
    border-radius: 24px;
    background: linear-gradient(135deg, #ffffff 0%, #f6fbff 62%, #eefaf5 100%);
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.06);
}

.bib-kontakt-oznaka {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 10px;
    color: #0b7f3c;
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.bib-kontakt-oznaka::before {
    content: "";
    width: 4px;
    height: 19px;
    border-radius: 999px;
    background: #0fa755;
}

.bib-kontakt-hero h1 {
    margin: 0 0 16px;
    color: #183b91;
    font-size: clamp(2.2rem, 4vw, 3.8rem);
    line-height: 1.02;
    font-weight: 950;
    letter-spacing: -0.055em;
}

.bib-kontakt-hero p {
    max-width: 820px;
    margin: 0;
    color: #475569;
    font-size: 1rem;
    line-height: 1.7;
}

.bib-kontakt-grid {
    display: grid;
    grid-template-columns: 420px minmax(0, 1fr);
    gap: 24px;
    margin-bottom: 24px;
}

.bib-kontakt-podaci,
.bib-kontakt-forma-wrap,
.bib-kontakt-mapa {
    border: 1px solid #e2e8f0;
    border-radius: 24px;
    background: #ffffff;
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.055);
}

.bib-kontakt-podaci,
.bib-kontakt-forma-wrap,
.bib-kontakt-mapa {
    padding: 28px;
}

.bib-kontakt-head {
    margin-bottom: 18px;
}

.bib-kontakt-head h2 {
    margin: 0;
    color: #1f2937;
    font-size: clamp(1.35rem, 2.2vw, 2rem);
    line-height: 1.1;
    font-weight: 950;
    letter-spacing: -0.045em;
}

.bib-kontakt-head p {
    max-width: 620px;
    margin: 10px 0 0;
    color: #64748b;
    font-size: 0.92rem;
    line-height: 1.6;
}

.bib-kontakt-stavka {
    display: flex;
    gap: 14px;
    padding: 16px;
    border: 1px solid #dfe7f0;
    border-radius: 18px;
    background: #f8fafc;
}

.bib-kontakt-stavka + .bib-kontakt-stavka {
    margin-top: 10px;
}

.bib-kontakt-ikona {
    width: 44px;
    height: 44px;
    min-width: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: #eaf3ff;
    color: #183b91;
    font-size: 1rem;
}

.bib-kontakt-stavka h3 {
    margin: 0 0 5px;
    color: #1f2937;
    font-size: 0.96rem;
    line-height: 1.2;
    font-weight: 900;
}

.bib-kontakt-stavka a,
.bib-kontakt-stavka p {
    margin: 0;
    color: #64748b;
    font-size: 0.9rem;
    line-height: 1.45;
}

.bib-kontakt-stavka a:hover {
    color: #183b91;
}

.bib-kontakt-forma {
    display: grid;
    gap: 14px;
}

.bib-form-red {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.bib-polje {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.bib-polje label {
    color: #1f2937;
    font-size: 0.82rem;
    font-weight: 850;
}

.bib-polje input,
.bib-polje select,
.bib-polje textarea {
    width: 100%;
    min-height: 46px;
    padding: 11px 13px;
    border: 1px solid #dfe7f0;
    border-radius: 14px;
    background: #f8fafc;
    color: #334155;
    font-size: 0.92rem;
    line-height: 1.35;
    outline: none;
    box-sizing: border-box;
    transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

.bib-polje textarea {
    resize: vertical;
    min-height: 140px;
}

.bib-polje input:focus,
.bib-polje select:focus,
.bib-polje textarea:focus {
    border-color: rgba(24, 59, 145, 0.35);
    background: #ffffff;
    box-shadow: 0 0 0 4px rgba(24, 59, 145, 0.07);
}

.bib-kontakt-gumb {
    justify-self: start;
    min-height: 44px;
    padding: 11px 22px;
    border: 0;
    border-radius: 999px;
    background: #183b91;
    color: #ffffff;
    font-size: 0.9rem;
    font-weight: 900;
    cursor: pointer;
    box-shadow: 0 10px 24px rgba(24, 59, 145, 0.18);
    transition: transform 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

.bib-kontakt-gumb:hover {
    transform: translateY(-1px);
    background: #0f2f7d;
    box-shadow: 0 14px 28px rgba(24, 59, 145, 0.24);
}

.bib-nevidljivo {
    position: absolute !important;
    left: -9999px !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.bib-kontakt-mapa {
    overflow: hidden;
}

.bib-mapa-okvir {
    overflow: hidden;
    border: 1px solid #dfe7f0;
    border-radius: 20px;
    background: #f8fafc;
}

.bib-mapa-okvir iframe {
    display: block;
    width: 100%;
    min-height: 420px;
}

@media (max-width: 991px) {
    .bib-kontakt-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .bib-kontakt-stranica {
        margin: 24px auto 46px;
        padding: 0 14px;
    }

    .bib-kontakt-hero,
    .bib-kontakt-podaci,
    .bib-kontakt-forma-wrap,
    .bib-kontakt-mapa {
        padding: 20px;
        border-radius: 18px;
    }

    .bib-kontakt-hero h1 {
        font-size: 2.1rem;
    }

    .bib-kontakt-hero p {
        font-size: 0.92rem;
        line-height: 1.6;
    }

    .bib-form-red {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .bib-kontakt-stavka {
        padding: 14px;
        border-radius: 16px;
    }

    .bib-kontakt-ikona {
        width: 40px;
        height: 40px;
        min-width: 40px;
        border-radius: 13px;
    }

    .bib-kontakt-gumb {
        width: 100%;
    }

    .bib-mapa-okvir iframe {
        min-height: 320px;
    }
}

.komunalne-stranica {
    max-width: 1180px;
    margin: 34px auto 70px;
    padding: 0 18px;
    color: #334155;
}

.komunalne-stranica a {
    text-decoration: none;
}

.komunalne-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 24px;
    margin-bottom: 24px;
}

.komunalne-hero-tekst,
.komunalne-hero-info,
.komunalne-usluge,
.komunalne-napomena {
    border: 1px solid #e2e8f0;
    border-radius: 24px;
    background: #ffffff;
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.055);
}

.komunalne-hero-tekst {
    padding: 34px;
    background: linear-gradient(135deg, #ffffff 0%, #f6fbff 58%, #eefaf5 100%);
}

.komunalne-oznaka {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 10px;
    color: #0b7f3c;
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.komunalne-oznaka::before {
    content: "";
    width: 4px;
    height: 19px;
    border-radius: 999px;
    background: #0fa755;
}

.komunalne-hero-tekst h1 {
    margin: 0 0 16px;
    color: #183b91;
    font-size: clamp(2.2rem, 4vw, 3.9rem);
    line-height: 1.02;
    font-weight: 950;
    letter-spacing: -0.055em;
}

.komunalne-hero-tekst p,
.komunalne-hero-info p,
.komunalne-napomena p {
    margin: 0;
    color: #475569;
    font-size: 1rem;
    line-height: 1.68;
}

.komunalne-hero-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 28px;
    background: #f8fafc;
}

.komunalne-hero-ikona {
    width: 64px;
    height: 64px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    border-radius: 20px;
    background: #eaf3ff;
    color: #183b91;
    font-size: 1.55rem;
}

.komunalne-hero-info h2,
.komunalne-sekcija-head h2,
.komunalne-napomena h2 {
    margin: 0 0 12px;
    color: #1f2937;
    font-size: clamp(1.45rem, 2.4vw, 2.1rem);
    line-height: 1.08;
    font-weight: 950;
    letter-spacing: -0.045em;
}

.komunalne-usluge {
    padding: 30px;
    margin-bottom: 24px;
    background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
}

.komunalne-sekcija-head {
    margin-bottom: 20px;
}

.komunalne-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.komunalne-kartica {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 16px;
    align-items: center;
    min-height: 150px;
    padding: 20px;
    border: 1px solid #dfe7f0;
    border-radius: 20px;
    background: #ffffff;
    color: #334155;
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.04);
    transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
    overflow: hidden;
}

.komunalne-kartica::after {
    content: "";
    position: absolute;
    right: -42px;
    bottom: -48px;
    width: 135px;
    height: 135px;
    border-radius: 999px;
    background: rgba(15, 167, 85, 0.08);
    pointer-events: none;
}

.komunalne-kartica:hover {
    transform: translateY(-2px);
    border-color: rgba(24, 59, 145, 0.2);
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.075);
    background: #ffffff;
}

.komunalne-ikona {
    width: 58px;
    height: 58px;
    min-width: 58px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    font-size: 1.25rem;
    position: relative;
    z-index: 1;
}

.komunalne-ikona-zeleno {
    background: #eefaf5;
    color: #0b7f3c;
    box-shadow: inset 0 0 0 1px rgba(15, 167, 85, 0.12);
}

.komunalne-ikona-plavo {
    background: #eaf3ff;
    color: #183b91;
    box-shadow: inset 0 0 0 1px rgba(24, 59, 145, 0.1);
}

.komunalne-kartica-tekst {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.komunalne-kartica-tekst strong {
    margin-bottom: 7px;
    color: #183b91;
    font-size: 1.35rem;
    line-height: 1.12;
    font-weight: 950;
    letter-spacing: -0.035em;
}

.komunalne-kartica-tekst small {
    color: #64748b;
    font-size: 0.9rem;
    line-height: 1.55;
    font-weight: 500;
}

.komunalne-strelica {
    position: relative;
    z-index: 1;
    width: 38px;
    height: 38px;
    min-width: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #f8fafc;
    color: #183b91;
    border: 1px solid #dfe7f0;
    font-size: 0.9rem;
    transition: transform 0.18s ease, background 0.18s ease, color 0.18s ease;
}

.komunalne-kartica:hover .komunalne-strelica {
    transform: translateX(3px);
    background: #183b91;
    color: #ffffff;
}

.komunalne-napomena {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 24px;
    align-items: center;
    padding: 28px;
    background: linear-gradient(135deg, #ffffff 0%, #f6fbff 100%);
}

.komunalne-gumb {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 12px 22px;
    border-radius: 999px;
    background: #183b91;
    color: #ffffff !important;
    font-size: 0.9rem;
    font-weight: 900;
    white-space: nowrap;
    box-shadow: 0 10px 24px rgba(24, 59, 145, 0.18);
    transition: transform 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

.komunalne-gumb:hover {
    transform: translateY(-1px);
    background: #0f2f7d;
    box-shadow: 0 14px 28px rgba(24, 59, 145, 0.24);
}

@media (max-width: 991px) {
    .komunalne-hero,
    .komunalne-napomena {
        grid-template-columns: 1fr;
    }

    .komunalne-grid {
        grid-template-columns: 1fr;
    }

    .komunalne-gumb {
        justify-self: start;
    }
}

@media (max-width: 767px) {
    .komunalne-stranica {
        margin: 24px auto 46px;
        padding: 0 14px;
    }

    .komunalne-hero {
        gap: 16px;
        margin-bottom: 16px;
    }

    .komunalne-hero-tekst,
    .komunalne-hero-info,
    .komunalne-usluge,
    .komunalne-napomena {
        padding: 20px;
        border-radius: 18px;
    }

    .komunalne-hero-tekst h1 {
        font-size: 2.1rem;
    }

    .komunalne-hero-tekst p,
    .komunalne-hero-info p,
    .komunalne-napomena p {
        font-size: 0.92rem;
        line-height: 1.6;
    }

    .komunalne-usluge {
        margin-bottom: 16px;
    }

    .komunalne-kartica {
        grid-template-columns: 1fr;
        gap: 12px;
        min-height: auto;
        padding: 18px;
        border-radius: 17px;
    }

    .komunalne-ikona {
        width: 52px;
        height: 52px;
        min-width: 52px;
        border-radius: 16px;
        font-size: 1.12rem;
    }

    .komunalne-kartica-tekst strong {
        font-size: 1.18rem;
    }

    .komunalne-strelica {
        justify-self: start;
    }

    .komunalne-gumb {
        width: 100%;
        white-space: normal;
    }
}

.blogobavijesti {
    max-width: 1180px;
    margin: 34px auto 70px;
    padding: 0 18px;
    color: #334155;
}

.blogobavijesti .com-content-category-blog__items,
.blogobavijesti .blog-items,
.blogobavijesti .article-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.blogobavijesti .com-content-category-blog__item,
.blogobavijesti .blog-item.article {
    min-width: 0;
    margin: 0;
    padding: 0;
}

.blogobavijesti .blog-item.article {
    display: flex;
    flex-direction: column;
    border: 1px solid #e2e8f0;
    border-radius: 22px;
    background: #ffffff;
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.055);
    overflow: hidden;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.blogobavijesti .blog-item.article:hover {
    transform: translateY(-3px);
    border-color: rgba(24, 59, 145, 0.18);
    box-shadow: 0 20px 42px rgba(15, 23, 42, 0.085);
}

.blogobavijesti .article-intro-image {
    float: none !important;
    width: 100%;
    margin: 0 !important;
    overflow: hidden;
    background: #f8fafc;
}

.blogobavijesti .article-intro-image a {
    display: block;
}

.blogobavijesti .article-intro-image img {
    width: 100% !important;
    height: 210px !important;
    display: block;
    object-fit: cover;
    transition: transform 0.25s ease;
}

.blogobavijesti .blog-item.article:hover .article-intro-image img {
    transform: scale(1.035);
}

.blogobavijesti .article-body {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 18px;
}

.blogobavijesti .article-header {
    order: 2;
    margin: 0;
    padding: 0;
}

.blogobavijesti .article-header h2 {
    margin: 0;
    padding: 0;
    font-size: clamp(1.05rem, 1.5vw, 1.28rem);
    line-height: 1.22;
    font-weight: 950;
    letter-spacing: -0.035em;
}

.blogobavijesti .article-header h2 a {
    color: #1f2937;
    text-decoration: none;
}

.blogobavijesti .article-header h2 a:hover {
    color: #183b91;
}

.blogobavijesti .article-info {
    order: 1;
    display: flex;
    align-items: center;
    margin: 0 0 10px;
    padding: 0;
    line-height: 1;
}

.blogobavijesti .article-info .createdby,
.blogobavijesti .article-info .category-name {
    display: none !important;
}

.blogobavijesti .article-info .published {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #0b7f3c;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.055em;
    text-transform: uppercase;
}

.blogobavijesti .article-info .published::before {
    content: "";
    width: 3px;
    height: 16px;
    min-width: 3px;
    border-radius: 999px;
    background: #0fa755;
}

.blogobavijesti .article-introtext {
    display: none !important;
}

.blogobavijesti .bib-obavijest-link {
    order: 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    min-height: 36px;
    margin-top: 16px;
    padding: 8px 16px;
    border-radius: 999px;
    background: #183b91;
    color: #ffffff !important;
    font-size: 0.8rem;
    font-weight: 900;
    line-height: 1;
    text-decoration: none !important;
    box-shadow: 0 9px 20px rgba(24, 59, 145, 0.17);
    transition: transform 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

.blogobavijesti .bib-obavijest-link:hover {
    transform: translateY(-1px);
    background: #0f2f7d;
    box-shadow: 0 13px 26px rgba(24, 59, 145, 0.24);
}

.blogobavijesti > h1 {
    max-width: 1180px;
    margin: 0 auto 24px;
    color: #183b91;
    font-size: clamp(2rem, 3.4vw, 3.1rem);
    line-height: 1.03;
    font-weight: 950;
    letter-spacing: -0.055em;
}

.blogobavijesti > h1::before {
    content: "Novosti za korisnike usluga";
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 9px;
    color: #0b7f3c;
    font-size: 0.74rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    border-left: 4px solid #0fa755;
    padding-left: 10px;
}

@media (max-width: 991px) {
    .blogobavijesti .com-content-category-blog__items,
    .blogobavijesti .blog-items,
    .blogobavijesti .article-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .blogobavijesti {
        margin: 24px auto 46px;
        padding: 0 14px;
    }

    .blogobavijesti .com-content-category-blog__items,
    .blogobavijesti .blog-items,
    .blogobavijesti .article-list {
        grid-template-columns: 1fr;
        gap: 13px;
    }

    .blogobavijesti > h1 {
        margin-bottom: 18px;
        font-size: 2rem;
    }

    .blogobavijesti > h1::before {
        font-size: 0.68rem;
    }

    .blogobavijesti .article-intro-image img {
        height: 190px !important;
    }

    .blogobavijesti .article-body {
        padding: 16px;
    }

    .blogobavijesti .article-header h2 {
        font-size: 1.08rem;
    }

    .blogobavijesti .bib-obavijest-link {
        width: 100%;
    }
}

.obavijest-stranica {
    max-width: 1080px;
    margin: 34px auto 70px;
    padding: 0 18px;
    color: #334155;
}

.obavijest-stranica a {
    text-decoration: none;
}

.obavijest-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 430px;
    gap: 24px;
    align-items: stretch;
    margin-bottom: 24px;
}

.obavijest-hero-tekst,
.obavijest-slika,
.obavijest-sadrzaj {
    border: 1px solid #e2e8f0;
    border-radius: 24px;
    background: #ffffff;
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.055);
}

.obavijest-hero-tekst {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 34px;
    background: linear-gradient(135deg, #ffffff 0%, #f6fbff 58%, #eefaf5 100%);
}

.obavijest-oznaka {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 10px;
    color: #0b7f3c;
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.obavijest-oznaka::before {
    content: "";
    width: 4px;
    height: 19px;
    border-radius: 999px;
    background: #0fa755;
}

.obavijest-hero h1 {
    margin: 0 0 16px;
    color: #183b91;
    font-size: clamp(2rem, 3.8vw, 3.25rem);
    line-height: 1.05;
    font-weight: 950;
    letter-spacing: -0.055em;
}

.obavijest-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-bottom: 20px;
}

.obavijest-meta span,
.obavijest-meta a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 32px;
    padding: 6px 11px;
    border: 1px solid #dfe7f0;
    border-radius: 999px;
    background: #ffffff;
    color: #475569;
    font-size: 0.78rem;
    font-weight: 800;
}

.obavijest-meta i {
    color: #0b7f3c;
    font-size: 0.84rem;
}

.obavijest-povratak {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    min-height: 38px;
    padding: 9px 17px;
    border-radius: 999px;
    background: #183b91;
    color: #ffffff !important;
    font-size: 0.82rem;
    font-weight: 900;
    box-shadow: 0 9px 20px rgba(24, 59, 145, 0.18);
    transition: transform 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

.obavijest-povratak:hover {
    transform: translateY(-1px);
    background: #0f2f7d;
    box-shadow: 0 13px 26px rgba(24, 59, 145, 0.24);
}

.obavijest-slika {
    margin: 0;
    overflow: hidden;
    background: #f8fafc;
}

.obavijest-slika img {
    width: 100%;
    height: 100%;
    min-height: 360px;
    display: block;
    object-fit: cover;
}

.obavijest-slika figcaption {
    padding: 10px 14px;
    color: #64748b;
    font-size: 0.78rem;
    background: #ffffff;
}

.obavijest-badge {
    display: inline-flex;
    width: fit-content;
    margin: 0 0 12px;
    padding: 6px 11px;
    border-radius: 999px;
    background: #fff7ed;
    color: #c2410c;
    font-size: 0.76rem;
    font-weight: 900;
}

.obavijest-uredi {
    margin-bottom: 16px;
}

.obavijest-sadrzaj {
    padding: 34px;
}

.obavijest-sadrzaj p {
    margin: 0 0 16px;
    color: #475569;
    font-size: 1rem;
    line-height: 1.75;
}

.obavijest-sadrzaj p:last-child {
    margin-bottom: 0;
}

.obavijest-sadrzaj h2,
.obavijest-sadrzaj h3,
.obavijest-sadrzaj h4 {
    color: #1f2937;
    font-weight: 950;
    letter-spacing: -0.035em;
}

.obavijest-sadrzaj h2 {
    margin: 26px 0 14px;
    font-size: clamp(1.45rem, 2.4vw, 2rem);
    line-height: 1.1;
}

.obavijest-sadrzaj h3 {
    margin: 22px 0 12px;
    font-size: 1.25rem;
    line-height: 1.2;
}

.obavijest-sadrzaj ul,
.obavijest-sadrzaj ol {
    margin: 0 0 18px 22px;
    padding: 0;
}

.obavijest-sadrzaj li {
    margin-bottom: 8px;
    color: #475569;
    font-size: 1rem;
    line-height: 1.65;
}

.obavijest-sadrzaj a {
    color: #183b91;
    font-weight: 850;
    border-bottom: 1px solid rgba(24, 59, 145, 0.25);
}

.obavijest-sadrzaj a:hover {
    color: #0b7f3c;
    border-bottom-color: rgba(11, 127, 60, 0.35);
}

.obavijest-sadrzaj blockquote {
    margin: 22px 0;
    padding: 18px 20px;
    border-left: 4px solid #0fa755;
    border-radius: 14px;
    background: #f8fafc;
    color: #334155;
}

.obavijest-sadrzaj img {
    max-width: 100%;
    height: auto;
    border-radius: 18px;
}

.obavijest-dno {
    margin-top: 20px;
}

.obavijest-povratak-dno {
    background: #0b7f3c;
}

.obavijest-povratak-dno:hover {
    background: #096b33;
}

@media (max-width: 991px) {
    .obavijest-hero {
        grid-template-columns: 1fr;
    }

    .obavijest-slika img {
        min-height: 300px;
    }
}

@media (max-width: 767px) {
    .obavijest-stranica {
        margin: 24px auto 46px;
        padding: 0 14px;
    }

    .obavijest-hero {
        gap: 16px;
        margin-bottom: 16px;
    }

    .obavijest-hero-tekst,
    .obavijest-slika,
    .obavijest-sadrzaj {
        border-radius: 18px;
    }

    .obavijest-hero-tekst,
    .obavijest-sadrzaj {
        padding: 20px;
    }

    .obavijest-hero h1 {
        font-size: 2rem;
    }

    .obavijest-meta {
        gap: 7px;
        margin-bottom: 16px;
    }

    .obavijest-meta span,
    .obavijest-meta a {
        font-size: 0.72rem;
    }

    .obavijest-povratak {
        width: 100%;
    }

    .obavijest-slika img {
        min-height: 220px;
    }

    .obavijest-sadrzaj p,
    .obavijest-sadrzaj li {
        font-size: 0.92rem;
        line-height: 1.6;
    }

    .obavijest-dno {
        margin-top: 16px;
    }
}

.obavijest-slika-placeholder {
    min-height: 360px;
    display: flex;
    align-items: center;
    justify-content: center;
    background:
        radial-gradient(circle at 85% 12%, rgba(15, 167, 85, 0.16), transparent 34%),
        radial-gradient(circle at 8% 92%, rgba(24, 59, 145, 0.16), transparent 36%),
        linear-gradient(135deg, #ffffff 0%, #f6fbff 55%, #eefaf5 100%);
}

.obavijest-placeholder-unutra {
    width: calc(100% - 48px);
    min-height: 260px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 34px;
    border: 1px solid rgba(24, 59, 145, 0.08);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.78);
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.07);
    backdrop-filter: blur(8px);
}

.obavijest-placeholder-ikona {
    width: 70px;
    height: 70px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    border-radius: 22px;
    background: #eaf3ff;
    color: #183b91;
    font-size: 1.8rem;
    box-shadow: inset 0 0 0 1px rgba(24, 59, 145, 0.1);
}

.obavijest-placeholder-kicker {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 8px;
    color: #0b7f3c;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.obavijest-placeholder-kicker::before {
    content: "";
    width: 4px;
    height: 17px;
    border-radius: 999px;
    background: #0fa755;
}

.obavijest-placeholder-unutra strong {
    color: #183b91;
    font-size: clamp(2rem, 3vw, 3rem);
    line-height: 1;
    font-weight: 950;
    letter-spacing: -0.055em;
}

.obavijest-placeholder-unutra small {
    max-width: 280px;
    margin-top: 12px;
    color: #64748b;
    font-size: 0.95rem;
    line-height: 1.5;
    font-weight: 650;
}

@media (max-width: 767px) {
    .obavijest-slika-placeholder {
        min-height: 240px;
    }

    .obavijest-placeholder-unutra {
        width: calc(100% - 32px);
        min-height: 190px;
        padding: 22px;
        border-radius: 18px;
    }

    .obavijest-placeholder-ikona {
        width: 54px;
        height: 54px;
        margin-bottom: 15px;
        border-radius: 17px;
        font-size: 1.35rem;
    }

    .obavijest-placeholder-unutra strong {
        font-size: 2rem;
    }

    .obavijest-placeholder-unutra small {
        font-size: 0.86rem;
    }
}

.blogobavijesti .bib-obavijest-placeholder {
    height: 210px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 24px;
    background:
        radial-gradient(circle at 88% 14%, rgba(15, 167, 85, 0.15), transparent 34%),
        radial-gradient(circle at 8% 92%, rgba(24, 59, 145, 0.14), transparent 38%),
        linear-gradient(135deg, #ffffff 0%, #f6fbff 55%, #eefaf5 100%);
    color: #183b91;
    text-decoration: none !important;
    overflow: hidden;
}

.blogobavijesti .bib-obavijest-placeholder-ikona {
    width: 54px;
    height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    border-radius: 17px;
    background: #eaf3ff;
    color: #183b91;
    font-size: 1.35rem;
    box-shadow: inset 0 0 0 1px rgba(24, 59, 145, 0.1);
}

.blogobavijesti .bib-obavijest-placeholder-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 7px;
    color: #0b7f3c;
    font-size: 0.66rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.blogobavijesti .bib-obavijest-placeholder-kicker::before {
    content: "";
    width: 3px;
    height: 15px;
    border-radius: 999px;
    background: #0fa755;
}

.blogobavijesti .bib-obavijest-placeholder strong {
    color: #183b91;
    font-size: 1.75rem;
    line-height: 1;
    font-weight: 950;
    letter-spacing: -0.055em;
}

.blogobavijesti .blog-item.article:hover .bib-obavijest-placeholder-ikona {
    background: #eefaf5;
    color: #0b7f3c;
}

@media (max-width: 767px) {
    .blogobavijesti .bib-obavijest-placeholder {
        height: 190px;
        padding: 20px;
    }

    .blogobavijesti .bib-obavijest-placeholder strong {
        font-size: 1.55rem;
    }
}

.obavijest-hero.nema-slike {
    grid-template-columns: minmax(0, 1fr) 430px;
}

.obavijest-slika-placeholder {
    min-height: 360px;
    display: flex;
    align-items: center;
    justify-content: center;
    background:
        radial-gradient(circle at 85% 12%, rgba(15, 167, 85, 0.16), transparent 34%),
        radial-gradient(circle at 8% 92%, rgba(24, 59, 145, 0.16), transparent 36%),
        linear-gradient(135deg, #ffffff 0%, #f6fbff 55%, #eefaf5 100%);
}

.obavijest-placeholder-unutra {
    width: calc(100% - 48px);
    min-height: 260px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 34px;
    border: 1px solid rgba(24, 59, 145, 0.08);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.78);
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.07);
    backdrop-filter: blur(8px);
}

.obavijest-placeholder-ikona {
    width: 70px;
    height: 70px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    border-radius: 22px;
    background: #eaf3ff;
    color: #183b91;
    font-size: 1.8rem;
    box-shadow: inset 0 0 0 1px rgba(24, 59, 145, 0.1);
}

.obavijest-placeholder-kicker {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 8px;
    color: #0b7f3c;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.obavijest-placeholder-kicker::before {
    content: "";
    width: 4px;
    height: 17px;
    border-radius: 999px;
    background: #0fa755;
}

.obavijest-placeholder-unutra strong {
    color: #183b91;
    font-size: clamp(2rem, 3vw, 3rem);
    line-height: 1;
    font-weight: 950;
    letter-spacing: -0.055em;
}

.obavijest-placeholder-unutra small {
    max-width: 280px;
    margin-top: 12px;
    color: #64748b;
    font-size: 0.95rem;
    line-height: 1.5;
    font-weight: 650;
}

@media (max-width: 991px) {
    .obavijest-hero.nema-slike {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .obavijest-slika-placeholder {
        min-height: 240px;
    }

    .obavijest-placeholder-unutra {
        width: calc(100% - 32px);
        min-height: 190px;
        padding: 22px;
        border-radius: 18px;
    }

    .obavijest-placeholder-ikona {
        width: 54px;
        height: 54px;
        margin-bottom: 15px;
        border-radius: 17px;
        font-size: 1.35rem;
    }

    .obavijest-placeholder-unutra strong {
        font-size: 2rem;
    }

    .obavijest-placeholder-unutra small {
        font-size: 0.86rem;
    }
}

.nova-obavijesti-stranica {
    max-width: 1180px;
    margin: 34px auto 70px;
    padding: 0 18px;
    color: #334155;
}

.nova-obavijesti-stranica a {
    text-decoration: none;
}

.obavijesti-uvod {
    margin-bottom: 24px;
    padding: 30px 34px;
    border: 1px solid #e2e8f0;
    border-radius: 24px;
    background: linear-gradient(135deg, #ffffff 0%, #f6fbff 62%, #eefaf5 100%);
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.06);
}

.obavijesti-kicker {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 10px;
    color: #0b7f3c;
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.obavijesti-kicker::before,
.obavijesti-datum::before,
.obavijesti-placeholder-kicker::before {
    content: "";
    width: 4px;
    height: 18px;
    border-radius: 999px;
    background: #0fa755;
}

.obavijesti-uvod h1 {
    margin: 0;
    color: #183b91;
    font-size: clamp(2.2rem, 4vw, 3.6rem);
    line-height: 1.02;
    font-weight: 950;
    letter-spacing: -0.055em;
}

.obavijesti-lista {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.obavijesti-kartica {
    display: flex;
    flex-direction: column;
    min-width: 0;
    border: 1px solid #e2e8f0;
    border-radius: 22px;
    background: #ffffff;
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.055);
    overflow: hidden;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.obavijesti-kartica:hover {
    transform: translateY(-3px);
    border-color: rgba(24, 59, 145, 0.18);
    box-shadow: 0 20px 42px rgba(15, 23, 42, 0.085);
}

.obavijesti-slika {
    display: block;
    height: 210px;
    overflow: hidden;
    background: #f8fafc;
}

.obavijesti-slika img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform 0.25s ease;
}

.obavijesti-kartica:hover .obavijesti-slika img {
    transform: scale(1.035);
}

.obavijesti-placeholder {
    height: 210px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 24px;
    background:
        radial-gradient(circle at 88% 14%, rgba(15, 167, 85, 0.15), transparent 34%),
        radial-gradient(circle at 8% 92%, rgba(24, 59, 145, 0.14), transparent 38%),
        linear-gradient(135deg, #ffffff 0%, #f6fbff 55%, #eefaf5 100%);
    color: #183b91;
}

.obavijesti-placeholder-ikona {
    width: 54px;
    height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    border-radius: 17px;
    background: #eaf3ff;
    color: #183b91;
    font-size: 1.35rem;
    box-shadow: inset 0 0 0 1px rgba(24, 59, 145, 0.1);
}

.obavijesti-placeholder-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 7px;
    color: #0b7f3c;
    font-size: 0.66rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.obavijesti-placeholder-kicker::before {
    width: 3px;
    height: 15px;
}

.obavijesti-placeholder strong {
    color: #183b91;
    font-size: 1.75rem;
    line-height: 1;
    font-weight: 950;
    letter-spacing: -0.055em;
}

.obavijesti-tijelo {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 18px;
}

.obavijesti-datum {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
    color: #0b7f3c;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.055em;
    text-transform: uppercase;
}

.obavijesti-datum::before {
    width: 3px;
    height: 16px;
}

.obavijesti-tijelo h2 {
    margin: 0;
    padding: 0;
    font-size: clamp(1.05rem, 1.5vw, 1.28rem);
    line-height: 1.22;
    font-weight: 950;
    letter-spacing: -0.035em;
}

.obavijesti-tijelo h2 a {
    color: #1f2937;
}

.obavijesti-tijelo h2 a:hover {
    color: #183b91;
}

.obavijesti-gumb {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    min-height: 36px;
    margin-top: auto;
    padding: 8px 16px;
    border-radius: 999px;
    background: #183b91;
    color: #ffffff !important;
    font-size: 0.8rem;
    font-weight: 900;
    line-height: 1;
    box-shadow: 0 9px 20px rgba(24, 59, 145, 0.17);
    transition: transform 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

.obavijesti-tijelo h2 + .obavijesti-gumb {
    margin-top: 16px;
}

.obavijesti-gumb:hover {
    transform: translateY(-1px);
    background: #0f2f7d;
    box-shadow: 0 13px 26px rgba(24, 59, 145, 0.24);
}

.obavijesti-prazno {
    padding: 18px;
    border: 1px dashed #cbd5e1;
    border-radius: 18px;
    background: #f8fafc;
    color: #64748b;
    font-weight: 800;
}

.obavijesti-paginacija {
    margin-top: 26px;
}

@media (max-width: 991px) {
    .obavijesti-lista {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .nova-obavijesti-stranica {
        margin: 24px auto 46px;
        padding: 0 14px;
    }

    .obavijesti-uvod {
        padding: 22px;
        border-radius: 18px;
        margin-bottom: 18px;
    }

    .obavijesti-uvod h1 {
        font-size: 2.1rem;
    }

    .obavijesti-lista {
        grid-template-columns: 1fr;
        gap: 13px;
    }

    .obavijesti-slika,
    .obavijesti-placeholder {
        height: 190px;
    }

    .obavijesti-tijelo {
        padding: 16px;
    }

    .obavijesti-tijelo h2 {
        font-size: 1.08rem;
    }

    .obavijesti-gumb {
        width: 100%;
    }
}

.obavijest-polja {
    margin-top: 24px;
}

.obavijest-polja .fields-container {
    margin: 0;
    padding: 0;
    list-style: none;
}

.obavijest-polja .field-entry {
    margin: 0;
    padding: 0;
}

.obavijest-polja .field-label {
    display: none;
}

.obavijest-polja .field-value {
    display: block;
}

.obavijest-polja .galerija-fotografija {
    padding: 30px;
    border: 1px solid #e2e8f0;
    border-radius: 24px;
    background: #ffffff;
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.055);
}

.obavijest-polja .galerija-fotografija::before {
    content: "Galerija fotografija";
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 18px;
    color: #1f2937;
    font-size: clamp(1.35rem, 2.2vw, 1.9rem);
    line-height: 1.1;
    font-weight: 950;
    letter-spacing: -0.045em;
}

.obavijest-polja .nrf-widget,
.obavijest-polja .tf-gallery-wrapper {
    margin: 0 !important;
}

.obavijest-polja .gallery-items.grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.obavijest-polja .gallery-items .item {
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    border-radius: 15px;
    background: #f8fafc;
    aspect-ratio: 1 / 0.72;
}

.obavijest-polja .gallery-items .item a {
    display: block;
    width: 100%;
    height: 100%;
}

.obavijest-polja .gallery-items .item img {
    width: 100% !important;
    height: 100% !important;
    display: block;
    object-fit: cover;
    transition: transform 0.22s ease, filter 0.22s ease;
}

.obavijest-polja .gallery-items .item:hover img {
    transform: scale(1.045);
    filter: brightness(0.95);
}

.obavijest-polja .glightbox-desc {
    display: none;
}

@media (max-width: 991px) {
    .obavijest-polja .gallery-items.grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .obavijest-polja {
        margin-top: 16px;
    }

    .obavijest-polja .galerija-fotografija {
        padding: 20px;
        border-radius: 18px;
    }

    .obavijest-polja .gallery-items.grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .obavijest-polja .gallery-items .item {
        border-radius: 12px;
    }
}

.postupak-nabave-single {
    max-width: 1060px;
    margin: 42px auto 90px;
    padding: 0 18px;
    color: #334155;
}

.postupak-nabave-single a {
    text-decoration: none;
}

.postupak-nabave-single .bib-natjecaj-uvod {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 14px;
    color: #0b7f3c;
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.postupak-nabave-single .bib-natjecaj-linija {
    width: 4px;
    height: 22px;
    border-radius: 999px;
    background: #0fa755;
}

.postupak-nabave-single .bib-natjecaj-kategorija,
.postupak-nabave-single .bib-natjecaj-datum,
.postupak-nabave-single .bib-natjecaj-tocka {
    color: #0b7f3c;
    font-weight: 900;
}

.postupak-nabave-single .bib-natjecaj-naslov {
    margin: 0 0 28px;
    padding: 0;
    border: 0;
}

.postupak-nabave-single .bib-natjecaj-naslov h1,
.postupak-nabave-single .bib-natjecaj-naslov h2 {
    max-width: 940px;
    margin: 0;
    color: #1f2937;
    font-size: clamp(2rem, 4vw, 3.15rem);
    line-height: 1.06;
    font-weight: 900;
    letter-spacing: -0.055em;
}

.postupak-podaci-box {
    display: grid;
    gap: 0;
    margin: 0 0 28px;
    border: 1px solid #dfe7f0;
    border-radius: 20px;
    background: #f8fafc;
    overflow: hidden;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.04);
}

.postupak-podatak {
    display: grid;
    grid-template-columns: 190px minmax(0, 1fr);
    gap: 18px;
    align-items: center;
    min-height: 62px;
    padding: 15px 18px;
    border-bottom: 1px solid #e5e9f0;
    background: transparent;
}

.postupak-podatak:last-child {
    border-bottom: 0;
}

.postupak-podatak span {
    display: block;
    margin: 0;
    color: #1f2937;
    font-size: 0.9rem;
    line-height: 1.2;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: none;
}

.postupak-podatak strong {
    display: inline-flex;
    align-items: center;
    color: #334155;
    font-size: 0.96rem;
    line-height: 1.45;
    font-weight: 800;
}

.postupak-status {
    width: fit-content;
    min-height: 32px;
    padding: 7px 18px;
    border-radius: 999px;
    color: #ffffff !important;
    font-size: 0.82rem !important;
    line-height: 1 !important;
    font-weight: 900 !important;
}

.postupak-status.is-open {
    background: #1d4ed8;
}

.postupak-status.is-progress {
    background: #0b7f3c;
}

.postupak-status.is-closed {
    background: #dc2626;
}

.postupak-status.is-cancelled {
    background: #6b7280;
}

.postupak-status.is-neutral {
    background: #475569;
}

.postupak-tekst {
    margin: 0 0 28px;
    padding: 30px;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.045);
}

.postupak-tekst p {
    margin: 0 0 16px;
    color: #475569;
    font-size: 1rem;
    line-height: 1.75;
}

.postupak-tekst p:last-child {
    margin-bottom: 0;
}

.postupak-tekst h2,
.postupak-tekst h3,
.postupak-tekst h4 {
    margin-top: 24px;
    margin-bottom: 12px;
    color: #1f2937;
    font-weight: 900;
    letter-spacing: -0.035em;
}

.postupak-tekst table {
    width: 100%;
    margin: 20px 0;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
    border: 1px solid #dfe7f0;
    border-radius: 14px;
    font-size: 0.84rem;
}

.postupak-tekst table th {
    padding: 11px 10px;
    background: #1f2937;
    color: #ffffff;
    font-weight: 800;
    line-height: 1.25;
}

.postupak-tekst table td {
    padding: 10px;
    border-top: 1px solid #e5e9f0;
    border-right: 1px solid #e5e9f0;
    color: #334155;
    line-height: 1.35;
    vertical-align: top;
}

.postupak-tekst table td:last-child {
    border-right: 0;
}

.bib-prilozi.postupak-prilozi {
    margin: 0 0 28px;
    padding: 22px;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    background: #f8fafc;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.045);
}

.bib-prilozi.postupak-prilozi .bib-prilozi-zaglavlje {
    margin-bottom: 14px;
}

.bib-prilozi.postupak-prilozi .bib-oznaka {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 7px;
    color: #0b7f3c;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.bib-prilozi.postupak-prilozi .bib-oznaka::before {
    content: "";
    width: 4px;
    height: 17px;
    border-radius: 999px;
    background: #0fa755;
}

.bib-prilozi.postupak-prilozi h2 {
    margin: 0;
    color: #183b91;
    font-size: 1.45rem;
    line-height: 1.1;
    font-weight: 900;
    letter-spacing: -0.035em;
}

.bib-prilozi.postupak-prilozi .bib-prilozi-lista {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.bib-prilozi.postupak-prilozi .bib-prilog {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 62px;
    padding: 11px 13px;
    border: 1px solid #dfe7f0;
    border-radius: 14px;
    background: #ffffff;
    color: #334155;
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.035);
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.bib-prilozi.postupak-prilozi .bib-prilog:hover {
    transform: translateY(-2px);
    border-color: rgba(24, 59, 145, 0.22);
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.065);
}

.bib-prilozi.postupak-prilozi .bib-prilog-ikona {
    width: 38px;
    height: 38px;
    min-width: 38px;
    border-radius: 12px;
    background: #eaf3ff;
    color: #183b91;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    box-shadow: inset 0 0 0 1px rgba(24, 59, 145, 0.08);
}

.bib-prilozi.postupak-prilozi .bib-prilog-ikona .fa-file-pdf {
    color: #b91c1c;
}

.bib-prilozi.postupak-prilozi .bib-prilog-ikona .fa-file-word {
    color: #1d4ed8;
}

.bib-prilozi.postupak-prilozi .bib-prilog-ikona .fa-file-excel {
    color: #15803d;
}

.bib-prilozi.postupak-prilozi .bib-prilog-ikona .fa-file-powerpoint {
    color: #c2410c;
}

.bib-prilozi.postupak-prilozi .bib-prilog-sadrzaj {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.bib-prilozi.postupak-prilozi .bib-prilog-naziv {
    color: #334155;
    font-size: 0.88rem;
    font-weight: 850;
    line-height: 1.25;
    word-break: break-word;
}

.bib-prilozi.postupak-prilozi .bib-prilog-meta {
    margin-top: 3px;
    color: #64748b;
    font-size: 0.74rem;
    font-weight: 600;
}

.postupak-odluka-tekst {
    margin: 0 0 28px;
    padding: 22px;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    background: #f8fafc;
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.04);
}

.postupak-odluka-tekst h2 {
    margin: 0 0 12px;
    color: #183b91;
    font-size: 1.35rem;
    line-height: 1.1;
    font-weight: 900;
    letter-spacing: -0.03em;
}

.postupak-odluka-tekst p {
    margin: 0;
    color: #475569;
    font-size: 0.96rem;
    line-height: 1.6;
}

.postupak-dno {
    margin-top: 30px;
    margin-bottom: 40px;
}

.postupak-povratak {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 11px 20px;
    border-radius: 999px;
    background: #183b91;
    color: #ffffff !important;
    font-size: 0.86rem;
    font-weight: 900;
    box-shadow: 0 9px 20px rgba(24, 59, 145, 0.18);
    transition: transform 0.18s ease, background 0.18s ease;
}

.postupak-povratak:hover {
    transform: translateY(-1px);
    background: #0f2f7d;
}

@media (max-width: 767px) {
    .postupak-nabave-single {
        margin: 28px auto 60px;
        padding: 0 14px;
    }

    .postupak-nabave-single .bib-natjecaj-naslov h1,
    .postupak-nabave-single .bib-natjecaj-naslov h2 {
        font-size: 2rem;
    }

    .postupak-podatak {
        grid-template-columns: 1fr;
        gap: 7px;
        min-height: auto;
        padding: 14px 16px;
    }

    .postupak-tekst {
        padding: 20px;
        border-radius: 18px;
    }

    .postupak-tekst p {
        font-size: 0.92rem;
        line-height: 1.6;
    }

    .postupak-tekst table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
        border-radius: 14px;
    }

    .bib-prilozi.postupak-prilozi {
        padding: 16px;
        border-radius: 18px;
    }

    .bib-prilozi.postupak-prilozi .bib-prilozi-lista {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .bib-prilozi.postupak-prilozi .bib-prilog {
        min-height: 58px;
        padding: 10px 11px;
        border-radius: 13px;
    }

    .postupak-povratak {
        width: 100%;
    }
}


.postupak-nabave-singlenabava {
  max-width: 1080px;
  margin: 46px auto 64px;
  padding: 0 18px;
  color: #374151;
}

.bib-natjecaj-naslov.postupak-naslov h1{
  max-width: 920px;
  margin: 0;
  color: #183b91;
  font-size: clamp(1.85rem, 3.1vw, 2.85rem);
  line-height: 1.08;
  font-weight: 900;
  letter-spacing: -0.045em;
}

.offcanvas-menu {
    width: min(88vw, 390px) !important;
    background:
        radial-gradient(circle at 15% 0%, rgba(15, 167, 85, 0.13), transparent 32%),
        radial-gradient(circle at 95% 18%, rgba(24, 59, 145, 0.12), transparent 34%),
        linear-gradient(180deg, #f6fbff 0%, #ffffff 42%, #f8fafc 100%) !important;
    box-shadow: 18px 0 55px rgba(15, 23, 42, 0.24);
    border-right: 1px solid rgba(226, 232, 240, 0.9);
}

.offcanvas-menu .d-flex.align-items-center.justify-content-between.p-3.pt-4 {
    position: relative;
    min-height: 92px;
    padding: 24px 22px 18px !important;
    border-bottom: 1px solid #e2e8f0;
}

.offcanvas-menu .d-flex.align-items-center.justify-content-between.p-3.pt-4::before {
    content: "Bibinjac d.o.o.";
    display: block;
    color: #183b91;
    font-size: 1.35rem;
    line-height: 1;
    font-weight: 950;
    letter-spacing: -0.04em;
}

.offcanvas-menu .d-flex.align-items-center.justify-content-between.p-3.pt-4::after {
    content: "Izbornik";
    position: absolute;
    left: 22px;
    bottom: 16px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #0b7f3c;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.offcanvas-menu .close-offcanvas {
    position: absolute;
    top: 22px;
    right: 18px;
    width: 44px;
    height: 44px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    background: #183b91;
    box-shadow: 0 10px 22px rgba(24, 59, 145, 0.22);
    transition: transform 0.18s ease, background 0.18s ease;
}

.offcanvas-menu .close-offcanvas:hover {
    transform: translateY(-1px);
    background: #0f2f7d;
}

.offcanvas-menu .close-offcanvas .burger-icon {
    width: 18px;
    height: 18px;
    position: relative;
}

.offcanvas-menu .close-offcanvas .burger-icon span {
    position: absolute;
    left: 0;
    top: 8px;
    width: 18px;
    height: 2px;
    margin: 0;
    border-radius: 999px;
    background: #ffffff !important;
    opacity: 1;
}

.offcanvas-menu .close-offcanvas .burger-icon span:nth-child(1) {
    transform: rotate(45deg);
}

.offcanvas-menu .close-offcanvas .burger-icon span:nth-child(2) {
    opacity: 0;
}

.offcanvas-menu .close-offcanvas .burger-icon span:nth-child(3) {
    transform: rotate(-45deg);
}

.offcanvas-menu .offcanvas-inner {
    padding: 18px 18px 26px !important;
}

.offcanvas-menu .sp-module,
.offcanvas-menu .sp-module-content {
    margin: 0;
    padding: 0;
}

.offcanvas-menu .mod-menu {
    display: grid;
    gap: 8px;
    margin: 0;
    padding: 0;
}

.offcanvas-menu .mod-menu > li {
    position: relative;
    margin: 0;
    padding: 0;
    border: 1px solid #e2e8f0;
    border-radius: 17px;
    background: rgba(255, 255, 255, 0.88);
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04);
    overflow: hidden;
}

.offcanvas-menu .mod-menu > li > a {
    position: relative;
    display: flex !important;
    align-items: center;
    min-height: 54px;
    padding: 13px 48px 13px 52px !important;
    color: #1f2937 !important;
    font-size: 0.98rem;
    line-height: 1.2;
    font-weight: 900;
    letter-spacing: -0.015em;
    text-decoration: none !important;
}

.offcanvas-menu .mod-menu > li > a::before {
    content: "\f111";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: 15px;
    top: 50%;
    width: 26px;
    height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-50%);
    border-radius: 10px;
    background: #eaf3ff;
    color: #183b91;
    font-size: 0.76rem;
    box-shadow: inset 0 0 0 1px rgba(24, 59, 145, 0.08);
}

.offcanvas-menu .mod-menu > li.item-101 > a::before {
    content: "\f015";
}

.offcanvas-menu .mod-menu > li.item-122 > a::before {
    content: "\f05a";
}

.offcanvas-menu .mod-menu > li.item-121 > a::before {
    content: "\f1ad";
}

.offcanvas-menu .mod-menu > li.item-125 > a::before {
    content: "\f15c";
}

.offcanvas-menu .mod-menu > li.item-123 > a::before {
    content: "\f1ea";
}

.offcanvas-menu .mod-menu > li.item-124 > a::before {
    content: "\f0e0";
}

.offcanvas-menu .mod-menu > li.current,
.offcanvas-menu .mod-menu > li.active {
    border-color: rgba(15, 167, 85, 0.28);
    background: #ffffff;
}

.offcanvas-menu .mod-menu > li.current > a,
.offcanvas-menu .mod-menu > li.active > a {
    color: #0b7f3c !important;
}

.offcanvas-menu .mod-menu > li.current > a::before,
.offcanvas-menu .mod-menu > li.active > a::before {
    background: #eefaf5;
    color: #0b7f3c;
    box-shadow: inset 0 0 0 1px rgba(15, 167, 85, 0.14);
}

.offcanvas-menu .menu-parent > a {
    padding-right: 58px !important;
}

.offcanvas-menu .menu-toggler {
    position: absolute !important;
    top: 50%;
    right: 14px;
    width: 30px;
    height: 30px;
    transform: translateY(-50%);
    border-radius: 999px;
    background: #f8fafc;
    border: 1px solid #dfe7f0;
}

.offcanvas-menu .menu-toggler::after {
    content: "\f107";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #183b91;
    font-size: 0.72rem;
    transition: transform 0.18s ease;
}

.offcanvas-menu .menu-parent.menu-parent-open > a .menu-toggler::after,
.offcanvas-menu .menu-parent.open > a .menu-toggler::after,
.offcanvas-menu .menu-parent[aria-expanded="true"] > a .menu-toggler::after {
    transform: rotate(180deg);
}

.offcanvas-menu .menu-child,
.offcanvas-menu .mod-menu__sub {
    margin: 0 !important;
    padding: 0 12px 12px 52px !important;
    background: transparent;
}

.offcanvas-menu .menu-child > li,
.offcanvas-menu .mod-menu__sub > li {
    margin: 0 0 7px;
    padding: 0;
}

.offcanvas-menu .menu-child > li:last-child,
.offcanvas-menu .mod-menu__sub > li:last-child {
    margin-bottom: 0;
}

.offcanvas-menu .menu-child > li > a,
.offcanvas-menu .mod-menu__sub > li > a {
    position: relative;
    display: flex !important;
    align-items: center;
    min-height: 38px;
    padding: 9px 12px 9px 28px !important;
    border: 1px solid #e5e9f0;
    border-radius: 13px;
    background: #f8fafc;
    color: #475569 !important;
    font-size: 0.86rem;
    line-height: 1.25;
    font-weight: 800;
    text-decoration: none !important;
}

.offcanvas-menu .menu-child > li > a::before,
.offcanvas-menu .mod-menu__sub > li > a::before {
    content: "";
    position: absolute;
    left: 12px;
    top: 50%;
    width: 6px;
    height: 6px;
    transform: translateY(-50%);
    border-radius: 999px;
    background: #0fa755;
}

.offcanvas-menu .menu-child > li > a:hover,
.offcanvas-menu .mod-menu__sub > li > a:hover {
    color: #183b91 !important;
    background: #ffffff;
    border-color: rgba(24, 59, 145, 0.18);
}

.offcanvas-menu .header-modules {
    display: none !important;
}

body.ltr.offcanvs-position-left.offcanvas-active .body-wrapper,
body.ltr.offcanvs-position-right.offcanvas-active .body-wrapper {
    filter: blur(1px);
}

.offcanvas-overlay {
    background: rgba(15, 23, 42, 0.42) !important;
}

@media (max-width: 380px) {
    .offcanvas-menu {
        width: 92vw !important;
    }

    .offcanvas-menu .mod-menu > li > a {
        min-height: 50px;
        padding-left: 48px !important;
        font-size: 0.92rem;
    }

    .offcanvas-menu .menu-child,
    .offcanvas-menu .mod-menu__sub {
        padding-left: 48px !important;
    }
}

body:not(.offcanvas-active) .offcanvas-menu {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

body.offcanvas-active .offcanvas-menu {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

body.offcanvs-position-right:not(.offcanvas-active) .offcanvas-menu,
body.offcanvas-position-right:not(.offcanvas-active) .offcanvas-menu {
    transform: translateX(105%) !important;
}

body.offcanvs-position-left:not(.offcanvas-active) .offcanvas-menu,
body.offcanvas-position-left:not(.offcanvas-active) .offcanvas-menu {
    transform: translateX(-105%) !important;
}

body.offcanvs-position-right.offcanvas-active .offcanvas-menu,
body.offcanvas-position-right.offcanvas-active .offcanvas-menu,
body.offcanvs-position-left.offcanvas-active .offcanvas-menu,
body.offcanvas-position-left.offcanvas-active .offcanvas-menu {
    transform: translateX(0) !important;
}

.offcanvas-menu {
    position: fixed !important;
    top: 0 !important;
    bottom: 0 !important;
    z-index: 99999 !important;
    transition: transform 0.28s ease, opacity 0.18s ease, visibility 0.18s ease !important;
}

body.offcanvs-position-right .offcanvas-menu,
body.offcanvas-position-right .offcanvas-menu {
    right: 0 !important;
    left: auto !important;
}

body.offcanvs-position-left .offcanvas-menu,
body.offcanvas-position-left .offcanvas-menu {
    left: 0 !important;
    right: auto !important;
}

.burger-icon,
#offcanvas-toggler,
.offcanvas-toggler,
.menu-toggler,
a.burger-menu {
    position: relative;
    z-index: 9999;
}

body.ltr .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > a > .menu-toggler {
  right: 15px;
}

#offcanvas-toggler.offcanvas-toggler-secondary {
    width: 46px;
    height: 46px;
    min-width: 46px;
    align-items: center;
    justify-content: center;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    margin-left: auto;
    border: 1px solid rgba(24, 59, 145, 0.14);
    border-radius: 15px;
    background: #ffffff;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
    transition: transform 0.18s ease, background 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

#offcanvas-toggler.offcanvas-toggler-secondary:hover,
#offcanvas-toggler.offcanvas-toggler-secondary:focus {
    transform: translateY(-1px);
    background: #183b91;
    border-color: #183b91;
    box-shadow: 0 14px 28px rgba(24, 59, 145, 0.22);
}

#offcanvas-toggler.offcanvas-toggler-secondary .burger-icon {
    position: relative;
    width: 21px;
    height: 16px;
    display: block;
}

#offcanvas-toggler.offcanvas-toggler-secondary .burger-icon span {
    position: absolute;
    left: 0;
    width: 21px;
    height: 2px;
    margin: 0 !important;
    border-radius: 999px;
    background: #183b91;
    transition: transform 0.18s ease, opacity 0.18s ease, background 0.18s ease, width 0.18s ease;
}

#offcanvas-toggler.offcanvas-toggler-secondary .burger-icon span:nth-child(1) {
    top: 0;
}

#offcanvas-toggler.offcanvas-toggler-secondary .burger-icon span:nth-child(2) {
    top: 7px;
    width: 16px;
}

#offcanvas-toggler.offcanvas-toggler-secondary .burger-icon span:nth-child(3) {
    top: 14px;
}

#offcanvas-toggler.offcanvas-toggler-secondary:hover .burger-icon span,
#offcanvas-toggler.offcanvas-toggler-secondary:focus .burger-icon span {
    background: #ffffff;
}

#offcanvas-toggler.offcanvas-toggler-secondary:hover .burger-icon span:nth-child(2),
#offcanvas-toggler.offcanvas-toggler-secondary:focus .burger-icon span:nth-child(2) {
    width: 21px;
}

body.offcanvas-active #offcanvas-toggler.offcanvas-toggler-secondary {
    opacity: 0;
    pointer-events: none;
}

@media (max-width: 575px) {
    #offcanvas-toggler.offcanvas-toggler-secondary {
        width: 42px;
        height: 42px;
        min-width: 42px;
        border-radius: 14px;
    }

    #offcanvas-toggler.offcanvas-toggler-secondary .burger-icon {
        width: 20px;
        height: 15px;
    }

    #offcanvas-toggler.offcanvas-toggler-secondary .burger-icon span {
        width: 20px;
    }

    #offcanvas-toggler.offcanvas-toggler-secondary .burger-icon span:nth-child(2) {
        top: 6.5px;
        width: 15px;
    }

    #offcanvas-toggler.offcanvas-toggler-secondary .burger-icon span:nth-child(3) {
        top: 13px;
    }

    #offcanvas-toggler.offcanvas-toggler-secondary:hover .burger-icon span:nth-child(2),
    #offcanvas-toggler.offcanvas-toggler-secondary:focus .burger-icon span:nth-child(2) {
        width: 20px;
    }
}

@media (max-width: 767px) {
    .bibinjac-usluge {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        padding: 14px !important;
        margin: 18px 0px 0 !important;
        border-radius: 22px !important;
    }

    .bibinjac-usluge .usluga {
        min-height: 132px !important;
        padding: 14px 12px !important;
        border-radius: 17px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: flex-start !important;
        gap: 0 !important;
    }

    .bibinjac-usluge .ikona-usluge {
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
        margin: 0 0 13px !important;
        border-radius: 15px !important;
    }

    .bibinjac-usluge .ikona-usluge svg {
        width: 25px !important;
        height: 25px !important;
    }

    .bibinjac-usluge .usluga strong {
        margin: 0 0 5px !important;
        font-size: 1rem !important;
        line-height: 1.12 !important;
        letter-spacing: -0.035em !important;
    }

    .bibinjac-usluge .usluga small {
        font-size: 0.76rem !important;
        line-height: 1.25 !important;
        color: #64748b !important;
    }
}

@media (max-width: 767px) {
    .bibinjac-sadrzaj {
        display: flex !important;
        flex-direction: column !important;
    }

    .bibinjac-slika {
        order: 1 !important;
        margin: 0 0 22px !important;
    }

    .bibinjac-tekst {
        order: 2 !important;
    }

    .bibinjac-slika .slika-okvir {
        transform: none !important;
        border-radius: 24px !important;
        margin: 0 !important;
    }

    .bibinjac-slika .slika-okvir img {
        min-height: 230px !important;
        max-height: 300px !important;
        object-fit: cover !important;
        border-radius: 20px !important;
    }
}

@media (max-width: 767px) {
    .raspored-odvoza {
        padding: 34px 0 42px !important;
    }

    .raspored-unutra {
        padding: 0 14px !important;
    }

    .raspored-naslov {
        margin-bottom: 18px !important;
    }

    .raspored-naslov span {
        font-size: 0.68rem !important;
        letter-spacing: 0.06em !important;
    }

    .raspored-naslov h2 {
        font-size: 2rem !important;
        line-height: 1.02 !important;
        margin-bottom: 10px !important;
    }

    .raspored-naslov p {
        font-size: 0.88rem !important;
        line-height: 1.5 !important;
        max-width: 100% !important;
    }

    .raspored-panel {
        padding: 14px !important;
        border-radius: 20px !important;
    }

    .raspored-izbor {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        padding: 6px !important;
        margin-bottom: 14px !important;
        border-radius: 16px !important;
    }

    .podrucje-tipka {
        min-height: 40px !important;
        padding: 9px 10px !important;
        border-radius: 12px !important;
        font-size: 0.78rem !important;
        line-height: 1.1 !important;
        white-space: normal !important;
    }

    .raspored-glavno {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 9px !important;
        margin-bottom: 12px !important;
    }

    .raspored-kutija {
        min-height: 142px !important;
        padding: 13px 11px !important;
        border-radius: 16px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 10px !important;
    }

    .raspored-ikona {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        border-radius: 13px !important;
        margin: 0 !important;
    }

    .raspored-ikona svg {
        width: 23px !important;
        height: 23px !important;
    }

    .raspored-vrsta {
        font-size: 0.62rem !important;
        line-height: 1 !important;
        letter-spacing: 0.05em !important;
        margin-bottom: 6px !important;
    }

    .raspored-kutija h3 {
        font-size: 1rem !important;
        line-height: 1.08 !important;
        letter-spacing: -0.035em !important;
        margin: 0 0 6px !important;
    }

    .raspored-kutija p {
        font-size: 0.76rem !important;
        line-height: 1.28 !important;
        margin: 0 !important;
    }

    .raspored-datumi {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 6px !important;
        padding: 12px !important;
        border-radius: 16px !important;
        margin-top: 0 !important;
    }

    .raspored-datumi span {
        min-height: 28px !important;
        padding: 6px 9px !important;
        border-radius: 9px !important;
        font-size: 0.72rem !important;
        line-height: 1 !important;
        font-weight: 850 !important;
    }

    .raspored-napomena {
        display: block !important;
        margin-top: 12px !important;
        padding: 12px 13px !important;
        border-radius: 14px !important;
        font-size: 0.78rem !important;
        line-height: 1.45 !important;
    }

    .raspored-napomena strong {
        display: block !important;
        margin-bottom: 4px !important;
        font-size: 0.78rem !important;
    }

    .raspored-napomena span {
        display: block !important;
        font-size: 0.78rem !important;
    }
}

@media (max-width: 767px) {
    .raspored-kutija {
        min-height: 128px !important;
        padding: 13px 12px !important;
        border-radius: 16px !important;
        display: grid !important;
        grid-template-columns: 30px minmax(0, 1fr) !important;
        grid-template-rows: auto auto auto !important;
        column-gap: 8px !important;
        row-gap: 4px !important;
        align-items: start !important;
    }

    .raspored-ikona {
        grid-column: 1 !important;
        grid-row: 1 !important;
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        margin: 0 !important;
        border-radius: 9px !important;
    }

    .raspored-ikona svg {
        width: 17px !important;
        height: 17px !important;
    }

    .raspored-kutija > div:last-child {
        display: contents !important;
    }

    .raspored-vrsta {
        grid-column: 2 !important;
        grid-row: 1 !important;
        align-self: center !important;
        margin: 0 !important;
        font-size: 0.62rem !important;
        line-height: 1.05 !important;
        letter-spacing: 0.055em !important;
    }

    .raspored-kutija h3 {
        grid-column: 1 / -1 !important;
        grid-row: 2 !important;
        margin: 8px 0 4px !important;
        font-size: 0.98rem !important;
        line-height: 1.08 !important;
        letter-spacing: -0.04em !important;
    }

    .raspored-kutija p {
        grid-column: 1 / -1 !important;
        grid-row: 3 !important;
        margin: 0 !important;
        font-size: 0.74rem !important;
        line-height: 1.28 !important;
    }
}

@media (max-width: 420px) {
    .raspored-kutija {
        min-height: 120px !important;
        padding: 12px 10px !important;
        grid-template-columns: 26px minmax(0, 1fr) !important;
    }

    .raspored-ikona {
        width: 26px !important;
        height: 26px !important;
        min-width: 26px !important;
        border-radius: 8px !important;
    }

    .raspored-ikona svg {
        width: 15px !important;
        height: 15px !important;
    }

    .raspored-kutija h3 {
        font-size: 0.9rem !important;
    }

    .raspored-kutija p {
        font-size: 0.7rem !important;
    }
}

.cjenik-stranica {
    max-width: 1180px;
    margin: 34px auto 70px;
    padding: 0 18px;
    color: #334155;
}

.cjenik-hero {
    margin-bottom: 24px;
    padding: 34px;
    border: 1px solid #e2e8f0;
    border-radius: 24px;
    background: linear-gradient(135deg, #ffffff 0%, #f6fbff 62%, #eefaf5 100%);
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.06);
}

.cjenik-oznaka {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 10px;
    color: #0b7f3c;
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.cjenik-oznaka::before {
    content: "";
    width: 4px;
    height: 19px;
    border-radius: 999px;
    background: #0fa755;
}

.cjenik-hero h1 {
    margin: 0 0 16px;
    color: #183b91;
    font-size: clamp(2.2rem, 4vw, 3.8rem);
    line-height: 1.02;
    font-weight: 950;
    letter-spacing: -0.055em;
}

.cjenik-hero p {
    max-width: 780px;
    margin: 0;
    color: #475569;
    font-size: 1rem;
    line-height: 1.68;
}

.cjenik-panel {
    padding: 26px;
    border: 1px solid #e2e8f0;
    border-radius: 24px;
    background: #ffffff;
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.055);
}

.cjenik-tablica-wrap {
    overflow-x: auto;
    border: 1px solid #dfe7f0;
    border-radius: 18px;
    background: #ffffff;
}

.cjenik-tablica {
    width: 100%;
    min-width: 860px;
    border-collapse: separate;
    border-spacing: 0;
    color: #334155;
    font-size: 0.92rem;
}

.cjenik-tablica th {
    padding: 15px 14px;
    background: #183b91;
    color: #ffffff;
    font-size: 0.78rem;
    line-height: 1.2;
    font-weight: 900;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    border-right: 1px solid rgba(255, 255, 255, 0.18);
}

.cjenik-tablica th:last-child {
    border-right: 0;
}

.cjenik-tablica td {
    padding: 14px;
    border-top: 1px solid #e5e9f0;
    border-right: 1px solid #e5e9f0;
    vertical-align: top;
    line-height: 1.45;
    background: #ffffff;
}

.cjenik-tablica td:last-child {
    border-right: 0;
}

.cjenik-tablica tbody tr:not(.cjenik-grupa):hover td {
    background: #f8fafc;
}

.cjenik-tablica td:first-child,
.cjenik-tablica th:first-child {
    width: 86px;
    text-align: center;
    font-weight: 900;
}

.cjenik-tablica td:nth-child(3),
.cjenik-tablica td:nth-child(4),
.cjenik-tablica td:nth-child(5) {
    white-space: nowrap;
    font-weight: 800;
}

.cjenik-tablica td:nth-child(5) {
    color: #183b91;
}

.cjenik-grupa td {
    padding: 12px 14px;
    background: #eaf7ef !important;
    color: #0b7f3c;
    font-size: 0.82rem;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: 0.035em;
}

.cjenik-grupa td:first-child {
    color: #0b7f3c;
}

.cjenik-napomena {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    margin-top: 18px;
    padding: 16px 18px;
    border: 1px solid #dfe7f0;
    border-radius: 18px;
    background: #f8fafc;
}

.cjenik-napomena-ikona {
    width: 42px;
    height: 42px;
    min-width: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    background: #eaf3ff;
    color: #183b91;
}

.cjenik-napomena strong {
    display: block;
    margin-bottom: 4px;
    color: #1f2937;
    font-size: 0.95rem;
    font-weight: 900;
}

.cjenik-napomena p {
    margin: 0;
    color: #64748b;
    font-size: 0.9rem;
    line-height: 1.55;
}

@media (max-width: 767px) {
    .cjenik-stranica {
        margin: 24px auto 46px;
        padding: 0 14px;
    }

    .cjenik-hero {
        padding: 22px;
        border-radius: 18px;
        margin-bottom: 16px;
    }

    .cjenik-hero h1 {
        font-size: 2.1rem;
    }

    .cjenik-hero p {
        font-size: 0.92rem;
        line-height: 1.6;
    }

    .cjenik-panel {
        padding: 14px;
        border-radius: 18px;
    }

    .cjenik-tablica-wrap {
        border-radius: 15px;
    }

    .cjenik-tablica {
        min-width: 760px;
        font-size: 0.82rem;
    }

    .cjenik-tablica th {
        padding: 12px 10px;
        font-size: 0.68rem;
    }

    .cjenik-tablica td {
        padding: 11px 10px;
    }

    .cjenik-grupa td {
        font-size: 0.72rem;
    }

    .cjenik-napomena {
        padding: 14px;
        border-radius: 15px;
    }
}

body.dokumenti #sp-main-body {
    background: #ffffff;
}

body.dokumenti .article-details.dokumenti {
    max-width: 1080px;
    margin: 42px auto 78px;
    padding: 0 18px;
    color: #334155;
    display: flex;
    flex-direction: column;
}

body.dokumenti .article-details.dokumenti::before {
    content: "Dokumenti i pravilnici";
    order: 1;
    display: block;
    margin: 0 0 14px;
    color: #183b91;
    font-size: clamp(2.4rem, 4.8vw, 4.4rem);
    line-height: 0.98;
    font-weight: 950;
    letter-spacing: -0.065em;
}

body.dokumenti .article-details.dokumenti::after {
    content: "Na ovoj stranici dostupni su službeni dokumenti, pravilnici, odluke i ostali dokumenti za preuzimanje.";
    order: 2;
    display: block;
    max-width: 760px;
    margin: 0 0 26px;
    color: #475569;
    font-size: 1rem;
    line-height: 1.65;
}

body.dokumenti .article-can-edit,
body.dokumenti .article-ratings-social-share,
body.dokumenti .article-details.dokumenti > div[itemprop="articleBody"] {
    display: none !important;
}

body.dokumenti .fields-container {
    order: 3;
    margin: 0;
    padding: 28px;
    list-style: none;
    border: 1px solid #e2e8f0;
    border-radius: 24px;
    background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.055);
}

body.dokumenti .field-entry {
    margin: 0;
    padding: 0;
}

body.dokumenti .field-label {
    display: flex !important;
    align-items: center;
    gap: 9px;
    margin: 0 0 18px;
    color: #0b7f3c;
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

body.dokumenti .field-label::before {
    content: "";
    width: 4px;
    height: 19px;
    border-radius: 999px;
    background: #0fa755;
}

body.dokumenti .field-value {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

body.dokumenti .acfup-item {
    display: block;
    min-width: 0;
}

body.dokumenti .acfup-item a:empty,
body.dokumenti .acfup-item:has(a:empty) {
    display: none !important;
}

body.dokumenti .acfup-item a {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 82px;
    padding: 15px 18px 15px 72px;
    border: 1px solid #dfe7f0;
    border-radius: 18px;
    background: #ffffff;
    color: #334155 !important;
    font-size: 0.96rem;
    line-height: 1.22;
    font-weight: 900;
    text-decoration: none !important;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04);
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background 0.18s ease;
}

body.dokumenti .acfup-item a:hover {
    transform: translateY(-2px);
    border-color: rgba(24, 59, 145, 0.22);
    background: #ffffff;
    color: #183b91 !important;
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.075);
}

body.dokumenti .acfup-item a::before {
    content: "\f15b";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: 18px;
    top: 50%;
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-50%);
    border-radius: 13px;
    background: #eaf3ff;
    color: #183b91;
    font-size: 1rem;
    box-shadow: inset 0 0 0 1px rgba(24, 59, 145, 0.08);
}

body.dokumenti .acfup-item a::after {
    content: "Dokument za preuzimanje";
    display: block;
    margin-top: 5px;
    color: #64748b;
    font-size: 0.76rem;
    line-height: 1.2;
    font-weight: 650;
}

body.dokumenti .acfup-item a[href$=".pdf"]::before,
body.dokumenti .acfup-item a[href*=".pdf"]::before {
    content: "\f1c1";
    background: #fee2e2;
    color: #b91c1c;
}

body.dokumenti .acfup-item a[href$=".pdf"]::after,
body.dokumenti .acfup-item a[href*=".pdf"]::after {
    content: "PDF dokument";
}

body.dokumenti .acfup-item a[href$=".doc"]::before,
body.dokumenti .acfup-item a[href$=".docx"]::before,
body.dokumenti .acfup-item a[href*=".doc"]::before,
body.dokumenti .acfup-item a[href*=".docx"]::before {
    content: "\f1c2";
    background: #dbeafe;
    color: #1d4ed8;
}

body.dokumenti .acfup-item a[href$=".doc"]::after,
body.dokumenti .acfup-item a[href$=".docx"]::after,
body.dokumenti .acfup-item a[href*=".doc"]::after,
body.dokumenti .acfup-item a[href*=".docx"]::after {
    content: "Word dokument";
}

body.dokumenti .acfup-item a[href$=".xls"]::before,
body.dokumenti .acfup-item a[href$=".xlsx"]::before,
body.dokumenti .acfup-item a[href*=".xls"]::before,
body.dokumenti .acfup-item a[href*=".xlsx"]::before {
    content: "\f1c3";
    background: #dcfce7;
    color: #15803d;
}

body.dokumenti .acfup-item a[href$=".xls"]::after,
body.dokumenti .acfup-item a[href$=".xlsx"]::after,
body.dokumenti .acfup-item a[href*=".xls"]::after,
body.dokumenti .acfup-item a[href*=".xlsx"]::after {
    content: "Excel dokument";
}

body.dokumenti .acfup-item a[href$=".zip"]::before,
body.dokumenti .acfup-item a[href$=".rar"]::before,
body.dokumenti .acfup-item a[href*=".zip"]::before,
body.dokumenti .acfup-item a[href*=".rar"]::before {
    content: "\f1c6";
    background: #fef3c7;
    color: #b45309;
}

body.dokumenti .acfup-item a[href$=".zip"]::after,
body.dokumenti .acfup-item a[href$=".rar"]::after,
body.dokumenti .acfup-item a[href*=".zip"]::after,
body.dokumenti .acfup-item a[href*=".rar"]::after {
    content: "Arhiva za preuzimanje";
}

@media (max-width: 991px) {
    body.dokumenti .field-value {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    body.dokumenti .article-details.dokumenti {
        margin: 26px auto 48px;
        padding: 0 14px;
    }

    body.dokumenti .article-details.dokumenti::before {
        font-size: 2.2rem;
        line-height: 1.02;
        margin-bottom: 12px;
    }

    body.dokumenti .article-details.dokumenti::after {
        margin-bottom: 18px;
        font-size: 0.92rem;
        line-height: 1.55;
    }

    body.dokumenti .fields-container {
        padding: 18px;
        border-radius: 18px;
    }

    body.dokumenti .field-label {
        margin-bottom: 14px;
        font-size: 0.68rem;
    }

    body.dokumenti .field-value {
        gap: 9px;
    }

    body.dokumenti .acfup-item a {
        min-height: 72px;
        padding: 13px 14px 13px 60px;
        border-radius: 15px;
        font-size: 0.86rem;
        line-height: 1.25;
    }

    body.dokumenti .acfup-item a::before {
        left: 13px;
        width: 36px;
        height: 36px;
        border-radius: 11px;
        font-size: 0.9rem;
    }

    body.dokumenti .acfup-item a::after {
        margin-top: 4px;
        font-size: 0.7rem;
    }
}