/* * 99 by CleanWhale — стили карты OSM/Leaflet и подсказок геокодера Photon. * Подключается из functions.php только когда активен hivepress-geolocation. * Токены бренда живут в style.css (:root), здесь только их использование. */ /* ── Подсказки адреса ─────────────────────────────────────── */ .hp-field--location { position: relative; } /* Живёт в и позиционируется из JS: форма поиска HivePress стоит с overflow:hidden и срезала бы выпадашку до белой полоски. */ .cw99-geo-suggest { position: fixed; z-index: 10000; margin: 0; padding: 4px 0; list-style: none; background: #fff; border: 1px solid var(--cw-border, rgba(0, 0, 0, .2)); border-radius: 6px; box-shadow: 0 8px 24px rgba(0, 0, 0, .12); max-height: 280px; overflow-y: auto; } .cw99-geo-suggest[hidden] { display: none; } .cw99-geo-suggest__item { padding: 8px 14px; cursor: pointer; font-size: 15px; line-height: 1.35; /* Шапка сайта красит все ссылки в белый через !important; поле локации может оказаться внутри неё — фиксируем цвет текста явно. */ color: #242424; } .cw99-geo-suggest__item:hover, .cw99-geo-suggest__item.is-active { background: rgba(36, 87, 198, .08); } /* Атрибуция ODbL. Убирать нельзя — это условие лицензии данных OSM. */ .cw99-geo-suggest__credit, .cw99-map-credit { font-size: 12px; line-height: 1.4; color: var(--cw-grey, rgba(0, 0, 0, .6)); } /* Липкая: список прокручивается, а атрибуция ODbL должна оставаться на виду. */ .cw99-geo-suggest__credit { position: sticky; bottom: -4px; padding: 6px 14px; background: #fff; border-top: 1px solid var(--cw-border, rgba(0, 0, 0, .12)); cursor: default; } .cw99-geo-suggest__credit a, .cw99-map-credit a { color: inherit; text-decoration: underline; } .cw99-geo--busy input[type=text] { opacity: .6; } /* ── Карта ────────────────────────────────────────────────── */ .hp-map { border-radius: 6px; overflow: hidden; } .cw99-map-credit { margin: 6px 0 0; } /* Булавка вместо PNG-иконок Leaflet: ни одного лишнего запроса и цвет бренда. */ .cw99-map-pin span { display: block; width: 22px; height: 22px; margin: 2px; border-radius: 50% 50% 50% 0; transform: rotate(-45deg); background: var(--cw-blue, #2457C6); border: 2px solid #fff; box-shadow: 0 2px 6px rgba(0, 0, 0, .3); } .leaflet-container { font-family: 'futura-pt', sans-serif; } /* Контрол атрибуции Leaflet — тоже часть требования ODbL, не прячем. */ .leaflet-control-attribution { font-size: 11px; }