/* Leaflet zoom */
.leaflet-control-zoom-in, .leaflet-control-zoom-out {
    font: inherit;
    text-indent: 1px;
    background-image: none;
}

.leaflet-control-zoom a {
    background-color: var(--background-contrast-grey);
    color: var(--text-default-grey);
}

/* BAN search bar */
.searchBar {
    border: 2px solid var(--background-active-blue-france) !important;
    margin-top: 10px;
    margin-right: 10px;
    font-size: 1em;
    color: var(--text-default-grey);
    background-color: var(--background-contrast-grey);
}

.leaflet-control-geocoder-ban-alternatives li a {
    background-color: var(--background-contrast-grey);
    color: var(--text-default-grey);
}

.leaflet-control-geocoder-ban-icon {
    background-color: var(--background-contrast-grey);
    color: var(--text-default-grey);
}

.leaflet-control-geocoder-ban-form input::placeholder {
    color: var(--text-default-grey);
}

/* Sidepanel */

.sidepanel-content-wrapper {
    background-color: var(--background-default-grey);
    color: var(--text-default-grey);
}

.sidepanel-tabs-wrapper {
    background-color: var(--background-default-grey);   
}

.sidebar-tab-link {
    background-image: none;
}

.sidepanel-tabs-wrapper .sidepanel-tabs .sidepanel-tab .sidebar-tab-link:active, .sidepanel-tabs-wrapper .sidepanel-tabs .sidepanel-tab .sidebar-tab-link.active {
    color: var(--background-active-blue-france);
  }

.sidepanel.tabs-top .sidepanel-tabs-wrapper .sidepanel-tabs .sidepanel-tab .sidebar-tab-link:active, .sidepanel.tabs-top .sidepanel-tabs-wrapper .sidepanel-tabs .sidepanel-tab .sidebar-tab-link.active {
  border-bottom-color: var(--background-active-blue-france);
}

[data-fr-theme="dark"] .sidepanel-tabs-wrapper .sidepanel-tabs .sidepanel-tab .sidebar-tab-link:hover {
  color: var(--background-active-blue-france-hover);
}

[data-fr-theme="dark"]  .sidepanel.tabs-top .sidepanel-tabs-wrapper .sidepanel-tabs .sidepanel-tab .sidebar-tab-link:hover {
  border-bottom-color: var(--background-active-blue-france-hover);
}

.sidepanel .sidepanel-toggle-container .sidepanel-toggle-button {
  background-color: var(--background-default-grey);
}

#tel-btn, #mail-btn {
  font-weight: 500;
}

#mail-btn[href]:not([href=""]) {
  color: var(--text-inverted-blue-france);
}

#tel-btn[href]:not([href=""]) {
  color: var(--text-action-high-blue-france);
}

.leaflet-container {
  font-family: Marianne, arial, sans-serif;
}

#carto-filter-wrapper {
  display: inline-flex;
}

#map {
  width: 100%;
  height:800px;
}

.leaflet-control-geocoder-ban-alternatives li a {
  cursor: pointer;
}

/* assure l'affichage de tout le placeholder */
.leaflet-control-geocoder-ban-form input {
  width: 300px;
}