/* APRÈS — remplace par ça */
@media (max-width: 768px) {

  .map-layout {
    display: flex !important;
    flex-direction: column !important;
    height: calc(100vh - 60px) !important;
  }

  /* Carte en haut */
  .map-wrap {
    width: 100% !important;
    height: 40vh !important;
    flex-shrink: 0;
    position: relative !important;
  }

  /* Sidebar en bas — toujours visible */
  .map-sidebar {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    bottom: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 60vh !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    border-top: 2px solid var(--accent, #00f0ff);
    border-right: none !important;
    z-index: 1 !important;
    transform: none !important;
    transition: none !important;
  }

  /* Cache le bouton toggle — inutile maintenant */
  .sidebar-toggle {
    display: none !important;
  }

  /* Inputs 16px — évite zoom iOS */
  #regionInput {
    font-size: 16px !important;
  }

  /* Types en 2 colonnes */
  .osm-types {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }

  /* Bouton recherche pleine largeur */
  .btn-search-region {
    width: 100% !important;
    padding: 14px !important;
  }
}