/* Location selector — top-left of the map (feedback #1).
   Replaces the old M|D toggle with three levels: Mainland / District /
   Municipality, preceded by a location pin icon. */

.location-selector {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px 6px;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    margin-top: 8px;
    margin-left: 8px;
}

.location-selector__icon {
    display: none;   /* desktop: icon hidden, the 3 buttons show directly.
                        Mobile CSS re-enables it as an expand toggle. */
    align-items: center;
    color: var(--color-primary);
    padding: 0 2px;
}

.location-selector__btn,
.location-selector__btn:link,
.location-selector__btn:visited {
    display: inline-block;
    padding: 4px 10px;
    font-size: 13px;
    font-weight: 600;
    color: #000;   /* black (was appearing blue as an <a> link) */
    background: transparent;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
}

.location-selector__btn:hover {
    background: #f4f4f4;
}

.location-selector__btn.is-active {
    background: var(--color-primary);   /* season-aware: orange summer / blue winter */
    color: #000;
}