/* Страница «Все клубы» (/clubs). Карта переиспользует стили «Географии» клуба (css/ClubGeoMap.css): хост несёт
   класс .ci-gm (пины .ci-gm-pin и ползунок .ci-gm-zoom оттуда), поэтому здесь — только то, чего в «Географии» нет:
   полная высота вместо фиксированных 600px и подсветка города при наведении на карточку (блёкнут остальные,
   наведённый крупнее). Глобально, а не в .razor.css: пины и ползунок Leaflet рисует вне дерева компонента. */

.ci-gm.clubs-map {
    height: 100%;
    border-radius: 0;
}

.ci-gm-pin > svg {
    transition: transform .15s ease;
    transform-origin: 50% 50%;
}

.ci-gm-pin.dim {
    opacity: .16;
}

.ci-gm-pin.hot {
    z-index: 1000 !important;
}

.ci-gm-pin.hot > svg {
    transform: scale(1.55);
    filter: drop-shadow(0 0 8px rgba(255, 209, 102, .95));
}

.clubs-map-fallback {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 20px;
    text-align: center;
    color: var(--mud-palette-text-secondary);
}