/* =========================================================================
   MOBILE BOTTOM STICKY NAVIGATION
   ========================================================================= */

.mobile-nav {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: var(--z-sticky);
  
  /* Container 20px padding */
  padding: 12px 20px;
  
  /* Glass Effect */
  background: #605E5E70;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  
  /* Box Shadow */
  box-shadow: 0px -6px 64px 0px #000000;
  
  /* Top corners border radius */
  border-radius: 24px 24px 0 0;
  
  /* Hidden by default on desktop */
  display: none;
}

/* Visibility breakpoint at 1081px as requested */
@media (max-width: 1081px) {
  body {
    padding-bottom: 68px !important; /* Prevent sticky menu from covering content */
  }

  .mobile-nav {
    display: block !important;
  }
}

.mobile-nav__list {
  display: flex;
  justify-content: space-around;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
}

.mobile-nav__item {
  flex: 1;
}

.mobile-nav__link {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  text-decoration: none;
  color: var(--color-text-inverse);
  transition: opacity var(--transition-fast);
}

.mobile-nav__link:active,
.mobile-nav__link:focus {
  opacity: 0.7;
}

.mobile-nav__icon {
  width: 24px;
  height: 24px;
  object-fit: contain;
}

/* Adjusting the WIC logo icon specifically */
.mobile-nav__icon--logo {
  border-radius: 50%;
  /* background: white;
  padding: 2px; */
}

.mobile-nav__label {
  font-family: var(--font-body);
  font-size: clamp(8px, 0.83vw, 12px);
  font-weight: var(--weight-medium);
  letter-spacing: 0.02em;
  text-transform: capitalize;
  text-align: center;
}