/* Estilo dos pins com emoji dentro, simulando Google Maps */
/*  public/components/emojis_categorias.php  */

.pin-marker {
    position: relative;
    width: 30px; /* tamanho do círculo */
    height: 30px; /* tamanho do círculo */
    background: white; 
    border-radius: 50%;
    border: 2px solid #4285F4; /* azul padrão Google Maps */
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px; /* 🔹 aqui define o tamanho do emoji */
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
}

/* Triângulo inferior simulando a ponta do balão */
.pin-marker::after {
    content: "";
    position: absolute;
    bottom: -9px; /* controla a distância da ponta em relação ao círculo. */
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 10px solid transparent; /* setinha azul do balão */
    border-right: 10px solid transparent; /* setinha azul do balão */
    border-top: 10px solid #4285F4; /* setinha azul da borda */
}