/* Despegues sobre el mapa.
   Fichero aparte de viewer.css: la capa entera —módulo, estilos y ajuste— se
   toca en un sitio, y el visor no se entera de que existe más que por el
   conmutador de su tarjeta de capas. */

/* El punto lleva sombra propia porque cae sobre el ráster teñido: sin ella, un
   marcador verde sobre una zona verde de térmicas desaparece. */
.rv-site {
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .55));
    cursor: pointer;
    transition: opacity .12s ease;
}

.rv-site:hover {
    opacity: .82;
}

/* Contenedor del icono con flechas. Sin fondo ni borde: el className propio
   evita la caja blanca del divIcon de serie, esto es por si algún estilo
   global se cuela. */
.rv-site-icon {
    background: none;
    border: 0;
}

.rv-site-icon svg {
    display: block;
}

/* Rótulo fijo: nombre a secas, sin caja. Es lo que hace que quepan muchos sin
   ensuciar el mapa —una caja blanca por despegue tapaba el producto justo donde
   hay que leerlo—. El halo blanco es lo que lo mantiene legible sobre cualquier
   color, que es para lo que sirve el rotulado de los mapas de papel. */
.rv-site-label.leaflet-tooltip {
    background: none;
    border: 0;
    box-shadow: none;
    padding: 0;
    color: #16181a;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .1px;
    line-height: 1.2;
    white-space: nowrap;
    pointer-events: none;
    text-shadow:
        0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff,
        0 1px 2px rgba(255, 255, 255, .9);
}

.rv-site-label.leaflet-tooltip::before {
    display: none;
}

/* Escondido por solape con otro rótulo ya colocado. */
.rv-site-label--oculta {
    display: none;
}

/* Al apuntar el despegue, el rótulo se abre a la ficha: ahí sí conviene la caja,
   porque son dos líneas y el estado del viento tiene que leerse de un vistazo. */
.rv-site-label--completa.leaflet-tooltip {
    background: rgba(255, 255, 255, .94);
    border-radius: 4px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .35);
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 400;
    text-shadow: none;
    z-index: 1000;
}

.rv-site-tip-estado {
    color: #4a4a4a;
    font-size: 11px;
}

@media (prefers-color-scheme: dark) {
    .rv-site-label.leaflet-tooltip {
        color: #f4f6f8;
        text-shadow:
            0 0 3px rgba(0, 0, 0, .95), 0 0 3px rgba(0, 0, 0, .95),
            0 0 3px rgba(0, 0, 0, .95), 0 1px 2px rgba(0, 0, 0, .9);
    }

    .rv-site-label--completa.leaflet-tooltip {
        background: rgba(28, 28, 30, .94);
        color: #f2f2f2;
        text-shadow: none;
    }

    .rv-site-tip-estado {
        color: #c8c8c8;
    }
}