/* CSS overwrite of the leaflet.draw editing vertice */
.leaflet-editing-icon {    
    margin-left: -3px!important;
    margin-top: -3px!important;
    height: 0.75rem!important;
    width: 0.75rem!important;
    background-color: #fff!important;
    border-radius: 50%!important;
    display: inline-block!important;
}

.btn-edit {
    background-color: #28a745;
    color: white;
    border: none;
    padding: 5px 10px;
    border-radius: 4px;
    cursor: pointer;
    width: 100%;
}

/* Remove o fundo branco padrão, bordas e a setinha do tooltip */
.menu-edicao-tooltip {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.menu-edicao-tooltip .leaflet-tooltip-tip,
.menu-edicao-tooltip::before {
    display: none !important;
    border: none !important;
    background: transparent !important;
}

/* Estilo dos botões */
.edit-floating-menu {
    background: white;
    padding: 6px;
    margin-bottom: 5px;
    border-radius: 8px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.3);
    display: flex;
    gap: 6px;
    pointer-events: auto !important; /* Garante que os botões aceitem cliques */
}
.btn-floating-confirm { background: #28a745; color: white; border: none; padding: 6px 10px; cursor: pointer; border-radius: 4px; font-weight: bold; }
.btn-floating-cancel { background: #dc3545; color: white; border: none; padding: 6px 10px; cursor: pointer; border-radius: 4px; font-weight: bold; }