/* =========================================================
   LIMA ENGENHARIA
   MEDIR DISTANCIA V1
   ========================================================= */


/* ---------------------------------------------------------
   CURSOR
   --------------------------------------------------------- */

body.lima-medindo-distancia,
body.lima-medindo-distancia #map{
  cursor:crosshair !important;
}


/* ---------------------------------------------------------
   TELA LIMPA DURANTE A MEDICAO
   --------------------------------------------------------- */

body.lima-medindo-distancia .lima-busca,
body.lima-medindo-distancia #lima-tools-menu,
body.lima-medindo-distancia .leaflet-control-layers,
body.lima-medindo-distancia .lima-gps-flutuante,
body.lima-medindo-distancia #lima-gps-flutuante,
body.lima-medindo-distancia #btnLocalizacaoFlutuante,
body.lima-medindo-distancia #lima-area-ativa-chip,
body.lima-medindo-distancia #lima-sat-panel{
  display:none !important;
}


/* ---------------------------------------------------------
   TOOLBAR
   --------------------------------------------------------- */

#lima-distancia-toolbar{
  position:fixed;

  z-index:7600;

  top:14px;
  left:50%;

  transform:translateX(-50%);

  width:min(430px,calc(100vw - 28px));

  box-sizing:border-box;

  padding:12px;

  border:1px solid rgba(21,94,54,.18);
  border-radius:16px;

  background:rgba(255,255,255,.97);

  box-shadow:
    0 8px 28px rgba(0,0,0,.18);

  color:#174f32;

  font-family:
    Arial,
    Helvetica,
    sans-serif;
}


#lima-distancia-toolbar[hidden]{
  display:none !important;
}


/* ---------------------------------------------------------
   TOPO
   --------------------------------------------------------- */

.lima-distancia-topo{
  display:flex;
  align-items:center;
  gap:10px;
}


.lima-distancia-icone{
  width:34px;
  height:34px;

  flex:0 0 34px;

  display:flex;
  align-items:center;
  justify-content:center;

  border-radius:10px;

  background:#edf7f0;

  color:#13743d;
}


.lima-distancia-icone svg{
  width:21px;
  height:21px;
}


.lima-distancia-cabecalho{
  min-width:0;
  flex:1;
}


.lima-distancia-titulo{
  font-size:15px;
  line-height:1.2;
  font-weight:700;

  color:#174f32;
}


.lima-distancia-instrucao{
  margin-top:2px;

  font-size:11px;
  line-height:1.3;

  color:#6a7c72;
}


/* ---------------------------------------------------------
   DISTANCIA
   --------------------------------------------------------- */

.lima-distancia-valor-box{
  margin-top:10px;

  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;

  padding:9px 11px;

  border:1px solid #dbe7df;
  border-radius:11px;

  background:#f8fbf9;
}


.lima-distancia-valor-label{
  font-size:10px;

  text-transform:uppercase;
  letter-spacing:.04em;

  color:#6b7d73;

  font-weight:700;
}


#lima-distancia-valor{
  font-size:20px;
  line-height:1;

  white-space:nowrap;

  color:#11713b;

  font-weight:700;
}


/* ---------------------------------------------------------
   ACOES
   --------------------------------------------------------- */

.lima-distancia-acoes{
  display:grid;

  grid-template-columns:
    repeat(3,minmax(0,1fr));

  gap:7px;

  margin-top:10px;
}


.lima-distancia-btn{
  min-height:38px;

  padding:7px 8px;

  border:1px solid #d3ded7;
  border-radius:10px;

  background:#fff;

  color:#315945;

  font-size:12px;
  font-weight:600;

  cursor:pointer;
}


.lima-distancia-btn:hover{
  background:#f4f9f6;
}


.lima-distancia-btn.verde{
  border-color:#167440;

  background:#167440;

  color:white;
}


.lima-distancia-btn:disabled{
  opacity:.4;
  cursor:default;
}


/* ---------------------------------------------------------
   RESULTADO
   --------------------------------------------------------- */

.lima-distancia-resultado-acoes{
  display:none;

  grid-template-columns:
    repeat(3,minmax(0,1fr));

  gap:7px;

  margin-top:10px;
}


#lima-distancia-toolbar.concluido
.lima-distancia-acoes{
  display:none;
}


#lima-distancia-toolbar.concluido
.lima-distancia-resultado-acoes{
  display:grid;
}


/* ---------------------------------------------------------
   AVISO
   --------------------------------------------------------- */

.lima-distancia-aviso{
  margin-top:8px;

  font-size:10px;
  line-height:1.3;

  text-align:center;

  color:#75837b;
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media(max-width:700px){

  #lima-distancia-toolbar{
    top:12px;

    width:calc(100vw - 20px);

    padding:10px;

    border-radius:14px;
  }


  .lima-distancia-acoes,
  .lima-distancia-resultado-acoes{
    gap:5px;
  }


  .lima-distancia-btn{
    min-height:40px;

    padding:6px 4px;

    font-size:11px;
  }


  #lima-distancia-valor{
    font-size:19px;
  }

}