/* Mobile navigation and visa search overrides. Kept separate to bypass stale hosting caches. */
.mobile-nav-actions {
  display: flex;
  align-items: center;
  gap: .55rem;
}

.mobile-nav-icon {
  position: relative;
  width: 2.65rem;
  height: 2.65rem;
  display: inline-grid;
  place-items: center;
  flex: 0 0 2.65rem;
  padding: 0;
  border: 1px solid rgba(17,24,39,.14);
  border-radius: 50%;
  background: #fff;
  color: #6b7280;
  box-shadow: 0 4px 12px rgba(15,23,42,.05);
}

.mobile-nav-icon:hover,
.mobile-nav-icon:focus {
  border-color: var(--brand);
  color: var(--brand);
  outline: 0;
}

.mobile-nav-alert-count {
  position: absolute;
  top: -.2rem;
  right: -.2rem;
  min-width: 1.1rem;
  height: 1.1rem;
  display: grid;
  place-items: center;
  padding: 0 .2rem;
  border: 2px solid #fff;
  border-radius: 999px;
  background: var(--brand);
  color: #fff;
  font-size: .58rem;
  font-weight: 800;
}

.navbar-toggler.mobile-nav-icon {
  font-size: 1rem;
}

.floating-whatsapp {
  background: var(--brand);
}

@media (max-width: 767px) {
  .hero-searchbar {
    grid-template-columns: 1fr !important;
    padding: 0;
    gap: .55rem;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  .hero-search-field,
  .hero-search-field:last-of-type {
    padding: 0;
    overflow: visible;
    border: 0;
    border-radius: 999px;
    background: rgba(255,255,255,.96);
    box-shadow: 0 5px 14px rgba(15,23,42,.10);
  }

  .hero-filter-trigger {
    min-height: 58px;
    padding: .45rem 1rem;
    border: 1px solid rgba(17,24,39,.10);
    border-radius: 999px;
    background: rgba(255,255,255,.96);
  }

  .hero-search-btn {
    width: 100%;
    min-height: 48px;
    margin-top: .05rem;
    border-radius: 999px;
    font-weight: 800;
  }
}