/* ============================================================
   Контекстное меню (правая кнопка мыши на карте)
   Тёмная тема: графит #1a1a1a + золото #aa9974 (unionsk.ru)
   ============================================================ */
.context-menu {
    position: fixed;
    z-index: 1200;
    min-width: 200px;
    background: var(--surface-3);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    box-shadow: var(--shadow-panel);
    padding: 8px;
    font-size: 13px;
}

.context-menu-title {
    font-weight: 600;
    color: var(--text);
    padding: 4px 8px;
    border-bottom: 1px solid var(--border);
    margin-bottom: 6px;
}

/* Заголовок контекстного меню маркера: название объекта. Длинные
   названия переносим, чтобы они не растягивали меню. */
.context-menu-title-marker {
    max-width: 240px;
    word-break: break-word;
    line-height: 1.4;
}

.context-menu-coords {
    padding: 4px 8px;
    color: var(--text-secondary);
    font-family: var(--font-mono);
    font-size: 12px;
    user-select: text;
}

.context-menu-address {
    padding: 4px 8px;
    color: #e0e0e0;
    font-size: 13px;
    border-bottom: 1px solid var(--border);
    margin-bottom: 6px;
    user-select: text;
}

.context-menu-actions {
    padding: 2px 0;
}

.context-menu-item {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    text-align: left;
    background: none;
    border: none;
    padding: 8px;
    border-radius: var(--radius-sm);
    font-size: 13px;
    color: #e0e0e0;
    cursor: pointer;
    transition: background 0.12s, color 0.12s;
}

.context-menu-item:hover {
    background: var(--surface-hover);
    color: var(--brand);
}

/* Монохромная иконка в пункте контекстного меню */
.context-menu-icon {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    color: var(--text-muted);
    transition: color 0.12s;
}

.context-menu-item:hover .context-menu-icon {
    color: var(--brand);
}

.context-menu-item-danger .context-menu-icon {
    color: var(--danger-text);
}

.context-menu-item-danger:hover .context-menu-icon {
    color: #ff7a7a;
}

/* Пункт «Удалить» в контекстном меню маркера — красный (на тёмном) */
.context-menu-item-danger {
    color: var(--danger-text);
}

.context-menu-item-danger:hover {
    background: #3a2020;
    color: #ff7a7a;
}