/* Mapa powiatów objętych projektem. Wspólna dla strony głównej i stron
   treściowych, dlatego trzyma tylko wygląd samej mapy — bez otoczenia sekcji. */

.mapa-powiatow {
    position: relative;
}

.mapa-powiatow__svg {
    display: block;
    width: 100%;
    max-width: 420px;
    height: auto;
    margin: 0 auto;
}

.mapa-powiatow__obszar {
    fill: #dfe3e7;
    stroke: #f7f8f9;
    stroke-width: 2;
    transition: fill .15s ease;
}

.mapa-powiatow__obszar--projekt {
    /* Powiaty projektu w żółci z logo — jedyny mocny akcent w sekcji. */
    fill: var(--tw-accent);
    cursor: pointer;
}

.mapa-powiatow__obszar--projekt:hover,
.mapa-powiatow__obszar--projekt:focus {
    fill: #e6bf00;
    outline: none;
}

/* Podpowiedź z nazwą jednostki */
.mapa-powiatow__tip {
    position: absolute;
    z-index: 3;
    padding: 5px 10px;
    background: #232323;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    pointer-events: none;
    opacity: 0;
    transform: translate(-50%, -130%);
    transition: opacity .12s ease;
}

.mapa-powiatow__tip[data-widoczny="1"] {
    opacity: 1;
}

@media (max-width: 991px) {
    .mapa-powiatow__svg {
        max-width: 320px;
    }
}