/* styles.css */

/* Pour écraser le padding des th/td sur tous les écrans */
#table-trees thead th,
#table-trees tbody td,
#table-reperes thead th,
#table-reperes tbody td,
#table-zones thead th,
#table-zones tbody td {
  padding: 0.25rem 0.5rem !important;
  line-height: 1.2 !important;
}

/* Ciblage spécifique pour petit écran (<576px) */
@media (max-width: 575.98px) {
  #table-trees thead th,
  #table-trees tbody td,
  #table-reperes thead th,
  #table-reperes tbody td,
  #table-zones thead th,
  #table-zones tbody td {
    padding: 0.2rem 0.4rem !important;
    line-height: 1.1 !important;
  }
}

/* Styles pour que les boutons "Modifier" / "Supprimer" 
   restent côte à côte sur mobile */
#table-trees tbody td:last-child,
#table-reperes tbody td:last-child,
#table-zones tbody td:last-child {
  display: flex;
  gap: 0.25rem;
  justify-content: center;
  flex-wrap: nowrap;
}

/* Si besoin, réduire légèrement la taille des boutons sur mobile */
@media (max-width: 575.98px) {
  #table-trees tbody td:last-child .btn,
  #table-reperes tbody td:last-child .btn,
  #table-zones tbody td:last-child .btn {
    padding: 0.25rem 0.35rem;
    font-size: 0.75rem;
  }
}

/* Style pour les marqueurs numérotés (via DivIcon Leaflet) */
.marker-numero {
  background-color: transparent;
  border: none;
  font-size: 0.8rem;
  font-weight: bold;
  color: white;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
}

/* Personnalisation de l’encart de précision GPS */
.leaflet-control-precision {
  font-size: 0.9rem;
  line-height: 1.2;
}