/*
 * leaflet.css — diseño común de todos los mapas Leaflet del sitio (propio del proyecto, no es el leaflet.css de libs/).
 * Cargado global en templates/base.html.twig, después de app.min.css/custom.min.css.
 * Colores según el tema claro/oscuro con las variables de Velzon (regla en docs/developerMode.md):
 * --vz-card-bg-custom (fondo de panel flotante; no usar --vz-card-bg, solo existe dentro de .card), --vz-body-color,
 * --vz-border-color, --vz-light.
 * Acá va solo lo común a todos los mapas. Lo propio de un layout o módulo (ej. el zoom con clases .btn de
 * Components/Mantenedor/baseFullMapView, los controles .leaflet-styled-controls de Surface) queda en su template.
 */

/* atribución */
.leaflet-control-attribution{
    font-size: 0.8em;
    background: var(--vz-card-bg-custom) !important;
    color: var(--vz-body-color);
}

/* control de capas */
.leaflet-touch .leaflet-control-layers{
    background: var(--vz-card-bg-custom);
    color: var(--vz-body-color);
}
.leaflet-touch .leaflet-control-layers-toggle{
    width: 30px;
    height: 30px;
}
.leaflet-retina .leaflet-control-layers-toggle{
    background-size: 20px 20px;
}

/* zoom +/- */
.leaflet-control-zoom-in,
.leaflet-control-zoom-out{
    background: var(--vz-card-bg-custom) !important;
}
.leaflet-control-zoom-in span,
.leaflet-control-zoom-out span{
    color: var(--vz-body-color);
}

/* toolbar de Leaflet.draw: el color va en el contenedor y el <a> queda transparent con background-color
   (el atajo background borraría el sprite de íconos); el sprite es gris oscuro fijo, se invierte solo en modo oscuro */
.leaflet-draw-toolbar{
    background: var(--vz-card-bg-custom) !important;
}
.leaflet-draw-toolbar a{
    background-color: transparent !important;
}
[data-layout-mode="dark"] .leaflet-draw-toolbar a{
    filter: invert(1);
}

/* botones de controles Leaflet (.leaflet-bar a): los propios de cada módulo (X de limpiar selección, expandir mapa, GeoTIFF)
   y cualquiera nuevo. Leaflet.draw queda transparent por su regla de arriba (!important); el zoom de baseFullMapView (.btn) lo pisa su template */
.leaflet-bar a{
    background-color: var(--vz-card-bg-custom);
    color: var(--vz-body-color);
}
.leaflet-bar a:hover{
    background-color: var(--vz-light);
    color: var(--vz-body-color);
}

/* popups y tooltips (marcadores, trazas, polígonos) */
.leaflet-popup-content-wrapper,
.leaflet-popup-tip,
.leaflet-tooltip{
    background-color: var(--vz-card-bg-custom);
    color: var(--vz-body-color);
}
.leaflet-tooltip{
    border-color: var(--vz-border-color);
}
.leaflet-tooltip-top:before{ border-top-color: var(--vz-card-bg-custom); }
.leaflet-tooltip-bottom:before{ border-bottom-color: var(--vz-card-bg-custom); }
.leaflet-tooltip-left:before{ border-left-color: var(--vz-card-bg-custom); }
.leaflet-tooltip-right:before{ border-right-color: var(--vz-card-bg-custom); }