/* ============================================================================ Тёмная тема для попапов карт (Яндекс / Google / MapLibre). Тема приложения живёт на , поэтому все правила привязаны к html[data-theme=dark] — синхронно с переключателем. ========================================================================== */ /* --- Яндекс --------------------------------------------------------------- Контейнер попапа (POPUP_CSS) использует background:var(--card,#fff). Переменная --card нигде не была определена → фон всегда белый в любой теме. Определяем её: светлая по умолчанию, тёмная — под data-theme=dark. (--text для тёмной темы уже задан в sanarip-core.css.) */ :root { --card: #ffffff; } html[data-theme=dark] { --card: #1c1c1e; } /* --- Google Maps InfoWindow ---------------------------------------------- По умолчанию Google рисует белый пузырь и не стилизуется приложением. Темним контейнер, скроллируемый контент, «хвост» и крестик закрытия. */ html[data-theme=dark] .gm-style .gm-style-iw-c, html[data-theme=dark] .gm-style .gm-style-iw-d { background: #1c1c1e !important; color: var(--text, #f5f5f7) !important; } html[data-theme=dark] .gm-style .gm-style-iw-d { scrollbar-color: #48484a #1c1c1e; } /* Треугольный «хвост» пузыря (Google рисует его через ::after градиентом). */ html[data-theme=dark] .gm-style .gm-style-iw-t::after { background: linear-gradient(45deg, #1c1c1e 50%, rgba(28, 28, 30, 0) 51%, rgba(28, 28, 30, 0) 100%) !important; } /* Крестик закрытия (иконка-маска в ) — делаем светлым, чтобы был виден. */ html[data-theme=dark] .gm-style .gm-ui-hover-effect > span, html[data-theme=dark] .gm-style .gm-style-iw button > span { background-color: #c7c7cc !important; } /* Кнопка «Панорама» внутри Google-попапа (инлайн-стиль белый) — под тёмную. */ html[data-theme=dark] .gm-style #gm-sv-btn { background: #2c2c2e !important; color: #f5f5f7 !important; border-color: #48484a !important; }