/* Надписи-фигуры на карте (map_shapes, shape_type='text').
 *
 * ОБЩИЙ файл для публичной карты (index.html) и админки (admin.html).
 * Раньше эти правила лежали двумя копиями — в styles.css и в инлайн-<style>
 * админки, — и админка вообще не подключает styles.css. Копии обязаны были
 * разъехаться, поэтому источник правды один. Подключать в ОБА html.
 *
 * Значения плашки сняты getComputedStyle с ЖИВОГО
 * .leaflet-tooltip.place-tooltip на проде 178 (30.07.2026), а не вычитаны из
 * каскада: эффективный вид тултипа собирают ~15 перебивающих друг друга блоков
 * styles.css. Подробности и полный дамп — docs/map_shapes.md.
 */

/* Обёртка divIcon: нулевого размера и без собственного фона — плашку рисует
   .shape-text-inner, иначе Leaflet добавил бы свой фон/рамку маркера. */
.shape-text-label {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 0 !important;
    height: 0 !important;
    overflow: visible !important;
}

.shape-text-inner {
    position: absolute;
    transform: translate(-50%, -50%);
    line-height: 1.2;
}

/* ── Плашка «как тултип» ─────────────────────────────────────────────────────
 * Хром задан в em, а не в px. Кегль надписи выбирает админ, и он может расти с
 * зумом (base·2^(zoom−refZoom)); фиксированные 4px/10px/1.5px на кегле 60px
 * выглядели бы ниткой вокруг гигантского текста. Знаменатель — реперный кегль
 * тултипа 14.14px, 6 знаков (4 знака давали расхождение в 4-м знаке пикселя —
 * невидимое, но мешавшее чистому дифу getComputedStyle при проверке):
 *     0.282885em = 4px,  0.707214em = 10px,
 *     0.106082em = 1.5px, 0.424328em = 6px.
 *
 * min-height у тултипа (24px) намеренно НЕ переносится: у него он не является
 * связывающим — естественная высота строки (line-height 1.2 = 16.968px + 8px
 * padding = 24.97px) и так больше. Копировать его значило бы получить другую
 * высоту, т.к. здесь рамка и padding на ОДНОМ элементе с текстом.
 *
 * Отступы симметричные (10px/10px): у тултипа справа 12px только из-за зазора
 * до разделителя фото-кнопки, которой у свободной надписи нет.
 *
 * Хвостик-треугольник (.place-tooltip::after) не воспроизводится: свободной
 * надписи не на что указывать (решение пользователя 30.07.2026).
 */
.shape-text-inner.shape-text-box {
    padding: 0.282885em 0.707214em;
    border: 0.106082em solid #0700ff;
    border-radius: 0.424328em;
    line-height: 1.2;
}

/* Обычный тултип: белая плашка */
.shape-text-inner.shape-text-box--tooltip {
    background-color: #ffffff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

/* Выбранный тултип (.place-tooltip-selected): синяя плашка, тень заметно глубже */
.shape-text-inner.shape-text-box--selected {
    background-color: #42a5f5;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
}