/* UNESCO-specific variables — reuses all season.css base */
:root {
    --unesco-cultural: #7b4f9e;
    --unesco-natural:  #2f7d32;
    --unesco-mixed:    #c47e2b;
}

/* Category filter buttons */
.filter-group {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    align-items: center;
}

.filter-btn {
    border: 1px solid var(--season-stroke);
    background: rgba(255, 255, 255, .45);
    border-radius: 999px;
    padding: 6px 14px;
    font-size: 13px;
    color: var(--season-ink);
    cursor: pointer;
    font-family: "DM Sans", system-ui, -apple-system, Segoe UI, Roboto, Arial;
    transition: background .15s, border-color .15s;
    white-space: nowrap;
}

.filter-btn.active {
    background: rgba(0, 0, 0, .09);
    border-color: rgba(0, 0, 0, .22);
}

.filter-btn:hover:not(.active) {
    background: rgba(255, 255, 255, .72);
}

.filter-btn .filter-count {
    color: var(--season-muted);
    font-size: 11px;
    margin-left: 4px;
}

/* Legend swatches for categories */
.swatch-cultural { background: var(--unesco-cultural); }
.swatch-natural  { background: var(--unesco-natural);  }
.swatch-mixed    { background: var(--unesco-mixed);    }

.zoom-btns {
    display: flex;
    gap: 4px;
    align-items: center;
}

/* Site dots — radius and interaction handled in JS, visual extras here */
circle.site {
    cursor: pointer;
    transition: fill-opacity .1s;
}

circle.site:hover {
    fill-opacity: 1;
}

.tip-danger {
    color: #b04b2a;
}