/*
Theme Name: Carte
Author:
Description: Your description goes here
Version: 1.0
Template: twentytwentyfive
*/

.wp-block-post-title {
  display: none;
}

html,body {
 margin: 0;
 padding: 0;
 height: 100%;
 width:100%;
}

li {
  margin-left:-20px;
}

a {
  margin-bottom : 30px !important;
  text-decoration : none !important;
}

.containeur {
  height: 1500px;
  position:relative;
  z-index:1;
  overflow:hidden;
  display: flex;
  width:100%;
}

.containeur-edition {
  height: auto;
  position:relative;
  z-index:1;
  overflow:hidden;
}
.sidebar {
    position: relative !important;
    z-index: 1000;
    margin-top: 10px;
    min-width: 100px;
    max-width: 600px;
    background-color: white;
    font-size: 12px;
    flex-shrink: 0;
    transition: width 0.3s ease, flex-basis 0.3s ease, min-width 0.3s ease;
    overflow: visible !important;
}

/* Règle indispensable pour écraser le min-width: 100px lors du repli */
.sidebar.repliee {
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    flex-basis: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

/* Masquage de tous les enfants SAUF le bouton de bascule */
.sidebar.repliee > *:not(#btn_toggle_sidebar) {
    display: none !important;
}

/* Bouton languette sur la ligne verticale séparatrice */
#btn_toggle_sidebar {
    position: absolute;
    top: 50px; /* Ajustez la hauteur ici selon votre convenance (ex: 20px, 40px, 80px) */
    right: -24px;
    transform: none; /* Ne pas centrer verticalement */
    width: 24px;
    height: 48px;
    background: #ffffff;
    border: 1px solid #bbb;
    border-left: none;
    border-radius: 0 6px 6px 0;
    cursor: pointer;
    z-index: 999999 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 0;
    box-shadow: 2px 0 6px rgba(0,0,0,0.25);
    color: #333;
}

#btn_toggle_sidebar:hover {
    background-color: #f8f9fa;
    color: #007bff;
}

#redimensionnement {
  width: 5px;
  cursor: col-resize;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  background: transparent;
  z-index:10;
}

#redimensionnement:hover {
  background: rgba(0, 0, 0, 0.1);
}

.sablier {
  margin-top:300px;
  display: none;
}

#carte {
 height: 60%;
 z-index:2;
 flex: 1;
 min-width: 0;
 width: 100%;
 overflow-y: auto;
 position: relative;
}

.titre-carte {
  text-align : center;
  margin-top : 10px;
  font-size:24px;
  font-weight:bold;
  font-family:Verdana;
}

.infobox {
  width: 320px;
}

.bouton {
  font-size : 14px;
  background-color: #787bfd;
}

.item-menu {
  font-size : 14px;
  font-weight: bold;
  margin-bottom: 20px;
  margin-left:20px;
  list-style: none;
  cursor: pointer;
}

.item-menu:hover {
  color: red;
  font-weight:bold;
}

.item {
  margin-left: 5px;
}

.bouton-carte {
  background-color: #dc4864;
}

.bouton-telechargement {
  background-color: #dc4864;
  color:white;
}


.bouton-telechargement:hover {
  background-color: #787bfd;
  cursor:pointer;
}

.liste {
  margin-left: 20px;
  padding-right: 10px;
  margin-bottom: -5px;
}

.liste-entreprises, .liste-fichiers-entreprises {
  width: 210px !important;
}

.distance {
  width: 270px;
}

.ui-menu-item-wrapper {
  font-family: Verdana;
  font-size: 12px;
}

.icone-copie, .icone-edition, .icone-suppression {
  margin-left:10px !important;
  font-size: 16px !important;
}


