/* leafletMapAddons — estilos de los addons de mapa (leafletMapAddons.js). Colores según el tema (claro/oscuro). */

/* esquina 'topcenter' (arriba al centro): controles en fila, de izquierda a derecha en el orden en que se agregan */
.leaflet-top.leaflet-center{
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}
.leaflet-top.leaflet-center .leaflet-control{
    margin-left: 5px;
    margin-right: 5px;
}

/* coordenada bajo el puntero (Lat/Long + UTM WGS84), todos los mapas */
.leaflet-control-mouse-position{
    background: var(--vz-card-bg-custom);
    color: var(--vz-body-color);
    font-size: 0.7em;
    padding: 2px 6px;
    border-radius: 5px;
    white-space: nowrap;
    pointer-events: none;
}

/* selección de puntos: marcador seleccionado */
.point-selected{
    filter: drop-shadow(0 0 2px #00b8d4) drop-shadow(0 0 4px #00b8d4);
}

/* selección de puntos: fila(s) del punto clickeado en el mapa */
.point-row-focused{
    background-color: var(--vz-background-selectable) !important;
}
/* fila puntual (muestra) del punto enfocado: pmFocusPoint() de templates/Components/PointsMap/mapScript */
.point-row-focused-sample > td{
    box-shadow: inset 0 2px 0 var(--vz-primary), inset 0 -2px 0 var(--vz-primary);
    font-weight: 600;
}

/* polígonos (MapPolygon): vértices en edición — movido desde assets/libs/mapPolygon/mapPolygon.css */
.leaflet-editing-icon{
    background: white;
    border-radius: 50%;
    border: 2px solid var(--vz-color-primary);
    cursor: move;
}

/* centrar en una coordenada (centerControl): [select grid type] + inputs Lat/Lng o X/Y + botón en una fila */
.leaflet-control-center-coordinate{
    background: var(--vz-card-bg-custom);
}
.leaflet-control-center-coordinate .center-coordinate-row{
    display: flex;
    align-items: flex-start;
}
.leaflet-control-center-coordinate .form-group{
    width: 95px;
    margin: 0;
    border-right: 1px solid var(--vz-border-color);
}
.leaflet-control-center-coordinate input.form-control{
    width: 100%;
    height: 30px;
    border: 0;
    border-radius: 0;
    font-size: 0.75rem;
}
/* select de grid type (opción gridTypes), antes de los inputs */
.leaflet-control-center-coordinate .form-group.center-coordinate-grid-type{
    width: 120px;
}
.leaflet-control-center-coordinate select.form-select{
    height: 30px;
    border: 0;
    border-radius: 0;
    font-size: 0.75rem;
    padding-top: 0;
    padding-bottom: 0;
}
/* mismo select con Select2: alto, borde y letra de los inputs */
.leaflet-control-center-coordinate .select2-container .select2-selection--single{
    height: 30px;
    border: 0;
    border-radius: 0;
}
.leaflet-control-center-coordinate .select2-container .select2-selection--single .select2-selection__rendered{
    line-height: 30px;
    font-size: 0.75rem;
}
.leaflet-control-center-coordinate .select2-container .select2-selection--single .select2-selection__arrow{
    height: 28px;
}
.leaflet-control-center-coordinate input.form-control.is-invalid,
.leaflet-control-center-coordinate input.form-control.parsley-error{
    box-shadow: inset 0 0 0 1px var(--vz-danger);
    background-image: none;
    padding-right: 0.5rem;
}

/* capa KML / KMZ de referencia (kmlControl): botones subir / quitar en una fila */
.leaflet-control-kml{
    display: flex;
}
.leaflet-control-kml a.hidden, .leaflet-control-kml input.hidden{
    display: none;
}