/* Style pour mobile ---------------------------------- */
@media (max-width: 700px) {
  header h1 {
    width: 100vw;
    font-size: 1.5rem;
  }

  #searchButton {
    margin-top: 0rem;
  }

  #bars_power {
    position: absolute;
    top: 0;
    width: 120%;
  }

  #toggleSidePanel {
    position: fixed;
    top: 0.6rem;
    right: 0.6rem;
    z-index: 10;
    background: #a9a9a9;
    padding: 0.2rem 1rem;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    border: 0;
    font-size: 2rem;
  }

  body {
    /* border: solid 3px blue; */
  }

  .side-panel-open .side-panel {
    position: static;
    transform: none;
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2);
    margin: 0;
    width: 100vw;
  }

  .side-panel.active {
    transform: none;
  }

  .side-panel-open #map,
  #map {
    margin: 0;
    left: 0;
    top: 0;
    width: 100vw;
    height: 90vh;
    height: 55vh;
  }


  header {
    position: static;
  }

  .filters-box {
    position: static;
  }

  .close-results-button {
    border: 0;
    border-radius: 3px;
    background: var(--button-border);
    margin: 0;
    position: relative;
    top: -4.9rem;
    right: 1.4rem;
    height: 2.6rem;
  }
}

#count_features_fond {
  border: solid 1px grey;
}