/* ==========================
   RESPONSIVE STYLES
========================== */

/* Medium devices (≤992px) */
@media (max-width: 992px) {
  /* Hide desktop navbar items */
  .navbar-nav.d-lg-flex {
    display: none !important;
  }

  /* Show mobile toggle */
  .navbar-toggler {
    display: block !important;
  }

  /* Adjust search bar */
  form.d-lg-flex {
    display: none !important;
  }

  #mobileNav .nav-link {
    font-size: 1rem;
    padding: 0.75rem 0;
  }
}

/* Small devices (≤576px) */
@media (max-width: 576px) {
  .navbar-brand img {
    height: 28px;
  }

  .navbar-brand span {
    font-size: 1rem;
  }

  .navbar-dark .nav-link {
    font-size: 0.9rem;
  }

  .btn.btn-outline-accent-dark {
    padding: 0.4rem 0.75rem;
  }
}