/* Sponsor Bar */
.sponsor-bar { 
  background: #070707; 
}

.footer-dark { 
  background: #232428; 
}

/* Very small payment pill (if needed later) */
.payment-pill { 
  background: rgba(255,255,255,0.06); 
  border-radius: 3px; 
  padding: 0 8px; 
  min-width: 50px; 
  height: 24px; 
  display: inline-flex; 
  align-items: center; 
  justify-content: center; 
  font-size: 10px; 
}

.app-badge { 
  background: #0b0b0b; 
  border-radius: 8px; 
  padding: 8px 14px; 
  display: inline-flex; 
  align-items: center; 
  gap: 8px; 
}

.divider-top { 
  height: 4px; 
  background: rgba(255,255,255,0.02); 
}

/* Accordion icon rotation */
.rotate-180 { 
  transform: rotate(180deg); 
}

/* ----------------------------- */
/* Bottom Mobile Navigation Bar  */
/* ----------------------------- */

.footer-bottom-nav {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 50;
  width: 100%;
  background: linear-gradient(135deg, #001F3F 0%, #003366 100%);
  box-shadow: 0 -4px 12px rgba(0, 31, 63, 0.3);
  display: flex;
  justify-content: center;
  padding: 0.5rem 0;
}

.bottom-nav {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  max-width: 500px;
}

/* Nav item */
.bottom-nav a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 0.8125rem;
  text-decoration: none;
  padding: 0.375rem;
  transition: all 0.3s ease-in-out;
  border-radius: 8px;
  min-width: 60px;
}

/* Hover */
.bottom-nav a:hover {
  background: rgba(255, 255, 255, 0.1);
  transform: translateY(-2px);
}

/* Active */
.bottom-nav a.active {
  color: #FFD700;
  font-weight: 700;
}

.bottom-nav-icon {
  font-size: 1.25rem;
  margin-bottom: 0.25rem;
}

.bottom-nav-text {
  font-size: 0.75rem;
  line-height: 1;
}

/* Hide bottom nav on desktop */
@media(min-width: 1024px) {
  .footer-bottom-nav {
    display: none;
  }
}