/* footer-fix.css - pregazuje sve probleme */
#footer {
  background: #5f6368 !important;
  position: relative !important;
  padding: 80px 0 40px !important;
  margin-top: 4rem !important;
  overflow: hidden !important;
}

/* UKLANJAMO TALASE */
#footer::before,
#footer::after {
  display: none !important;
  content: none !important;
  background: none !important;
  animation: none !important;
  width: 0 !important;
  height: 0 !important;
  position: static !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/* Crvena linija */
#footer::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 3px !important;
  background: #e63946 !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* BELI TEKST */
#footer p,
#footer a,
#footer h5,
#footer li,
#footer div {
  color: #ffffff !important;
}

#footer a {
  color: #ffffff !important;
  text-decoration: none !important;
}

#footer a:hover {
  color: #ffffff !important;
  border-bottom: 1px solid #e63946 !important;
}

/* =====================
   FOOTER - MOBILE FIX (<480px)
===================== */
@media (max-width: 480px) {
  #footer .container {
    flex-direction: column !important; /* jedan ispod drugog */
    align-items: flex-start !important; /* levo poravnanje */
    gap: 1.5rem !important; /* razmak između blokova */
    text-align: left !important;
  }

  #footer .container > div {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important; /* sadržaj jednog diva vertikalno */
    align-items: flex-start !important;
    margin-bottom: 1rem !important;
  }

  /* Sve liste i linkovi unutar diva */
  #footer ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  #footer ul li {
    margin: 0.4rem 0 !important; /* razmak između linkova */
    padding: 0 !important;
  }

  #footer ul li a {
    display: block !important; /* svaki link u svom redu */
    text-align: left !important;
    padding-left: 0 !important;
  }

  /* Naslovi crvena linija */
  #footer h5::after {
    left: 0 !important;
    transform: none !important;
  }

  /* Copyright */
  #footer > div:last-child {
    text-align: left !important;
  }
}