.note {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.texte-note {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: white;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  position: absolute;
  z-index: 2000;
  margin-top:-20px;
}

.message {
  font-family: "Verdana" !important;
  font-size: 14px !important;
}

.note:hover .texte-note {
  visibility: visible;
}

.ui-autocomplete {
    z-index: 2150000000 !important;
}

.choix {
  display : none;
  height : auto;
  overflow-y : scroll;
}

.nom-ville, .nom-lycee {
  font-size: 12px !important;
}

.regroupement {
  margin-top:20px;
  margin-left:70px
}

.effacement {
  cursor: pointer !important;
}

.distance {
  align: right;
}

.badge-distance {
  background-color: white;
  color: black;
  padding: 4px 8px;
  border-radius: 6px;
  font-size: 11px;
  font-family: sans-serif;
  font-weight: 600;
  position: relative;
  z-index:5;
  top: 100%;
  margin-top: 8px;
  white-space: nowrap;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
/*
.logo {
  width:25px;
  height: 25px;
  margin-right:10px;
}
*/
.logo-containeur {
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden; /* Empêche tout débordement accidentel */
}

.logo {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain; /* Garantit zéro déformation */
  display: block;
}

.intitule {
  margin-bottom:10px;
}

.cluster {
  color: white;
  font-size: 14px;
  background-color: #787bfd;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rouge {
  color: white;
  font-size: 14px;
  background-color: #dc4864;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.containeur-variateur {
    position: relative;
    width: 80%;
    margin: 40px auto;
    height: 30px;
    padding: 0;
}

.zoom {
  font-size:12px;
  font-weight: bold;
}

#echelle_zoom {
    -webkit-appearance: none;
    display: block;
    width: 100%;
    border-radius: 5px;
    background: #d3d3d3;
    margin: 0;
    height: 100%;
    cursor: pointer;
    position: relative;
    z-index: 5;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

#echelle_zoom::-webkit-slider-runnable-track {
    width: 100%;
    height: 6px;
    background: #ddd;
    border-radius: 3px;
}

#echelle_zoom::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background: #4285F4;
    margin-top: -12px;
    cursor: pointer;
    border: 2px solid #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}

#valeur_zoom {
    position: absolute;
    top: 135%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    font-family: Verdana, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: #ffffff;
    z-index: 10;
    text-align: center;
    width: 30px;
    line-height: 30px;
}

footer {
  display : none;
}

header {
   display: none
}

/* liste */

.liste-contenu {
  /*margin-left:360px; !important;*/
  margin-top: 0px; !important;
  overflow-x: scroll;
}

.item-liste {
  display: flex;
  width:3000px;
  list-style: none;
  position: relative;
  background: transparent;
  background-color: white;
  font-family: "Verdana" !important;
  font-size: 10px;
  height: 25px;
}

.icone-chargement {
  margin-right:10px;
  transform: translate(20%, 20%);
  cursor: pointer;
  font-size:20px !important;
}

.icone {
  cursor: pointer;
  margin-left: 5px;
  margin-right: 5px;
  font-size:20px !important;
}

.deplacement-ligne {
    cursor: grab;
    margin-right: 10px;
    color: #888;
    font-weight: bold;
    position: absolute;
    transform: translate( 0%, -20%);
}

.deplacement-ligne:active {
    cursor: grabbing;
}

.code-postal, .numero {
  text-align: center;
}

.intitule_large {
  width: 230px;
  font-size: 12px; !important
}

.intitule_court {
  width: 140px;
  font-size: 12px; !important
}

.intitule_court_2 {
  width: 60px;
  font-size: 12px; !important
}

.cadre {
  border: 0.5px solid #ddd;
}

.titre-liste {
  font-weight: bold;
  font-size: 14px;
  border: 1px solid transparent;
  margin-bottom:10px;
  height: 30px;
}

.fermeture {
  position: fixed;
  top: 50px !important;
  right: 80px !important;
  color: black !important;
  font-size: 50px !important;
  font-weight: bold;
  cursor: pointer !important;
}

.icone-visibilite {
  position:absolute;
  top: 5px;
  right: 10px;
  font-weight:bold;
  font-size:18px
}