/* CSS para o plugin WP Cidades Atendidas */

.svg-container path {
    cursor: pointer;
    /* Cor padrão para estados sem cidades */
    fill: #dcdcdc; 
    stroke: #fff;
    stroke-width: 1;
    transition: fill 0.2s ease-in-out;
}

/* Cor para estados que possuem cidades cadastradas */
.svg-container path.has-cities {
    fill: #436594; /* Um tom de verde claro */
}

/* Efeito de hover para estados que não estão selecionados */
.svg-container path:not(.estado-selecionado):hover {
    fill: #6EC1E4; /* Um tom de verde mais escuro no hover */
}

/* Destaca o estado selecionado no mapa */
.svg-container path.estado-selecionado {
    fill: #6EC1E4; /* Cor de destaque para o selecionado */
    stroke: #fff;
    stroke-width: 1.5;
    /* A transição já está no seletor base 'path' */
}

/* Lista de cidades responsiva */
#cidades-resultado ul { 
    padding-left: 0.5rem;
}
#cidades-resultado li {
    margin-bottom: 0.25rem;
    font-size: 1rem;
}

/* Responsividade e centralização do mapa */
.svg-container {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    height: auto;
    display: block;
    text-align: center;
}
.svg-container svg {
    width: 100%;
    height: auto;
    max-width: 100%;
    display: inline-block;
}

/* Sigla do estado maior e visível */
.svg-container text {
    font-size: 1.5rem !important;
    font-weight: bold;
    /* Cor do texto da sigla */
    fill: #333;
    paint-order: stroke;
    /* Contorno do texto para melhor legibilidade */
    stroke: #fff;
    stroke-width: 2px;
    stroke-linecap: butt;
    stroke-linejoin: miter;
    pointer-events: none;
}

/* Remove bordas das linhas da tabela de cidades */
#cidades-resultado .table tr {
    border: hidden;
}

#cidades-resultado .table tbody + tbody {
    border-top: none;
}

@media (max-width: 768px) {
    .svg-container {
        margin-bottom: 1rem;
    }
    .svg-container text {
        font-size: 1rem !important;
    }
}