/* ================================
   FIZIVA – OVERRIDES & SCROLL TOP
   ================================ */

/* Scroll to top – desni donji kut, iznad svega */
.scroll-top{
  position: fixed !important;
  right: 24px !important;
  left: auto !important;         /* pregazi stare stilove */
  bottom: 24px !important;
  width: 50px; height: 50px;
  border-radius: 50%;
  z-index: 999999 !important;
  cursor: pointer;
  visibility: hidden;
  transform: translateY(45px);
  transition: all 300ms linear;
  color: #1b5e68;                /* stroke (currentColor) + strelica */
  background: transparent;
}

/* pokaži gumb kad se skrola */
.scroll-top.show{
  visibility: visible;
  transform: translateY(0);
}

/* strelica – bez ovisnosti o FA; iznad SVG-a */
.scroll-top::after{
  content: "↑";
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  font-size: 20px;
  color: #1b5e68;
  background: #fff;
  border: 2px solid #1b5e68;
  border-radius: 50%;
  z-index: 2;
}

/* SVG točno 50×50 i ispod strelice */
.scroll-top svg{
  display: block !important;
  width: 50px !important;
  height: 50px !important;
  border-radius: 50%;
  background: transparent;
  position: relative;
  z-index: 1;
}

/* sigurnosni no-fill + progress rub */
.scroll-top svg path{ fill: none !important; }
.scroll-top .progress-circle path{
  stroke: currentColor;
  transition: stroke-dashoffset 120ms linear;
}

/* (opcionalno) hover efekt */
.scroll-top:hover::after{
  filter: brightness(1.05);
  transform: scale(1.02);
}



.cookie-banner {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 14px 20px;
  background: #004f4b;           /* tvoja zelena */
  color: #f5f5f5;
  z-index: 9999;

  display: flex;
  justify-content: center;        /* sadržaj na sredinu */
  align-items: center;
}

.cookie-banner p {
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
}

.cookie-buttons {
  display: flex;
  gap: 10px;
  margin-left: 16px;
  flex-wrap: wrap;
  justify-content: center;
}

/* zajednički stil za oba gumba */
.cookie-buttons button {
  border: none;
  padding: 8px 20px;
  border-radius: 999px;           /* potpuno zaobljeni */
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;

  transition: background 0.2s ease, 
              color 0.2s ease, 
              transform 0.1s ease,
              box-shadow 0.2s ease;
}

/* PRIHVAĆAM = naglašeni gumb */
#cookieAccept {
  background: #ffffff;
  color: #004f4b;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
}

#cookieAccept:hover {
  background: #f0f0f0;
  transform: translateY(-1px);
}

/* ODBIJAM = sekundarni */
#cookieDecline {
  background: transparent;
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.7);
}

#cookieDecline:hover {
  background: rgba(255, 255, 255, 0.08);
}

/* kad ga JS sakrije */
.cookie-banner.hidden {
  display: none;
}

/* malo bolje na mobitelu */
@media (max-width: 600px) {
  .cookie-banner {
    padding: 12px 10px;
  }

  .cookie-banner p {
    font-size: 13px;
  }

  .cookie-buttons {
    margin-left: 0;
    margin-top: 8px;
  }
}


.color-text a {
	color:#0F5A56 !important;
}


.bg-grey
{
  background-color: #E5EAEC !important;
}

.page-header {
  
    background-position: center center !important;
    background-size: cover !important;
}

@media(max-width: 768px) {
    .page-header {
        background-position: center center !important;
    }
}