/* Карта парковок под таблицей. Метка — буква P, а не картинка:
   лишних запросов за иконками нет, и она наследует размер шрифта. */
.pk-map { height: 340px; margin: 10px 0 0; border: 1px solid #e0dedb; background: #eee; }
.leaflet-container .pk-pin {
    width: auto !important; height: auto !important; margin: 0 !important;
    transform: translate(-50%, -50%); text-align: center;
}
.pk-pin b {
    display: inline-block; width: 20px; height: 20px; line-height: 20px;
    border-radius: 50%; background: #3f6b96; color: #fff;
    font-size: 12px; font-weight: 700;
    box-shadow: 0 1px 2px rgba(0,0,0,.35);
}
.pk-pin.pk-pin-free b { background: #4a8a5c; }
.leaflet-popup-content { font-size: 12px; line-height: 1.45; }
@media (max-width: 480px) { .pk-map { height: 260px; } }

/* Темы WordPress почти поголовно ставят картинкам внутри статьи
   `position: relative` — правилом вида `.entry-content img`. Его вес (класс
   плюс тег) выше, чем у `.leaflet-tile` из Leaflet, поэтому побеждает тема,
   плитки теряют абсолютное позиционирование и выстраиваются потоком в
   столбец. Карта при этом выглядит пустой: в контейнер попадают три плитки
   из двенадцати, остальные уезжают вниз на три тысячи пикселей.

   Поэтому здесь селектор из двух классов — он тяжелее темы, и без !important.
   Строка касается и меток: их тема ломает тем же правилом. */
.leaflet-container img.leaflet-tile,
.leaflet-container img.leaflet-marker-icon,
.leaflet-container img.leaflet-marker-shadow,
.leaflet-container img.leaflet-image-layer {
    position: absolute;
    display: block;
    max-width: none;
    box-shadow: none;
    border-radius: 0;
}
.leaflet-container .leaflet-pane img { vertical-align: initial; }