/* Mapa termalnih anomalija — informacijecrnagora.me */

.icg-pozari {
    --icg-crvena: #e5342a;
    --icg-zuta: #f0a92b;
    --icg-plava: #4a8fd6;
    --icg-ivica: rgba(0, 0, 0, .12);
    margin: 2rem 0;
}

/* Upozorenje mora da se vidi prije mape, ne poslije nje. */
.icg-pozari-upozorenje {
    margin: 0 0 1rem;
    padding: .9rem 1.1rem;
    border-left: 4px solid var(--icg-crvena);
    background: rgba(229, 52, 42, .07);
    border-radius: 4px;
    font-size: .95rem;
    line-height: 1.55;
}

.icg-pozari-filteri {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    align-items: center;
    margin-bottom: .85rem;
}

.icg-pozari-grupa {
    display: inline-flex;
    border: 1px solid var(--icg-ivica);
    border-radius: 6px;
    overflow: hidden;
}

.icg-pozari-dugme {
    appearance: none;
    border: 0;
    border-right: 1px solid var(--icg-ivica);
    background: transparent;
    padding: .55rem 1rem;
    font: inherit;
    /* Safari na iPhoneu uveca stranicu kod polja manjih od 16px i ne vrati je. */
    font-size: 16px;
    line-height: 1.2;
    cursor: pointer;
    color: inherit;
}

.icg-pozari-dugme:last-child { border-right: 0; }
.icg-pozari-dugme:hover { background: rgba(127, 127, 127, .12); }

.icg-pozari-dugme.je-aktivno {
    background: var(--icg-crvena);
    color: #fff;
}

.icg-pozari-izbor select {
    font: inherit;
    font-size: 16px;
    padding: .5rem .7rem;
    border: 1px solid var(--icg-ivica);
    border-radius: 6px;
    background: transparent;
    color: inherit;
    max-width: 100%;
}

.icg-pozari-mapa {
    width: 100%;
    /* Rezervna visina ako inline stil izostane — bez nje Leaflet dobije 0 px
       i mapa se ne iscrta uopste. */
    min-height: 320px;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid var(--icg-ivica);
    background: rgba(127, 127, 127, .08);
}

.icg-pozari-stanje {
    margin: .75rem 0 0;
    font-size: .95rem;
    opacity: .85;
}

.icg-pozari-stanje.je-greska,
.icg-pozari-stanje.je-zastarjelo {
    color: var(--icg-crvena);
    opacity: 1;
    font-weight: 600;
}

.icg-pozari-legenda {
    list-style: none;
    margin: .85rem 0 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem 1.5rem;
    font-size: .9rem;
}

.icg-pozari-legenda li {
    display: flex;
    align-items: center;
    gap: .45rem;
    margin: 0;
}

/* Inline element ignorise sirinu i visinu — tacka mora biti blokovska. */
.icg-tacka {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    flex: 0 0 auto;
}

.icg-tacka.icg-visoko  { background: var(--icg-crvena); }
.icg-tacka.icg-srednje { background: var(--icg-zuta); }
.icg-tacka.icg-nisko   { background: var(--icg-plava); }

.icg-pozari .leaflet-popup-content {
    font-size: .9rem;
    line-height: 1.5;
}

@media (max-width: 600px) {
    .icg-pozari-filteri { gap: .5rem; }
    .icg-pozari-grupa,
    .icg-pozari-izbor { width: 100%; }
    .icg-pozari-izbor select { width: 100%; }
    .icg-pozari-dugme { flex: 1; padding: .55rem .5rem; }
}

.icg-pozari-izvor {
    margin: 1rem 0 0;
    font-size: .8rem;
    opacity: .55;
}
.icg-pozari-izvor a { color: inherit; }