body {
  margin: 0;
  font-family: 'Source Sans Pro', sans-serif;
  background-color: #F8F9FA;
  color: #333;
  scroll-behavior: smooth;
 
}

/* Za ove statične stranice nam više ne treba “stretch” do cijele visine 
ovaj kod uzrokuje da se pri kraju stranice navbar skroluje tj. prestane
da bude sticky */
/* html, body {
  height: 100%;
} */

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.navbar {
  background-color: #48E1C1 !important;
  padding: 0.55rem 0;
  position: sticky;
  top: 0;
  z-index: 999;
}

.navbar .logo {
  color: #152320;
  font-family: 'DM Serif Display', serif;
  font-size: 1.5rem;
  margin-left: 0;
}

.navbar nav a {
  color: #152320;
  text-decoration: none;
  font-weight: 530;
  letter-spacing: 0.3px;
  /* padding: 0 0.5rem; */
  padding: 0 0.3rem;
}

.navbar nav a:hover {
  text-decoration: underline;
}

.navbar .nav-item a {
  color: #152320 !important;
  text-decoration: none;
  font-weight: 530;
  letter-spacing: 0.3px;
  /* padding: 0 0.5rem; */
  padding: 0 0.3rem;
}

.navbar .nav-item a:hover {
  text-decoration: underline;
}

.footer {
  text-align: center;
  padding: 1rem;
  background-color: #c1c1c1;
  color: #333;
  margin-top: auto; /* Ovo ga gura na dno */
}

main {
  /* flex 1 popunjava sav preostali prostor između navbara i footera zakomentarisao sam ga 
  jer je pravio problem kada sam pomjerio ovaj css fajl da bude ispod bootstrapa */ 
  /* flex: 1;                  */
  display: flex;                /* postaje fleks kontejner */
  flex-direction: column;       /* vertikalni raspored */
  background-color: #F8F9FA;  /* ujednači pozadinu s formom */
}


/* Stilizacija dugmeta za zatvaranje poruke ispod navbara */
.alert-dismissible .close {
  padding: .65rem 1.25rem !important; /* blago smanjeno, po tvom opažanju bootstrap je 0.75rem */
}


/* Tanji progress bar za alert poruke */
.lexbox-alert-progress {
  height: 2px !important;
  background: transparent;
}

.lexbox-alert-progress .progress-bar {
  height: 2px !important;
  border-radius: 0;
}

/* Linearna animacija (ravnomjerna) */
@keyframes lexboxProgressLinear {
  from { width: 100%; }
  to   { width: 0%; }
}

/* Primjena animacije */
.lexbox-progress-anim {
  animation: lexboxProgressLinear 7s linear forwards;
}

/* Rješenje za male ekrane */