/* Navbar stilleri */
.bottom-navbar {
  position: fixed;
  bottom: 0; /* Alt kısmı bitişik yapıyoruz */
  left: 10px;   /* Sağ ve sol tarafta boşluk */
  right: 10px;
  background-color: #003554; /* Navbar arka plan rengi */
  padding: 10px 0;
  border-radius: 20px 20px 0 0; /* Sadece üst köşeler oval */
  box-shadow: 0 -2px 10px rgba(0,0,0,0.15); /* Daha belirgin gölge */
}

/* Linklerin altında çizgi olmaması */
.bottom-navbar a {
  text-decoration: none;
  color: #ffffff; /* İkonlar beyaz */
  font-size: 30px;
  text-align: center;
  display: block;
}

/* Aktif ikon rengi */
.bottom-navbar a.active_icon {
  color: #f8853e; /* Aktif olan ikonun rengi */
}