/* ===========================
   DONJA NAVIGACIJA (globalno)
   =========================== */

/* Da sadržaj SIGURNO ne upadne ispod donje trake */
body.has-bottom-nav {
  padding-bottom: 5.6rem;  /* malo više mjesta za sve ekrane */
}

/* Glavna donja traka – uvijek centrirana, zaobljena */
.bottom-nav {
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);          /* centriraj po sredini */

  width: 100%;
  max-width: 900px;                     /* ne širi se preko 900px */
  margin: 0 auto;

  z-index: 40;
  display: flex;
  justify-content: space-around;
  align-items: center;

  padding: 0.4rem 0.6rem calc(env(safe-area-inset-bottom, 0px) + 0.4rem);
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(10px);
  border-top: 1px solid rgba(0, 0, 0, 0.06);

  border-radius: 999px 999px 0 0;       /* zaobljeni gornji rubovi na svim uređajima */
}

/* Linkovi / gumbi u donjoj traci */
.bottom-nav-link {
  flex: 1 1 0;
  text-align: center;
  padding: 0.35rem 0.25rem;
  font-size: 0.8rem;
  text-decoration: none;
  color: #444;
  border: none;
  background: none;
}

/* Fokus za tipkovnicu / pristupačnost */
.bottom-nav-link:focus-visible {
  outline: 2px solid #ff8c6a;
  outline-offset: 2px;
  border-radius: 999px;
}

/* Aktivna stranica */
.bottom-nav-link--active {
  font-weight: 600;
  color: #ff7247;
}

/* Trenutno neaktivna opcija (npr. “Favoriti – uskoro”) */
.bottom-nav-link--disabled {
  opacity: 0.55;
  cursor: default;
}

/* Label unutar linka */
.bottom-nav-label {
  display: block;
}