/* Keep custom searchable dropdowns visually consistent with desktop on mobile. */
@media (max-width: 768px) {
  .searchable-dropdown .dropdown-input {
    font-size: 16px !important;
  }

  .searchable-dropdown .dropdown-list {
    position: fixed !important;
    transform: none !important;
    max-height: 250px !important;
    width: auto;
    z-index: 10000;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  }

  .searchable-dropdown .dropdown-list > .dropdown-items {
    max-height: 250px !important;
    overflow-y: auto;
  }

  .searchable-dropdown .dropdown-item,
  .searchable-dropdown .location-result-card {
    font-size: 16px !important;
  }

  /* Do not turn the dropdown into a centered modal on phones. */
  .searchable-dropdown .dropdown-close-btn {
    display: none !important;
  }

  .searchable-dropdown::before,
  .searchable-dropdown:has(.dropdown-list)::before {
    display: none !important;
    content: none !important;
  }
}